clawatch 1.0.22 → 1.0.26

package/frontend/.next/static/chunks/139d48bcbc462224.js

@@ -0,0 +1 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,33525,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"warnOnce",{enumerable:!0,get:function(){return a}});let a=e=>{}},19455,19805,27601,25913,e=>{"use strict";var t=e.i(43476);e.i(47167);var r=e.i(71645);let a={};function s(e,t){let s=r.useRef(a);return s.current===a&&(s.current=e(t)),s}let n=r[`useInsertionEffect${Math.random().toFixed(1)}`.slice(0,-3)],l=n&&n!==r.useLayoutEffect?n:e=>e();function i(e){let t=s(o).current;return t.next=e,l(t.effect),t.trampoline}function o(){let e={next:void 0,callback:c,trampoline:(...t)=>e.callback?.(...t),effect:()=>{e.callback=e.next}};return e}function c(){}let d="u">typeof document?r.useLayoutEffect:()=>{};function u(e,t){return e&&!t?e:!e&&t?t:e||t?{...e,...t}:void 0}let m={};function x(e,t,r,a,s){let n={...g(e,m)};return t&&(n=p(n,t)),r&&(n=p(n,r)),a&&(n=p(n,a)),s&&(n=p(n,s)),n}function h(e){if(0===e.length)return m;if(1===e.length)return g(e[0],m);let t={...g(e[0],m)};for(let r=1;r<e.length;r+=1)t=p(t,e[r]);return t}function p(e,t){return f(t)?t(e):function(e,t){if(!t)return e;for(let r in t){let a=t[r];switch(r){case"style":e[r]=u(e.style,a);break;case"className":e[r]=v(e.className,a);break;default:!function(e,t){let r=e.charCodeAt(0),a=e.charCodeAt(1),s=e.charCodeAt(2);return 111===r&&110===a&&s>=65&&s<=90&&("function"==typeof t||void 0===t)}(r,a)?e[r]=a:e[r]=function(e,t){return t?e?r=>{var a;if(null!=(a=r)&&"object"==typeof a&&"nativeEvent"in a){b(r);let a=t(r);return r.baseUIHandlerPrevented||e?.(r),a}let s=t(r);return e?.(r),s}:t:e}(e[r],a)}}return e}(e,t)}function f(e){return"function"==typeof e}function g(e,t){return f(e)?e(t):e??m}function b(e){return e.preventBaseUIHandler=()=>{e.baseUIHandlerPrevented=!0},e}function v(e,t){return t?e?t+" "+e:t:e}function j(e,...t){let r=new URL("https://base-ui.com/production-error");return r.searchParams.set("code",e.toString()),t.forEach(e=>r.searchParams.append("args[]",e)),`Base UI error #${e}; visit ${r} for the full message.`}e.s(["makeEventPreventable",()=>b,"mergeClassNames",()=>v,"mergeProps",()=>x,"mergePropsN",()=>h],19805);let w=r.createContext(void 0);function y(e,t,r,a){var n,l,i,o,c;let d=s(N).current;return n=d,l=e,i=t,o=r,c=a,(n.refs[0]!==l||n.refs[1]!==i||n.refs[2]!==o||n.refs[3]!==c)&&k(d,[e,t,r,a]),d.callback}function N(){return{callback:null,cleanup:null,refs:[]}}function k(e,t){if(e.refs=t,t.every(e=>null==e)){e.callback=null;return}e.callback=r=>{if(e.cleanup&&(e.cleanup(),e.cleanup=null),null!=r){let a=Array(t.length).fill(null);for(let e=0;e<t.length;e+=1){let s=t[e];if(null!=s)switch(typeof s){case"function":{let t=s(r);"function"==typeof t&&(a[e]=t);break}case"object":s.current=r}}e.cleanup=()=>{for(let e=0;e<t.length;e+=1){let r=t[e];if(null!=r)switch(typeof r){case"function":{let t=a[e];"function"==typeof t?t():r(null);break}case"object":r.current=null}}}}}}let z=parseInt(r.version,10);function C(e){if(!r.isValidElement(e))return null;let t=e.props;return(z>=19?t?.ref:e.ref)??null}Object.freeze([]);let A=Object.freeze({});function M(e,t,a={}){let n=t.render,l=function(e,t={}){var r,a,n;let{className:l,style:i,render:o}=e,{state:c=A,ref:d,props:m,stateAttributesMapping:x,enabled:p=!0}=t,f=p?"function"==typeof l?l(c):l:void 0,g=p?"function"==typeof i?i(c):i:void 0,b=p?function(e,t){let r={};for(let a in e){let s=e[a];if(t?.hasOwnProperty(a)){let e=t[a](s);null!=e&&Object.assign(r,e);continue}!0===s?r[`data-${a.toLowerCase()}`]="":s&&(r[`data-${a.toLowerCase()}`]=s.toString())}return r}(c,x):A,j=p?u(b,Array.isArray(m)?h(m):m)??A:A;if("u">typeof document)if(p)if(Array.isArray(d)){let e;r=[j.ref,C(o),...d],a=e=s(N).current,n=r,(a.refs.length!==n.length||a.refs.some((e,t)=>e!==n[t]))&&k(e,r),j.ref=e.callback}else j.ref=y(j.ref,C(o),d);else y(null,null);return p?(void 0!==f&&(j.className=v(j.className,f)),void 0!==g&&(j.style=u(j.style,g)),j):A}(t,a);return!1===a.enabled?null:function(e,t,a,s){if(t){if("function"==typeof t)return t(a,s);let e=x(a,t.props);e.ref=a.ref;let n=t;return n?.$$typeof===L&&(n=r.Children.toArray(t)[0]),r.cloneElement(n,e)}if(e&&"string"==typeof e){var n,l;return n=e,l=a,"button"===n?(0,r.createElement)("button",{type:"button",...l,key:l.key}):"img"===n?(0,r.createElement)("img",{alt:"",...l,key:l.key}):r.createElement(n,l)}throw Error(j(8))}(e,n,l,a.state??A)}let L=Symbol.for("react.lazy");e.s(["useRenderElement",()=>M],27601);let W=r.forwardRef(function(e,t){let{render:a,className:s,disabled:n=!1,focusableWhenDisabled:l=!1,nativeButton:o=!0,...c}=e,{getButtonProps:u,buttonRef:m}=function(e={}){let{disabled:t=!1,focusableWhenDisabled:a,tabIndex:s=0,native:n=!0}=e,l=r.useRef(null),o=void 0!==function(e=!1){let t=r.useContext(w);if(void 0===t&&!e)throw Error(j(16));return t}(!0),c=i(()=>{let e=l.current;return!!(e?.tagName==="A"&&e?.href)}),{props:u}=function(e){let{focusableWhenDisabled:t,disabled:a,composite:s=!1,tabIndex:n=0,isNativeButton:l}=e,i=s&&!1!==t,o=s&&!1===t;return{props:r.useMemo(()=>{let e={onKeyDown(e){a&&t&&"Tab"!==e.key&&e.preventDefault()}};return s||(e.tabIndex=n,!l&&a&&(e.tabIndex=t?n:-1)),(l&&(t||i)||!l&&a)&&(e["aria-disabled"]=a),l&&(!t||o)&&(e.disabled=a),e},[s,a,t,i,o,l,n])}}({focusableWhenDisabled:a,disabled:t,composite:o,tabIndex:s,isNativeButton:n}),m=r.useCallback(()=>{var e;let r=l.current;(function(e){var t;return!!("u">typeof window)&&(e instanceof HTMLElement||e instanceof((null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window).HTMLElement)})(e=r)&&"BUTTON"===e.tagName&&o&&t&&void 0===u.disabled&&r.disabled&&(r.disabled=!1)},[t,u.disabled,o]);return d(m,[m]),{getButtonProps:r.useCallback((e={})=>{let{onClick:r,onMouseDown:a,onKeyUp:s,onKeyDown:l,onPointerDown:i,...o}=e;return x({type:n?"button":void 0,onClick(e){t?e.preventDefault():r?.(e)},onMouseDown(e){t||a?.(e)},onKeyDown(e){if(t||(b(e),l?.(e)),e.baseUIHandlerPrevented)return;let a=e.target===e.currentTarget&&!n&&!c()&&!t,s="Enter"===e.key,i=" "===e.key;a&&((i||s)&&e.preventDefault(),s&&r?.(e))},onKeyUp(e){t||(b(e),s?.(e)),!e.baseUIHandlerPrevented&&(e.target!==e.currentTarget||n||t||" "!==e.key||r?.(e))},onPointerDown(e){t?e.preventDefault():i?.(e)}},n?void 0:{role:"button"},u,o)},[t,u,n,c]),buttonRef:i(e=>{l.current=e,m()})}}({disabled:n,focusableWhenDisabled:l,native:o});return M("button",e,{state:{disabled:n},ref:[t,m],props:[c,u]})});var S=e.i(7670);let H=e=>"boolean"==typeof e?`${e}`:0===e?"0":e,B=S.clsx,O=(e,t)=>r=>{var a;if((null==t?void 0:t.variants)==null)return B(e,null==r?void 0:r.class,null==r?void 0:r.className);let{variants:s,defaultVariants:n}=t,l=Object.keys(s).map(e=>{let t=null==r?void 0:r[e],a=null==n?void 0:n[e];if(null===t)return null;let l=H(t)||H(a);return s[e][l]}),i=r&&Object.entries(r).reduce((e,t)=>{let[r,a]=t;return void 0===a||(e[r]=a),e},{});return B(e,l,null==t||null==(a=t.compoundVariants)?void 0:a.reduce((e,t)=>{let{class:r,className:a,...s}=t;return Object.entries(s).every(e=>{let[t,r]=e;return Array.isArray(r)?r.includes({...n,...i}[t]):({...n,...i})[t]===r})?[...e,r,a]:e},[]),null==r?void 0:r.class,null==r?void 0:r.className)};e.s(["cva",0,O],25913);var E=e.i(75157);let I=O("group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm 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 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",{variants:{variant:{default:"bg-primary text-primary-foreground [a]:hover:bg-primary/80",outline:"border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",ghost:"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",destructive:"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",xs:"h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",sm:"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 [&_svg:not([class*='size-'])]:size-3.5",lg:"h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",icon:"size-8","icon-xs":"size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3","icon-sm":"size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg","icon-lg":"size-9"}},defaultVariants:{variant:"default",size:"default"}});function P({className:e,variant:r="default",size:a="default",...s}){return(0,t.jsx)(W,{"data-slot":"button",className:(0,E.cn)(I({variant:r,size:a,className:e})),...s})}e.s(["Button",()=>P],19455)},52683,e=>{"use strict";var t=e.i(43476),r=e.i(71645),a=e.i(22016),s=e.i(19455),n=e.i(98940);function l({text:e,className:a=""}){let[s,n]=(0,r.useState)(!1);return(0,t.jsx)("button",{onClick:()=>{navigator.clipboard.writeText(e),n(!0),setTimeout(()=>n(!1),2e3)},className:`text-gray-400 hover:text-white transition-colors ${a}`,"aria-label":"Copy to clipboard",children:s?(0,t.jsx)("svg",{className:"size-4",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"#10b981",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M4.5 12.75l6 6 9-13.5"})}):(0,t.jsx)("svg",{className:"size-4",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"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"})})})}function i({children:e,copyText:r}){return(0,t.jsxs)("div",{className:"relative bg-[#0d1117] rounded-xl border border-white/[0.06] overflow-hidden",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between px-4 py-2.5 border-b border-white/[0.06]",children:[(0,t.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,t.jsx)("span",{className:"size-3 rounded-full bg-[#ff5f57]"}),(0,t.jsx)("span",{className:"size-3 rounded-full bg-[#febc2e]"}),(0,t.jsx)("span",{className:"size-3 rounded-full bg-[#28c840]"})]}),r&&(0,t.jsx)(l,{text:r})]}),(0,t.jsx)("div",{className:"p-4 font-mono text-sm leading-relaxed overflow-x-auto",children:e})]})}let o=[{title:"Cost Monitoring & Thresholds",description:"Track spend per agent in real-time. Set daily or monthly limits with automatic alerts when thresholds are approached or exceeded.",icon:(0,t.jsx)("svg",{className:"size-6",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M2.25 18.75a60.07 60.07 0 0115.797 2.101c.727.198 1.453-.342 1.453-1.096V18.75M3.75 4.5v.75A.75.75 0 013 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 00-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 01-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 003 15h-.75M15 10.5a3 3 0 11-6 0 3 3 0 016 0zm3 0h.008v.008H18V10.5zm-12 0h.008v.008H6V10.5z"})})},{title:"Smart Alerts to Your Phone",description:"Get instant notifications for stuck agents, errors, cost spikes, and anomalies. Telegram, Slack, or webhook — your choice.",icon:(0,t.jsx)("svg",{className:"size-6",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M10.5 1.5H8.25A2.25 2.25 0 006 3.75v16.5a2.25 2.25 0 002.25 2.25h7.5A2.25 2.25 0 0018 20.25V3.75a2.25 2.25 0 00-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3"})})},{title:"Control Agents from Anywhere",description:"Pause, resume, or stop agents directly from the dashboard or your phone. One click, instant effect.",icon:(0,t.jsx)("svg",{className:"size-6",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"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"})})},{title:"Unified Session View",description:"Group sessions into projects for a bird's-eye view. See cost, timeline, and agent breakdown across related work.",icon:(0,t.jsx)("svg",{className:"size-6",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M3.75 6A2.25 2.25 0 016 3.75h2.25A2.25 2.25 0 0110.5 6v2.25a2.25 2.25 0 01-2.25 2.25H6a2.25 2.25 0 01-2.25-2.25V6zM3.75 15.75A2.25 2.25 0 016 13.5h2.25a2.25 2.25 0 012.25 2.25V18a2.25 2.25 0 01-2.25 2.25H6A2.25 2.25 0 013.75 18v-2.25zM13.5 6a2.25 2.25 0 012.25-2.25H18A2.25 2.25 0 0120.25 6v2.25A2.25 2.25 0 0118 10.5h-2.25a2.25 2.25 0 01-2.25-2.25V6zM13.5 15.75a2.25 2.25 0 012.25-2.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-2.25A2.25 2.25 0 0113.5 18v-2.25z"})})},{title:"Smart Error Insights",description:"No more digging through scattered logs. ClaWatch surfaces errors in plain language with context and suggested fixes.",icon:(0,t.jsx)("svg",{className:"size-6",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z"})})},{title:"Multi-Profile Support",description:"Monitor multiple OpenClaw installations from one dashboard. Switch profiles instantly — dev, staging, production.",icon:(0,t.jsx)("svg",{className:"size-6",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z"})})}],c=[{name:"OpenClaw",icon:"🦞",status:"supported",url:"https://openclaw.ai"},{name:"NanoClaw",icon:(0,t.jsx)("img",{src:"/providers/nanoclaw.webp",alt:"NanoClaw",className:"size-7 rounded"}),status:"supported",url:"https://nanoclaw.net"},{name:"ZeroClaw",icon:(0,t.jsx)("img",{src:"/providers/zeroclaw.png",alt:"ZeroClaw",className:"size-7 rounded"}),status:"coming",url:"https://zeroclaw.dev"},{name:"TrustClaw",icon:(0,t.jsx)("img",{src:"/providers/trustclaw.svg",alt:"TrustClaw",className:"size-7"}),status:"coming",url:"https://www.trustclaw.app"},{name:"Nanobot",icon:(0,t.jsx)("img",{src:"/providers/nanobot.png",alt:"Nanobot",className:"size-7 rounded"}),status:"coming",url:"https://nanobot.ai"},{name:"PicoClaw",icon:(0,t.jsx)("img",{src:"/providers/picoclaw.ico",alt:"PicoClaw",className:"size-7 rounded"}),status:"coming",url:"https://picoclaw.dev"}],d=[{cmd:"clawatch start",desc:"Auto-detect agents, start monitoring, and open the dashboard"},{cmd:"clawatch stop",desc:"Stop the monitoring daemon gracefully"},{cmd:"clawatch status",desc:"Show active agents, sessions, and daemon health"},{cmd:"clawatch logs",desc:"Stream real-time logs from the monitoring daemon"}],u=["macOS","Linux (Ubuntu/Debian)","Windows WSL","Raspberry Pi","AWS","GCP","Digital Ocean","Hetzner"],m=[{name:"Telegram",available:!0},{name:"Slack",available:!1},{name:"Discord",available:!1},{name:"Email",available:!1},{name:"PagerDuty",available:!1}],x=[{q:"What is ClaWatch?",a:"ClaWatch is an open source observability platform for AI agents. It monitors your OpenClaw agents in real-time, tracking heartbeats, token usage, costs, and errors."},{q:"Is it free?",a:"Yes. ClaWatch is MIT licensed and free forever. You can self-host it or use our managed service."},{q:"How do I install?",a:"Run npm install -g clawatch in your terminal. Then run clawatch start — it auto-detects your OpenClaw agents and opens the dashboard."},{q:"What data does it collect?",a:"Agent heartbeats, token usage, costs, and errors from OpenClaw session files. Everything stays local on your machine by default."},{q:"Does it work with other agent frameworks?",a:"Currently ClaWatch supports OpenClaw. Support for additional agent frameworks is coming soon."},{q:"Where is my data stored?",a:"Locally on your machine. Nothing leaves your network unless you explicitly opt-in to managed hosting."}];function h({q:e,a}){let[s,n]=(0,r.useState)(!1);return(0,t.jsxs)("div",{className:"border border-white/[0.06] rounded-xl overflow-hidden",children:[(0,t.jsxs)("button",{onClick:()=>n(!s),className:"w-full flex items-center justify-between px-6 py-4 text-left hover:bg-white/[0.02] transition-colors",children:[(0,t.jsx)("span",{className:"font-medium text-white",children:e}),(0,t.jsx)("svg",{className:`size-5 text-gray-400 transition-transform shrink-0 ml-4 ${s?"rotate-180":""}`,fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19.5 8.25l-7.5 7.5-7.5-7.5"})})]}),s&&(0,t.jsx)("div",{className:"px-6 pb-4 text-gray-400 leading-relaxed text-sm",children:a})]})}function p(){return(0,t.jsxs)("div",{className:"min-h-screen bg-[#0a0a0f] text-white",children:[(0,t.jsx)("nav",{className:"border-b border-white/[0.06] backdrop-blur-md sticky top-0 z-50 bg-[#0a0a0f]/80",children:(0,t.jsxs)("div",{className:"max-w-6xl mx-auto px-6 h-16 flex items-center justify-between",children:[(0,t.jsxs)("div",{className:"flex items-center gap-6",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)(n.ClaWatchIcon,{}),(0,t.jsx)(n.ClaWatchLogo,{size:"md"})]}),(0,t.jsxs)("div",{className:"hidden sm:flex items-center gap-5 text-sm text-gray-400",children:[(0,t.jsx)("a",{href:"#features",className:"hover:text-white transition-colors",children:"Features"}),(0,t.jsx)("a",{href:"#faq",className:"hover:text-white transition-colors",children:"FAQ"})]})]}),(0,t.jsxs)("div",{className:"flex items-center gap-3",children:[(0,t.jsx)("a",{href:"https://github.com/GENWAY-AI/clawatch",target:"_blank",rel:"noopener noreferrer",children:(0,t.jsxs)(s.Button,{variant:"outline",size:"sm",className:"gap-2 border-white/[0.1] bg-transparent hover:bg-white/[0.05] text-gray-300 hover:text-white",children:[(0,t.jsx)("svg",{className:"size-4",viewBox:"0 0 24 24",fill:"currentColor",children:(0,t.jsx)("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"})}),"Star"]})}),(0,t.jsx)(a.default,{href:"/dashboard",children:(0,t.jsx)(s.Button,{size:"sm",className:"bg-emerald-500 hover:bg-emerald-600 text-white",children:"Dashboard"})})]})]})}),(0,t.jsx)("section",{className:"pt-28 pb-20 px-6",children:(0,t.jsxs)("div",{className:"max-w-4xl mx-auto text-center",children:[(0,t.jsxs)("div",{className:"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",children:[(0,t.jsx)("span",{className:"size-1.5 rounded-full bg-emerald-400 animate-pulse"}),"Open Source · Free Forever"]}),(0,t.jsxs)("h1",{className:"text-5xl sm:text-6xl lg:text-7xl font-bold tracking-tight leading-[1.1] mb-6",children:["Know what your agents",(0,t.jsx)("br",{}),"are doing."," ",(0,t.jsx)("span",{className:"bg-gradient-to-r from-emerald-400 to-emerald-300 bg-clip-text text-transparent",children:"Right now."})]}),(0,t.jsx)("p",{className:"text-lg sm:text-xl text-gray-400 max-w-2xl mx-auto mb-10 leading-relaxed",children:"Your OpenClaw agents spawn sub-agents, burn tokens, call tools. ClaWatch shows you everything, in real-time. Open source. Free forever."}),(0,t.jsxs)("div",{className:"flex items-center justify-center gap-4 mb-16",children:[(0,t.jsx)(a.default,{href:"/dashboard",children:(0,t.jsx)(s.Button,{size:"lg",className:"bg-emerald-500 hover:bg-emerald-600 text-white h-12 px-8 text-base font-medium",children:"Get Started"})}),(0,t.jsx)("a",{href:"https://github.com/GENWAY-AI/clawatch",target:"_blank",rel:"noopener noreferrer",children:(0,t.jsxs)(s.Button,{variant:"outline",size:"lg",className:"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",children:[(0,t.jsx)("svg",{className:"size-5",viewBox:"0 0 24 24",fill:"currentColor",children:(0,t.jsx)("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"})}),"Star on GitHub"]})})]}),(0,t.jsx)("div",{className:"max-w-2xl mx-auto",children:(0,t.jsxs)(i,{copyText:"npm install -g clawatch && clawatch start",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("span",{className:"text-emerald-400",children:"$"})," ",(0,t.jsx)("span",{className:"text-gray-300",children:"npm install -g clawatch"})]}),(0,t.jsxs)("div",{className:"mt-1",children:[(0,t.jsx)("span",{className:"text-emerald-400",children:"$"})," ",(0,t.jsx)("span",{className:"text-gray-300",children:"clawatch start"})]}),(0,t.jsx)("div",{className:"text-emerald-400 mt-0.5",children:"✓ Found 12 agents, 130 sessions"}),(0,t.jsx)("div",{className:"text-emerald-400 mt-0.5",children:"✓ Monitoring started. Dashboard → http://localhost:3001"})]})})]})}),(0,t.jsx)("section",{id:"features",className:"py-24 px-6 border-t border-white/[0.06]",children:(0,t.jsxs)("div",{className:"max-w-5xl mx-auto",children:[(0,t.jsxs)("div",{className:"text-center mb-16",children:[(0,t.jsx)("h2",{className:"text-3xl sm:text-4xl font-bold mb-4",children:"What You Get"}),(0,t.jsx)("p",{className:"text-gray-400 text-lg max-w-2xl mx-auto",children:"Everything you need to keep AI agents in check. Lightweight, fast, and open source."})]}),(0,t.jsx)("div",{className:"grid sm:grid-cols-2 lg:grid-cols-3 gap-6",children:o.map(e=>(0,t.jsxs)("div",{className:"rounded-xl border border-white/[0.06] bg-white/[0.02] p-6 hover:border-emerald-500/30 transition-colors",children:[(0,t.jsx)("div",{className:"size-10 rounded-lg bg-emerald-500/10 text-emerald-400 flex items-center justify-center mb-4",children:e.icon}),(0,t.jsx)("h3",{className:"text-lg font-semibold mb-2",children:e.title}),(0,t.jsx)("p",{className:"text-gray-400 text-sm leading-relaxed",children:e.description})]},e.title))})]})}),(0,t.jsx)("section",{className:"py-24 px-6 border-t border-white/[0.06]",children:(0,t.jsxs)("div",{className:"max-w-5xl mx-auto",children:[(0,t.jsxs)("div",{className:"text-center mb-16",children:[(0,t.jsx)("h2",{className:"text-3xl sm:text-4xl font-bold mb-4",children:"Works with Your Stack"}),(0,t.jsx)("p",{className:"text-lg text-gray-400 max-w-2xl mx-auto",children:"ClaWatch auto-detects your agent framework. Full support today, more coming soon."})]}),(0,t.jsx)("div",{className:"grid grid-cols-2 md:grid-cols-3 gap-4",children:c.map(e=>(0,t.jsxs)("a",{href:e.url,target:"_blank",rel:"noopener noreferrer",className:"group relative bg-white/[0.02] border border-white/[0.06] rounded-xl p-6 text-center hover:border-emerald-500/30 hover:scale-[1.02] transition-all duration-200 block no-underline",children:[(0,t.jsx)("div",{className:"size-12 mx-auto mb-3 rounded-lg bg-white/[0.05] flex items-center justify-center text-2xl",children:e.icon}),(0,t.jsx)("div",{className:"font-semibold mb-2",children:e.name}),(0,t.jsx)("span",{className:`inline-block px-2.5 py-0.5 rounded-full text-xs font-medium ${"supported"===e.status?"bg-emerald-500/10 text-emerald-400 border border-emerald-500/20":"bg-amber-500/10 text-amber-400 border border-amber-500/20"}`,children:"supported"===e.status?"Fully supported":"Coming soon"})]},e.name))}),(0,t.jsxs)("p",{className:"text-center text-sm text-gray-500 mt-8",children:["Want support for your framework?"," ",(0,t.jsx)("a",{href:"https://github.com/GENWAY-AI/clawatch/issues",className:"text-emerald-400 hover:text-emerald-300 transition-colors",children:"Request it →"})]})]})}),(0,t.jsx)("section",{className:"py-24 px-6 border-t border-white/[0.06]",children:(0,t.jsxs)("div",{className:"max-w-3xl mx-auto",children:[(0,t.jsx)("h2",{className:"text-3xl sm:text-4xl font-bold mb-4 text-center",children:"CLI Commands"}),(0,t.jsx)("p",{className:"text-gray-400 text-lg text-center mb-12",children:"Simple, powerful commands. No config files needed."}),(0,t.jsx)(i,{children:d.map((e,r)=>(0,t.jsxs)("div",{className:r>0?"mt-3":"",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("span",{className:"text-emerald-400",children:"$"})," ",(0,t.jsx)("span",{className:"text-white",children:e.cmd})]}),(0,t.jsx)("div",{className:"text-gray-500 text-xs mt-0.5 ml-4",children:e.desc})]},e.cmd))})]})}),(0,t.jsx)("section",{className:"py-24 px-6 border-t border-white/[0.06]",children:(0,t.jsxs)("div",{className:"max-w-4xl mx-auto text-center",children:[(0,t.jsx)("h2",{className:"text-3xl sm:text-4xl font-bold mb-4",children:"Runs Where You Run"}),(0,t.jsx)("p",{className:"text-gray-400 text-lg mb-12",children:"If OpenClaw runs there, ClaWatch runs there."}),(0,t.jsx)("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-4",children:u.map(e=>(0,t.jsx)("div",{className:"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",children:e},e))})]})}),(0,t.jsx)("section",{className:"py-24 px-6 border-t border-white/[0.06]",children:(0,t.jsxs)("div",{className:"max-w-4xl mx-auto text-center",children:[(0,t.jsx)("h2",{className:"text-3xl sm:text-4xl font-bold mb-4",children:"Alert Channels"}),(0,t.jsx)("p",{className:"text-gray-400 text-lg mb-12",children:"Get notified where your team already works."}),(0,t.jsx)("div",{className:"flex items-center justify-center gap-6 sm:gap-10 flex-wrap",children:m.map(e=>(0,t.jsxs)("div",{className:"flex flex-col items-center gap-2 relative",children:[(0,t.jsxs)("div",{className:`size-14 rounded-xl flex items-center justify-center text-2xl font-bold ${e.available?"bg-emerald-500/10 text-emerald-400 border border-emerald-500/30":"bg-white/[0.03] text-gray-500 border border-white/[0.06]"}`,children:["Telegram"===e.name&&(0,t.jsx)(f,{className:"size-7"}),"Slack"===e.name&&(0,t.jsx)(g,{className:"size-7"}),"Discord"===e.name&&(0,t.jsx)(b,{className:"size-7"}),"Email"===e.name&&(0,t.jsx)(v,{className:"size-7"}),"PagerDuty"===e.name&&(0,t.jsx)(j,{className:"size-7"})]}),(0,t.jsx)("span",{className:`text-xs ${e.available?"text-white":"text-gray-500"}`,children:e.name}),!e.available&&(0,t.jsx)("span",{className:"text-[10px] text-gray-500 bg-white/[0.05] px-1.5 py-0.5 rounded-full",children:"coming soon"})]},e.name))})]})}),(0,t.jsx)("section",{id:"faq",className:"py-24 px-6 border-t border-white/[0.06]",children:(0,t.jsxs)("div",{className:"max-w-3xl mx-auto",children:[(0,t.jsx)("h2",{className:"text-3xl sm:text-4xl font-bold mb-12 text-center",children:"FAQ"}),(0,t.jsx)("div",{className:"space-y-3",children:x.map(e=>(0,t.jsx)(h,{q:e.q,a:e.a},e.q))})]})}),(0,t.jsx)("section",{className:"py-24 px-6 border-t border-white/[0.06]",children:(0,t.jsxs)("div",{className:"max-w-2xl mx-auto text-center",children:[(0,t.jsx)("h2",{className:"text-3xl sm:text-4xl font-bold mb-6",children:"Ready to see what your agents are doing?"}),(0,t.jsx)("div",{className:"max-w-md mx-auto mb-8",children:(0,t.jsx)(i,{copyText:"npm install -g clawatch",children:(0,t.jsxs)("div",{children:[(0,t.jsx)("span",{className:"text-emerald-400",children:"$"})," ",(0,t.jsx)("span",{className:"text-gray-300",children:"npm install -g clawatch"})]})})}),(0,t.jsx)(a.default,{href:"/dashboard",children:(0,t.jsx)(s.Button,{size:"lg",className:"bg-emerald-500 hover:bg-emerald-600 text-white h-12 px-10 text-base font-medium",children:"Get Started"})})]})}),(0,t.jsx)("footer",{className:"border-t border-white/[0.06] py-10 px-6",children:(0,t.jsxs)("div",{className:"max-w-6xl mx-auto flex flex-col sm:flex-row items-center justify-between gap-4 text-sm text-gray-500",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)(n.ClaWatchLogo,{size:"sm"}),(0,t.jsx)("span",{className:"text-gray-500",children:"— Open Source AI Agent Observability"})]}),(0,t.jsxs)("div",{className:"flex items-center gap-6",children:[(0,t.jsx)("a",{href:"https://github.com/GENWAY-AI/clawatch",target:"_blank",rel:"noopener noreferrer",className:"hover:text-white transition-colors",children:"GitHub"}),(0,t.jsx)(a.default,{href:"/dashboard",className:"hover:text-white transition-colors",children:"Dashboard"}),(0,t.jsx)("a",{href:"https://github.com/GENWAY-AI/clawatch",target:"_blank",rel:"noopener noreferrer",className:"hover:text-white transition-colors",children:"Docs"})]})]})})]})}function f({className:e}){return(0,t.jsx)("svg",{className:e,viewBox:"0 0 24 24",fill:"currentColor",children:(0,t.jsx)("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"})})}function g({className:e}){return(0,t.jsx)("svg",{className:e,viewBox:"0 0 24 24",fill:"currentColor",children:(0,t.jsx)("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"})})}function b({className:e}){return(0,t.jsx)("svg",{className:e,viewBox:"0 0 24 24",fill:"currentColor",children:(0,t.jsx)("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"})})}function v({className:e}){return(0,t.jsx)("svg",{className:e,fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"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"})})}function j({className:e}){return(0,t.jsx)("svg",{className:e,viewBox:"0 0 24 24",fill:"currentColor",children:(0,t.jsx)("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"})})}e.s(["default",()=>p])}]);