1import{j as e,A as H,m as v}from"./vendor-ui-DqmAhgJR.js";import{u as Y,d as q,i as _,r as j,L}from"./vendor-react-JPatViJ4.js";import{N as $,c as r,P as h}from"./index-Dp-7376t.js";import{S as Z}from"./StatusBadge-De1LO2cG.js";import{B as J,n as X,R as k,o as Q,g as ee,P as se,d as C,p as A,K as O,L as te,T as ae,X as I,M as ne,m as le,q as T,E as ie,r as re,s as oe,G,u as B,U as de,v as ce,w as p,I as xe}from"./vendor-utils-BDD6f1xH.js";import"./vendor-supabase-CDGuCRB-.js";const u=[{id:"getting-started",title:"Getting Started",icon:J,content:e.jsxs("div",{className:"space-y-4",children:[e.jsx("h2",{className:"font-heading text-2xl font-bold text-white",children:"Getting Started"}),e.jsx("p",{className:"text-gray-400 font-body leading-relaxed",children:"Welcome to ClawDock â the easiest way to run OpenClaw AI agents. No downloads, no terminal, no technical setup required. Everything happens right in your browser."}),e.jsx("div",{className:"my-8 grid grid-cols-1 md:grid-cols-3 gap-4",children:[{step:1,title:"Sign in with Google",desc:"One click. No forms, no passwords.",icon:e.jsxs("svg",{viewBox:"0 0 24 24",className:"w-7 h-7",fill:"none",children:[e.jsx("path",{d:"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1Z",fill:"#4285F4"}),e.jsx("path",{d:"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23Z",fill:"#34A853"}),e.jsx("path",{d:"M5.84 14.09A6.68 6.68 0 0 1 5.5 12c0-.72.12-1.42.35-2.09V7.07H2.18A11 11 0 0 0 1 12c0 1.77.42 3.45 1.18 4.93l3.66-2.84Z",fill:"#FBBC05"}),e.jsx("path",{d:"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53Z",fill:"#EA4335"})]})},{step:2,title:"Add your API keys",desc:"Cloud provider + LLM key.",icon:e.jsx(O,{className:"w-7 h-7 text-amber-400"})},{step:3,title:"Click Deploy",desc:"Your agent is live in minutes.",icon:e.jsx(k,{className:"w-7 h-7 text-emerald-400"})}].map((s,n)=>e.jsxs("div",{className:"relative flex flex-col items-center text-center p-6 rounded-xl border border-[#1e1e1e] bg-[#0d0d0d]",children:[n<2&&e.jsx("div",{className:"hidden md:block absolute -right-3 top-1/2 -translate-y-1/2 z-10 text-gray-700",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:e.jsx("path",{d:"M6 3l5 5-5 5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),e.jsx("div",{className:"w-12 h-12 rounded-full bg-emerald-500/10 border border-emerald-500/20 flex items-center justify-center mb-3",children:s.icon}),e.jsxs("span",{className:"text-[10px] font-body uppercase tracking-widest text-gray-600 mb-1",children:["Step ",s.step]}),e.jsx("h4",{className:"font-heading text-sm font-semibold text-white mb-1",children:s.title}),e.jsx("p",{className:"text-xs text-gray-500 font-body",children:s.desc})]},s.step))}),e.jsxs("div",{className:"space-y-6 mt-6",children:[e.jsx(g,{number:1,title:"Sign in with Google",description:"Click 'Continue with Google' on the homepage. That's it â no registration forms, no passwords to remember. Your account is created instantly."}),e.jsx(g,{number:2,title:"Add your cloud provider key",description:"Go to your dashboard and paste your cloud provider API key. We currently support AWS, DigitalOcean, and Orgo.ai. Linode and bring-your-own SSH key support are coming soon."}),e.jsx(g,{number:3,title:"You're live!",description:"Click Deploy and your OpenClaw agent is set up automatically. Within a few minutes, you'll have a fully running AI agent that you can manage entirely from your browser."})]}),e.jsx(c,{color:"blue",children:"Behind the scenes, ClawDock creates a cloud server, installs OpenClaw, configures your LLM provider, and sets up a secure tunnel â all automatically. You don't need to know any of that to use it."}),e.jsxs("div",{className:"mt-8",children:[e.jsx("h3",{className:"font-heading text-lg font-semibold text-white mb-3",children:"What you'll need"}),e.jsxs("ul",{className:"space-y-2 text-sm text-gray-400 font-body",children:[e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx("span",{className:"text-emerald-400 mt-0.5",children:"â¢"}),"A Google account (for signing in)"]}),e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx("span",{className:"text-emerald-400 mt-0.5",children:"â¢"}),"A cloud provider API key (AWS, DigitalOcean, or Orgo.ai)"]}),e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx("span",{className:"text-emerald-400 mt-0.5",children:"â¢"}),"An LLM API key (Google Gemini or Anthropic Claude)"]})]})]})]})},{id:"dashboard",title:"Dashboard",icon:X,content:e.jsxs("div",{className:"space-y-4",children:[e.jsx("h2",{className:"font-heading text-2xl font-bold text-white",children:"Dashboard Overview"}),e.jsx("p",{className:"text-gray-400 font-body leading-relaxed",children:"After signing in, you'll land on your dashboard. This is your home base â it shows all your agents and lets you manage them at a glance."}),e.jsxs("div",{className:"my-6 rounded-xl border border-[#1e1e1e] bg-[#111111] overflow-hidden select-none pointer-events-none",children:[e.jsxs("div",{className:"px-5 pt-5 pb-4 flex items-end justify-between",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"font-heading text-lg font-bold text-white leading-none",children:"My VMs"}),e.jsx("p",{className:"text-xs text-gray-500 font-body mt-1",children:"Active Services · 3 Servers"})]}),e.jsxs("div",{className:"px-3 py-1.5 rounded-lg bg-[#e85d3a] text-white text-xs font-heading font-semibold flex items-center gap-1.5",children:[e.jsx("span",{className:"text-sm leading-none",children:"+"})," Deploy VM"]})]}),e.jsx("div",{className:"overflow-x-auto",children:e.jsxs("table",{className:"w-full text-xs font-body",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-t border-[#1e1e1e] text-[10px] uppercase tracking-wider text-gray-600",children:[e.jsx("th",{className:"text-left pl-5 pr-2 py-3 font-medium",children:"No"}),e.jsx("th",{className:"text-left px-2 py-3 font-medium",children:"VM
1Name"}),e.jsx("th",{className:"text-left px-2 py-3 font-medium",children:"Provider"}),e.jsx("th",{className:"text-left px-2 py-3 font-medium",children:"IP Address"}),e.jsx("th",{className:"text-left px-2 py-3 font-medium",children:"LLM"}),e.jsx("th",{className:"text-left px-2 py-3 font-medium",children:"Status"}),e.jsx("th",{className:"w-8"})]})}),e.jsxs("tbody",{className:"text-gray-400",children:[e.jsxs("tr",{className:"border-t border-[#1a1a1a] hover:bg-[#151515]",children:[e.jsx("td",{className:"pl-5 pr-2 py-3.5 text-gray-600",children:"01"}),e.jsx("td",{className:"px-2 py-3.5",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-gray-600",children:e.jsxs("svg",{className:"w-3.5 h-3.5",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[e.jsx("rect",{x:"2",y:"3",width:"20",height:"14",rx:"2"}),e.jsx("line",{x1:"8",y1:"21",x2:"16",y2:"21"}),e.jsx("line",{x1:"12",y1:"17",x2:"12",y2:"21"})]})}),e.jsx("span",{className:"text-white font-medium",children:"openclaw VM 3"})]})}),e.jsx("td",{className:"px-2 py-3.5",children:e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx(h,{provider:"digitalocean",size:"sm",className:"!w-3.5 !h-3.5 text-blue-400"}),e.jsx("span",{children:"DigitalOcean"})]})}),e.jsx("td",{className:"px-2 py-3.5 font-mono text-gray-500",children:e.jsx("span",{className:"bg-gray-800/60 px-1.5 py-0.5 rounded text-[10px]",children:"···.···.···.···"})}),e.jsx("td",{className:"px-2 py-3.5",children:"Claude"}),e.jsx("td",{className:"px-2 py-3.5",children:e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-green-500/10 text-green-400 text-[10px] font-medium",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-green-500"}),"Active"]})}),e.jsx("td",{className:"pr-3 text-gray-600",children:"â®"})]}),e.jsxs("tr",{className:"border-t border-[#1a1a1a] hover:bg-[#151515]",children:[e.jsx("td",{className:"pl-5 pr-2 py-3.5 text-gray-600",children:"02"}),e.jsx("td",{className:"px-2 py-3.5",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-gray-600",children:e.jsxs("svg",{className:"w-3.5 h-3.5",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[e.jsx("rect",{x:"2",y:"3",width:"20",height:"14",rx:"2"}),e.jsx("line",{x1:"8",y1:"21",x2:"16",y2:"21"}),e.jsx("line",{x1:"12",y1:"17",x2:"12",y2:"21"})]})}),e.jsx("span",{className:"text-white font-medium",children:"openclaw VM 2"})]})}),e.jsx("td",{className:"px-2 py-3.5",children:e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx(h,{provider:"aws",size:"sm",className:"!w-3.5 !h-3.5 text-orange-400"}),e.jsx("span",{children:"AWS EC2"})]})}),e.jsx("td",{className:"px-2 py-3.5 font-mono text-gray-500",children:e.jsx("span",{className:"bg-gray-800/60 px-1.5 py-0.5 rounded text-[10px]",children:"···.···.···.···"})}),e.jsx("td",{className:"px-2 py-3.5",children:"Claude"}),e.jsx("td",{className:"px-2 py-3.5",children:e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-green-500/10 text-green-400 text-[10px] font-medium",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-green-500"}),"Active"]})}),e.jsx("td",{className:"pr-3 text-gray-600",children:"â®"})]}),e.jsxs("tr",{className:"border-t border-[#1a1a1a] hover:bg-[#151515]",children:[e.jsx("td",{className:"pl-5 pr-2 py-3.5 text-gray-600",children:"03"}),e.jsx("td",{className:"px-2 py-3.5",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-gray-600",children:e.jsxs("svg",{className:"w-3.5 h-3.5",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[e.jsx("rect",{x:"2",y:"3",width:"20",height:"14",rx:"2"}),e.jsx("line",{x1:"8",y1:"21",x2:"16",y2:"21"}),e.jsx("line",{x1:"12",y1:"17",x2:"12",y2:"21"})]})}),e.jsx("span",{className:"text-white font-medium",children:"openclaw VM 2"})]})}),e.jsx("td",{className:"px-2 py-3.5",children:e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx(h,{provider:"orgo",size:"sm",className:"!w-3.5 !h-3.5"}),e.jsx("span",{children:"Orgo.ai"})]})}),e.jsx("td",{className:"px-2 py-3.5 text-gray-600 italic",children:"Pending"}),e.jsx("td",{className:"px-2 py-3.5",children:"Claude"}),e.jsx("td",{className:"px-2 py-3.5",children:e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-green-500/10 text-green-400 text-[10px] font-medium",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-green-500"}),"Active"]})}),e.jsx("td",{className:"pr-3 text-gray-600",children:"â®"})]})]})]})})]}),e.jsxs("div",{className:"mt-6 space-y-4",children:[e.jsx(i,{title:"Agent List",children:"Your dashboard displays all your OpenClaw agents in a clean table. Each row shows the agent name, cloud provider, IP address, LLM provider, and current status. Click any agent to view its details and controls."}),e.jsx(i,{title:"Status Badges",children:e.jsxs("div",{className:"space-y-2 mt-2",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"inline-block w-2 h-2 rounded-full bg-green-500"}),e.jsx("span",{className:"text-green-400 font-semibold",children:"Active"}),e.jsx("span",{className:"text-gray-500",children:"â Your agent is running and ready"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"inline-block w-2 h-2 rounded-full bg-blue-500"}),e.jsx("span",{className:"text-blue-400 font-semibold",children:"Starting"}),e.jsx("span",{className:"text-gray-500",children:"â Your agent is being set up"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"inline-block w-2 h-2 rounded-full bg-amber-500"}),e.jsx("span",{className:"text-amber-400 font-semibold",children:"Stopped"}),e.jsx("span",{className:"text-gray-500",children:"â Your agent is paused (not using resources)"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"inline-block w-2 h-2 rounded-full bg-red-500"}),e.jsx("span",{className:"text-red-400 font-semibold",children:"Error"}),e.jsx("span",{className:"text-gray-500",children:"â Something went wrong (check troubleshooting)"})]})]})}
1),e.jsx(i,{title:"Quick Actions",children:"From the dashboard you can deploy a new agent, start or stop existing agents, or jump straight into any agent's detail page. The deploy button is always visible in the top navigation."})]})]})},{id:"deploy-agent",title:"Deploy an Agent",icon:k,content:e.jsxs("div",{className:"space-y-4",children:[e.jsx("h2",{className:"font-heading text-2xl font-bold text-white",children:"Deploying Your Agent"}),e.jsx("p",{className:"text-gray-400 font-body leading-relaxed",children:"Deploying an OpenClaw agent takes just a few clicks. Here's a step-by-step walkthrough of the deploy form."}),e.jsx("div",{className:"mt-6",children:e.jsx(g,{number:1,title:"Select your cloud provider",description:"Click '+ Deploy VM' from the dashboard. A provider selection modal appears â choose where you want your agent to run."})}),e.jsxs("div",{className:"my-4 rounded-xl border border-[#1e1e1e] bg-[#0a0a0a] overflow-hidden select-none pointer-events-none",children:[e.jsxs("div",{className:"flex items-center justify-between px-5 py-3.5 border-b border-[#1e1e1e]",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"font-heading text-base font-bold text-white",children:"Select Provider"}),e.jsx("p",{className:"text-[10px] text-gray-600 font-body mt-0.5",children:"Choose where to deploy your VM"})]}),e.jsx("span",{className:"text-gray-600",children:e.jsx(I,{className:"w-4 h-4"})})]}),e.jsx("div",{className:"p-4 grid grid-cols-2 gap-2.5",children:[{name:"Orgo.ai",desc:"Cloud desktops with VNC access",provider:"orgo",color:"text-purple-400"},{name:"AWS EC2",desc:"Amazon EC2 instances",provider:"aws",color:"text-orange-400"},{name:"DigitalOcean",desc:"DigitalOcean Droplets",provider:"digitalocean",color:"text-blue-400"},{name:"Linode",desc:"Akamai / Linode (coming soon)",provider:"linode",color:"text-green-400",disabled:!0}].map(s=>e.jsxs("div",{className:r("rounded-lg border p-3",s.disabled?"border-[#1a1a1a] bg-[#0d0d0d] opacity-40":"border-[#2a2a2a] bg-[#111111]"),children:[s.disabled&&e.jsx("span",{className:"text-[9px] font-body uppercase tracking-wider px-1.5 py-0.5 rounded-full bg-gray-700/50 text-gray-400 border border-gray-700 float-right",children:"Soon"}),e.jsx(h,{provider:s.provider,size:"sm",className:r("mb-1.5",s.color)}),e.jsx("div",{className:"text-xs font-semibold text-white font-body",children:s.name}),e.jsx("p",{className:"text-[10px] text-gray-600 font-body mt-0.5",children:s.desc})]},s.name))})]}),e.jsx("div",{className:"mt-6",children:e.jsx(g,{number:2,title:"Configure your agent",description:"Fill in the deploy form: give your agent a name, choose a VM size, paste your LLM API key, and your cloud provider key. Saved keys from Settings are auto-filled."})}),e.jsxs("div",{className:"my-4 rounded-xl border border-[#1e1e1e] bg-[#0a0a0a] overflow-hidden select-none pointer-events-none",children:[e.jsxs("div",{className:"flex items-center justify-between px-5 py-3.5 border-b border-[#1e1e1e]",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"font-heading text-base font-bold text-white",children:"Deploy on AWS EC2"}),e.jsx("p",{className:"text-[10px] text-gray-600 font-body mt-0.5",children:"Configure and deploy a new OpenClaw instance."})]}),e.jsx("span",{className:"text-gray-600",children:e.jsx(I,{className:"w-4 h-4"})})]}),e.jsxs("div",{className:"p-5 space-y-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-xs font-medium text-gray-400 font-body mb-1.5",children:"VM Name"}),e.jsx("div",{className:"w-full px-3 py-2.5 rounded-lg bg-[#111111] border border-[#2a2a2a] text-white text-xs font-body",children:"openclaw VM 4"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-xs font-medium text-gray-400 font-body mb-2",children:"VM Size"}),e.jsx("div",{className:"grid grid-cols-2 gap-2",children:[{label:"Micro",spec:"1 GB RAM · 1 vCPU",tag:"Free Tier",selected:!1},{label:"Small",spec:"2 GB RAM · 2 vCPU",tag:"Paid",selected:!0},{label:"Medium",spec:"4 GB RAM · 2 vCPU",tag:"Paid",selected:!1},{label:"Large",spec:"8 GB RAM · 4 vCPU",tag:"Paid",selected:!1}].map(s=>e.jsxs("div",{className:r("px-3 py-3 rounded-lg border text-left",s.selected?"border-emerald-500/50 bg-emerald-500/5":"border-[#2a2a2a] bg-[#111111]"),children:[e.jsxs("div",{className:"flex items-center justify-between mb-0.5",children:[e.jsx("span",{className:r("text-xs font-semibold font-body",s.selected?"text-emerald-400":"text-gray-400"),children:s.label}),e.jsx("span",{className:r("text-[9px] font-semibold font-body uppercase tracking-wider px-1.5 py-0.5 rounded-full border",s.tag==="Free Tier"?"bg-green-500/15 text-green-400 border-green-500/20":"bg-
1amber-500/15 text-amber-400 border-amber-500/20"),children:s.tag})]}),e.jsx("p",{className:"text-[10px] text-gray-600 font-body",children:s.spec})]},s.label))})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between mb-1.5",children:[e.jsx("label",{className:"block text-xs font-medium text-gray-400 font-body",children:"LLM API Key"}),e.jsxs("span",{className:"inline-flex items-center gap-1 text-[10px] font-body font-medium text-emerald-400",children:[e.jsx(T,{className:"w-3 h-3"}),"Anthropic configured"]})]}),e.jsx("div",{className:"w-full px-3 py-2.5 rounded-lg bg-[#111111] border border-emerald-500/20 text-gray-500 text-xs font-mono",children:"sk-ant-api03-····················"})]}),e.jsx("div",{className:"pt-1",children:e.jsxs("div",{className:"w-full flex items-center justify-center gap-2 px-6 py-3 rounded-lg bg-brand text-[#0a0a0a] text-xs font-semibold font-body",children:[e.jsx(k,{className:"w-3.5 h-3.5"}),"Deploy VM"]})})]})]}),e.jsx("div",{className:"mt-6",children:e.jsx(g,{number:3,title:"Click Deploy and wait",description:"Hit the Deploy button and sit back. ClawDock will create your server, install OpenClaw, configure your LLM, and set up the secure tunnel. The whole process takes about 2-3 minutes."})}),e.jsxs("div",{className:"my-4 flex items-center justify-center gap-3 py-6 rounded-xl border border-[#1e1e1e] bg-[#0d0d0d] select-none pointer-events-none",children:[e.jsxs("span",{className:"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full bg-blue-500/10 text-blue-400 text-[10px] font-medium",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-blue-500 animate-pulse"}),"Provisioning"]}),e.jsx("svg",{className:"w-4 h-4 text-gray-700",viewBox:"0 0 16 16",fill:"none",children:e.jsx("path",{d:"M6 3l5 5-5 5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),e.jsxs("span",{className:"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full bg-blue-500/10 text-blue-400 text-[10px] font-medium",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-blue-500 animate-pulse"}),"Installing"]}),e.jsx("svg",{className:"w-4 h-4 text-gray-700",viewBox:"0 0 16 16",fill:"none",children:e.jsx("path",{d:"M6 3l5 5-5 5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),e.jsxs("span",{className:"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full bg-green-500/10 text-green-400 text-[10px] font-medium",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-green-500"}),"Active"]})]}),e.jsxs("div",{className:"mt-6 space-y-4",children:[e.jsx("h3",{className:"font-heading text-lg font-semibold text-white",children:"What happens after you deploy"}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-6 h-6 rounded-full bg-blue-500/20 flex items-center justify-center flex-shrink-0 mt-0.5",children:e.jsx("span",{className:"text-xs text-blue-400 font-bold",children:"1"})}),e.jsxs("p",{className:"text-sm text-gray-400 font-body",children:[e.jsx("span",{className:"text-white font-medium",children:"Setting up server"})," â We create a cloud server with your chosen provider and specs"]})]}),e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-6 h-6 rounded-full bg-blue-500/20 flex items-center justify-center flex-shrink-0 mt-0.5",children:e.jsx("span",{className:"text-xs text-blue-400 font-bold",children:"2"})}),e.jsxs("p",{className:"text-sm text-gray-400 font-body",children:[e.jsx("span",{className:"text-white font-medium",children:"Installing OpenClaw"})," â We automatically install and configure OpenClaw on your server"]})]}),e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-6 h-6 rounded-full bg-green-500/20 flex items-center justify-center flex-shrink-0 mt-0.5",children:e.jsx("span",{className:"text-xs text-green-400 font-bold",children:"3"})}),e.jsxs("p",{className:"text-sm text-gray-400 font-body",children:[e.jsx("span",{className:"text-white font-medium",children:"Ready!"}
1)," â Your agent is live and you can manage it from the dashboard"]})]})]})]}),e.jsxs(c,{color:"blue",children:[e.jsx("strong",{children:"Tip:"})," If you're not sure what specs to choose, start small. You can always delete and redeploy with bigger specs later."]})]})},{id:"manage-agents",title:"Manage Agents",icon:Q,content:e.jsxs("div",{className:"space-y-4",children:[e.jsx("h2",{className:"font-heading text-2xl font-bold text-white",children:"Managing Your Agents"}),e.jsx("p",{className:"text-gray-400 font-body leading-relaxed",children:"Once your agent is deployed, you can control everything from the agent detail page. No terminal or SSH access needed â it's all in the browser."}),e.jsxs("div",{className:"my-6 rounded-xl border border-[#1e1e1e] bg-[#111111] overflow-hidden select-none pointer-events-none",children:[e.jsxs("div",{className:"px-5 pt-4 pb-3 border-b border-[#1e1e1e] flex items-center gap-3",children:[e.jsx("span",{className:"text-gray-600 text-xs",children:"â"}),e.jsxs("div",{children:[e.jsx("h3",{className:"font-heading text-sm font-bold text-white leading-none",children:"openclaw VM 3"}),e.jsx("p",{className:"text-[10px] text-gray-600 font-body mt-0.5",children:"DigitalOcean · Created Jan 20, 2026"})]}),e.jsx("div",{className:"ml-auto",children:e.jsx(Z,{status:"active"})})]}),e.jsx("div",{className:"flex items-center gap-1 px-5 border-b border-[#1e1e1e]",children:["Overview","Live View","Terminal","Agents","Tools"].map((s,n)=>e.jsx("span",{className:r("px-3 py-2 text-[10px] font-body border-b-2 -mb-px",n===0?"border-emerald-500 text-emerald-400":"border-transparent text-gray-600"),children:s},s))}),e.jsxs("div",{className:"p-5 space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-emerald-400 shadow-[0_0_6px_rgba(52,211,153,0.5)]"}),e.jsx("span",{className:"text-xs text-gray-400 font-body",children:"Running"}),e.jsx("span",{className:"text-gray-700 text-xs",children:"/"}),e.jsx("span",{className:"text-xs font-mono text-gray-500",children:e.jsx("span",{className:"bg-gray-800/60 px-1.5 py-0.5 rounded text-[10px]",children:"···.···.···.···"})}),e.jsx("div",{className:"ml-auto flex items-center gap-2",children:e.jsxs("span",{className:"inline-flex items-center gap-1 px-2.5 py-1 rounded-lg bg-indigo-500/10 text-indigo-400 text-[10px] font-semibold font-body",children:[e.jsx(ie,{className:"w-3 h-3"}),"Control UI"]})})]}),e.jsxs("div",{children:[e.jsx("h4",{className:"text-[9px] text-gray-600 font-body uppercase tracking-widest mb-2",children:"Hardware"}),e.jsx("div",{className:"grid grid-cols-4 gap-2",children:[{val:"2",unit:"cores"},{val:"4",unit:"GB RAM"},{val:"LINUX",unit:"OS"},{val:"None",unit:"GPU"}].map(s=>e.jsxs("div",{className:"rounded-lg bg-[#0d0d0d] px-3 py-2.5",children:[e.jsx("span",{className:"text-sm font-heading font-bold text-white",children:s.val}),e.jsx("span",{className:"text-[10px] text-gray-600 font-body ml-1",children:s.unit})]},s.unit))})]}),e.jsxs("div",{children:[e.jsx("h4",{className:"text-[9px] text-gray-600 font-body uppercase tracking-widest mb-2",children:"Configuration"}),e.jsx("div",{className:"grid grid-cols-3 gap-2",children:[{val:"Claude",label:"LLM Provider"},{val:"Default",label:"Model"},{val:"Installed",label:"OpenClaw",accent:!0}].map(s=>e.jsxs("div",{className:"rounded-lg bg-[#0d0d0d] px-3 py-2.5",children:[e.jsx("span",{className:r("text-xs font-body font-medium",s.accent?"text-emerald-400":"text-white"),children:s.val}),e.jsx("span",{className:"block text-[9px] text-gray-600 font-body mt-0.5",children:s.label})]},s.label))})]}),e.jsxs("div",{children:[e.jsx("h4",{className:"text-[9px] text-gray-600 font-body uppercase tracking-widest mb-2",children:"Provider"}),e.jsxs("div",{className:"grid grid-cols-3 gap-2",children:[e.jsxs("div",{className:"rounded-lg bg-[#0d0d0d] px-3 py-2.5 flex items-center gap-2",children:[e.jsx(h,{provider:"digitalocean",size:"sm",className:"!w-4 !h-4 text-blue-400"}),e.jsxs("div",{children:[e.jsx("span",{className:"text-xs font-body font-medium text-white",children:"DigitalOcean"}),e.jsx("span",{className:"block text-[9px] text-gray-600 font-body",children:"Platform"})]})]}),e.jsxs("div",{className:"rounded-lg bg-[#0d0d0d] px-3 py-2.5",children:[e.jsx("span",{className:"text-xs font-mono text-gray-400 truncate block",children:"drp-12345678"}),e.jsx("span",{className:"block text-[9px] text-gray-600 font-body mt-0.5",children:"Droplet ID"})]}),e.jsxs("div",{className:"rounded-lg bg-[#0d0d0d] px-3 py-2.5",children:[e.jsx("span",{className:"text-xs font-body font-medium text-white",children:"nyc3"}),e.jsx("span",{className:"block text-[9px] text-gray-600 font-body mt-0.5",children:"Region"})]})]})]})]})]}),e.jsxs("div",{className:"mt-6 space-y-4",children:[e.jsx(i,{title:"Overview Tab",children:'The detail page shows everything about your agent at a glance: status, IP address, hardware specs, LLM provider, model, and cloud provider details. A "Control UI" button opens the OpenClaw web panel directly.'}),e.jsxs(i,{title:"Tabs",children:["Navigate between ",e.jsx("strong",{className:"text-white",children:"Overview"})," (specs and status),"," ",e.jsx("strong",{className:"text-white",children:"Live View"})," (desktop access),"," ",e.jsx("strong",{className:"text-white",children:"Terminal"})," (run commands),"," ",e.jsx("strong",{className:"text-white",children:"Agents"})," (manage AI agents), and"," ",e.jsx("strong",{className:"text-white",children:"Tools"}),' (channels, skills, tunnels, env vars). Live View is available for all providers â Orgo.ai includes it by default, while AWS and DigitalOcean agents get it when you enable the "Linux Desktop UI" toggle during deployment (requires 4 GB RAM or higher).']})]}),e.jsxs("div",{className:"my-6 rounded-xl border border-[#1e1e1e] bg-[#111111] overflow-hidden select-none pointer-events-none",children:[e.jsxs("div",{className:"flex items-center gap-2 px-4 py-2.5 border-b border-[#1e1e1e]",children:[e.jsx(re,{className:"w-3.5 h-3.5 text-emerald-400"}),e.jsx("span",{className:"text-[10px] text-gray-400 font-body",children:"Terminal"})]}),e.jsxs("div",{className:"bg-[#0a0a0a] p-4 font-mono text-[11px] space-y-1.5",children:[e.jsxs("div",{children:[e.jsx("span",{className:"text-emerald-400",children:"$"})," ",e.jsx("span",{className:"text-gray-300",children:"openclaw
1status"})]}),e.jsx("div",{className:"text-gray-500",children:"OpenClaw v2.4.1 â running"}),e.jsx("div",{className:"text-gray-500",children:"Uptime: 3h 42m | Model: claude-sonnet-4-5-20250929"}),e.jsx("div",{className:"text-gray-500",children:"Channels: telegram (connected), discord (idle)"}),e.jsxs("div",{className:"mt-2",children:[e.jsx("span",{className:"text-emerald-400",children:"$"})," ",e.jsx("span",{className:"text-gray-600 animate-pulse",children:"_"})]})]})]}),e.jsxs("div",{className:"mt-6 space-y-4",children:[e.jsx(i,{title:"Built-in Terminal",children:"Need to run a command on your agent? Use the built-in terminal right in the browser. Type your command, press Enter, and see the output instantly. No need to install any SSH tools â it works directly from the web UI."}),e.jsx(i,{title:"Desktop View",children:`Access a live view of your agent's desktop directly in the browser. Orgo.ai agents include VNC streaming by default. For AWS and DigitalOcean agents, enable the "Linux Desktop UI" toggle during deployment (requires 4 GB RAM or higher) to get the same desktop experience.`})]}),e.jsxs("div",{className:"my-6 rounded-xl border border-[#1e1e1e] bg-[#111111] overflow-hidden select-none pointer-events-none",children:[e.jsxs("div",{className:"flex items-center justify-between px-4 py-2 border-b border-[#1e1e1e]",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"w-2 h-2 rounded-full bg-emerald-400"}),e.jsx("span",{className:"text-xs text-emerald-400 font-body",children:"Connected"})]}),e.jsx(oe,{className:"w-3.5 h-3.5 text-gray-600"})]}),e.jsxs("div",{className:"relative bg-[#1a1a1a] px-6 py-5",style:{minHeight:"220px"},children:[e.jsx("div",{className:"absolute inset-0 opacity-[0.07]",style:{background:"radial-gradient(circle at 55% 50%, rgba(255,255,255,0.3) 0%, transparent 60%), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.15) 20%, transparent 70%)"}}),e.jsx("div",{className:"relative flex flex-col gap-4",children:[{label:"File System",color:"bg-amber-500/20",icon:"ð"},{label:"LibreOffice",color:"bg-white/10",icon:"ð"},{label:"VS Code",color:"bg-blue-500/20",icon:"ð»"},{label:"Terminal",color:"bg-gray-500/20",icon:"â¬"},{label:"Firefox",color:"bg-orange-500/20",icon:"ð"}].map(s=>e.jsxs("div",{className:"flex items-center gap-2.5 w-20",children:[e.jsx("div",{className:r("w-7 h-7 rounded-md flex items-center justify-center text-xs",s.color),children:s.icon}),e.jsx("span",{className:"text-[9px] text-gray-400 font-body whitespace-nowrap",children:s.label})]},s.label))})]})]}),e.jsxs(c,{color:"red",children:[e.jsx("strong",{children:"Deleting an agent"})," permanently removes it and all associated data. This action cannot be undone. The underlying cloud server will also be deleted from your provider."]})]})},{id:"channels",title:"Channels",icon:ee,content:e.jsxs("div",{className:"space-y-4",children:[e.jsx("h2",{className:"font-heading text-2xl font-bold text-white",children:"Channel Integration"}),e.jsx("p",{className:"text-gray-400 font-body leading-relaxed",children:"Interact with your OpenClaw agent through the built-in Web Control Panel or connect it to messaging platforms like Telegram, Discord, Slack, and Signal. All channel configuration is done from the web UI â no config files to edit."}),e.jsxs("div",{className:"my-6 max-w-sm rounded-xl border border-[#1e1e1e] bg-[#111111] overflow-hidden select-none pointer-events-none",children:[e.jsxs("div",{className:"px-4 pt-3.5 pb-2.5 border-b border-[#1e1e1e]",children:[e.jsx("h3",{className:"font-heading text-sm font-bold text-white",children:"Channels"}),e.jsx("p",{className:"text-[10px] text-gray-600 font-body mt-0.5",children:"Connect your agent to messaging platforms"})]}),e.jsxs("div",{className:"p-3 space-y-1.5",children:[e.jsxs("div",{className:"flex items-center gap-2.5 px-3 py-2 rounded-lg bg-[#0d0d0d] border border-[#1a1a1a]",children:[e.jsx("div",{className:"w-5 h-5 rounded flex items-center justify-center flex-shrink-0",children:e.jsx(G,{className:"w-4 h-4 text-indigo-400"})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("span",{className:"text-[11px] font-semibold text-white font-body",children:"Web Control Panel"}),e.jsx("span",{className:"block text-[9px] text-gray-600 font-body",children:"Secure proxy tunnel"})]}),e.jsxs("span",{className:"inline-flex items-center gap-1 px-1.5 py-0.5 rounded-full text-[8px] font-medium bg-green-500/10 text-green-400",children:[e.jsx("span",{className:"w-1 h-1 rounded-full bg-green-500"}),"Connected"]})]}),e.jsxs("div",{className:"flex items-center gap-2.5 px-3 py-2 rounded-lg bg-[#0d0d0d] border border-[#1a1a1a]",children:[e.jsx("div",{className:"w-5 h-5 rounded flex items-center justify-center flex-shrink-0",children:e.jsx("svg",{className:"w-4 h-4",viewBox:"0 0 24 24",fill:"#26A5E4",children:e.jsx("path",{d:"M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm5.562 8.161c-.18 1.897-.962 6.502-1.359 8.627-.168.9-.5 1.201-.82
11.23-.697.064-1.226-.461-1.901-.904-1.056-.693-1.653-1.124-2.678-1.8-1.185-.781-.417-1.21.258-1.911.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.062 3.345-.479.329-.913.489-1.302.481-.428-.009-1.252-.242-1.865-.442-.751-.244-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.831-2.529 6.998-3.015 3.333-1.386 4.025-1.627 4.477-1.635.099-.002.321.023.465.141a.506.506 0 01.171.325c.016.093.036.306.02.472z"})})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("span",{className:"text-[11px] font-semibold text-white font-body",children:"Telegram"}),e.jsx("span",{className:"block text-[9px] text-gray-600 font-body",children:"Bot token configured"})]}),e.jsxs("span",{className:"inline-flex items-center gap-1 px-1.5 py-0.5 rounded-full text-[8px] font-medium bg-green-500/10 text-green-400",children:[e.jsx("span",{className:"w-1 h-1 rounded-full bg-green-500"}),"Connected"]})]}),e.jsxs("div",{className:"flex items-center gap-2.5 px-3 py-2 rounded-lg bg-[#0d0d0d] border border-[#1a1a1a]",children:[e.jsx("div",{className:"w-5 h-5 rounded flex items-center justify-center flex-shrink-0",children:e.jsx("svg",{className:"w-4 h-4",viewBox:"0 0 24 24",fill:"#5865F2",children:e.jsx("path",{d:"M20.317 4.37a19.791 19.791 0 00-4.885-1.515.074.074 0 00-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 00-5.487 0 12.64 12.64 0 00-.617-1.25.077.077 0 00-.079-.037A19.736 19.736 0 003.677 4.37a.07.07 0 00-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 00.031.057 19.9 19.9 0 005.993 3.03.078.078 0 00.084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 00-.041-.106 13.107 13.107 0 01-1.872-.892.077.077 0 01-.008-.128 10.2 10.2 0 00.372-.292.074.074 0 01.077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 01.078.01c.12.098.246.198.373.292a.077.077 0 01-.006.127 12.299 12.299 0 01-1.873.892.077.077 0 00-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 00.084.028 19.839 19.839 0 006.002-3.03.077.077 0 00.032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 00-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z"})})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("span",{className:"text-[11px] font-semibold text-white font-body",children:"Discord"}),e.jsx("span",{className:"block text-[9px] text-gray-600 font-body",children:"Not configured"})]}),e.jsxs("span",{className:"inline-flex items-center gap-1 px-1.5 py-0.5 rounded-full text-[8px] font-medium bg-gray-700/30 text-gray-500",children:[e.jsx("span",{className:"w-1 h-1 rounded-full bg-gray-600"}),"Not connected"]})]}),e.jsxs("div",{className:"flex items-center gap-2.5 px-3 py-2 rounded-lg bg-[#0d0d0d] border border-[#1a1a1a]",children:[e.jsx("div",{className:"w-5 h-5 rounded flex items-center justify-center flex-shrink-0",children:e.jsxs("svg",{className:"w-4 h-4",viewBox:"0 0 24 24",fill:"none",children:[e.jsx("path",{d:"M5.042 15.165a2.528 2.528 0 01-2.52 2.523A2.528 2.528 0 010 15.165a2.527 2.527 0 012.522-2.52h2.52v2.52zm1.271 0a2.527 2.527 0 012.521-2.52 2.527 2.527 0 012.521 2.52v6.313A2.528 2.528 0 018.834 24a2.528 2.528 0 01-2.521-2.522v-6.313z",fill:"#E01E5A"}),e.jsx("path",{d:"M8.834 5.042a2.528 2.528 0 01-2.521-2.52A2.528 2.528 0 018.834 0a2.528 2.528 0 012.521 2.522v2.52H8.834zm0 1.271a2.528 2.528 0 012.521 2.521 2.528 2.528 0 01-2.521 2.521H2.522A2.528 2.528 0 010 8.834a2.528 2.528 0 012.522-2.521h6.312z",fill:"#36C5F0"}),e.jsx("path",{d:"M18.956 8.834a2.528 2.528 0 012.522-2.521A2.528 2.528 0 0124 8.834a2.528 2.528 0 01-2.522 2.521h-2.522V8.834zm-1.27 0a2.528 2.528 0 01-2.522 2.521 2.527 2.527 0 01-2.521-2.521V2.522A2.527 2.527 0 0115.165 0a2.528 2.528 0 012.521 2.522v6.312z",fill:"#2EB67D"}),e.jsx("path",{d:"M15.165 18.956a2.528 2.528 0 012.521 2.522A2.528 2.528 0 0115.165 24a2.527 2.527 0 01-2.521-2.522v-2.522h2.521zm0-1.27a2.527 2.527 0 01-2.521-2.522 2.527 2.527 0 012.521-2.521h6.313A2.528 2.528 0 0124 15.165
1a2.528 2.528 0 01-2.522 2.521h-6.313z",fill:"#ECB22E"})]})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("span",{className:"text-[11px] font-semibold text-white font-body",children:"Slack"}),e.jsx("span",{className:"block text-[9px] text-gray-600 font-body",children:"Not configured"})]}),e.jsxs("span",{className:"inline-flex items-center gap-1 px-1.5 py-0.5 rounded-full text-[8px] font-medium bg-gray-700/30 text-gray-500",children:[e.jsx("span",{className:"w-1 h-1 rounded-full bg-gray-600"}),"Not connected"]})]}),e.jsxs("div",{className:"flex items-center gap-2.5 px-3 py-2 rounded-lg bg-[#0d0d0d] border border-[#1a1a1a]",children:[e.jsx("div",{className:"w-5 h-5 rounded flex items-center justify-center flex-shrink-0",children:e.jsxs("svg",{className:"w-4 h-4",viewBox:"0 0 24 24",fill:"#3A76F0",children:[e.jsx("path",{d:"M12 0C5.373 0 0 5.373 0 12c0 2.917 1.04 5.591 2.77 7.67l-.9 3.31 3.45-.93A11.94 11.94 0 0012 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 4.39a7.61 7.61 0 110 15.22A7.61 7.61 0 0112 4.39z"}),e.jsx("path",{d:"M12 6.21a5.79 5.79 0 100 11.58A5.79 5.79 0 0012 6.21z"})]})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("span",{className:"text-[11px] font-semibold text-white font-body",children:"Signal"}),e.jsx("span",{className:"block text-[9px] text-gray-600 font-body",children:"Not configured"})]}),e.jsxs("span",{className:"inline-flex items-center gap-1 px-1.5 py-0.5 rounded-full text-[8px] font-medium bg-gray-700/30 text-gray-500",children:[e.jsx("span",{className:"w-1 h-1 rounded-full bg-gray-600"}),"Not connected"]})]})]})]}),e.jsxs("div",{className:"mt-6 space-y-8",children:[e.jsxs("div",{children:[e.jsxs("h3",{className:"font-heading text-lg font-semibold text-white mb-2 flex items-center gap-2",children:[e.jsx(G,{className:"w-5 h-5 text-indigo-400"}),"Web Control Panel"]}),e.jsxs("p",{className:"text-sm text-gray-400 font-body mb-3",children:["The Web Control Panel is OpenClaw's built-in chat UI â a web-based interface for interacting with your agent directly from the browser. ClawDock makes it accessible from anywhere via a ",e.jsx("strong",{className:"text-white",children:"secure proxy tunnel"}),", so there's no need for port forwarding, VPNs, or firewall configuration."]}),e.jsxs("div",{className:"my-4 rounded-xl border border-[#1e1e1e] bg-[#0a0a0a] overflow-hidden select-none pointer-events-none",children:[e.jsxs("div",{className:"flex items-center justify-between px-4 py-2.5 border-b border-[#1e1e1e] bg-[#111111]",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-6 h-6 rounded-full bg-indigo-500/20 flex items-center justify-center",children:e.jsx(B,{className:"w-3.5 h-3.5 text-indigo-400"})}),e.jsxs("div",{children:[e.jsx("span",{className:"text-xs font-semibold text-white font-body",children:"OpenClaw Agent"}),e.jsxs("span",{className:"flex items-center gap-1 text-[9px] text-emerald-400 font-body",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-emerald-400"}),"Online"]})]})]}),e.jsx("div",{className:"flex items-center gap-1",children:e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-emerald-500/10 text-[9px] text-emerald-400 font-body",children:[e.jsx(T,{className:"w-2.5 h-2.5"}
1),"Secure tunnel"]})})]}),e.jsxs("div",{className:"p-4 space-y-3 bg-[#0a0a0a]",style:{minHeight:"180px"},children:[e.jsx("div",{className:"flex justify-end",children:e.jsxs("div",{className:"flex items-end gap-2 max-w-[75%]",children:[e.jsx("div",{className:"px-3 py-2 rounded-xl rounded-br-sm bg-indigo-500/20 border border-indigo-500/20",children:e.jsx("p",{className:"text-xs text-gray-300 font-body",children:"Search for the latest AI news and summarize the top 3 stories"})}),e.jsx("div",{className:"w-5 h-5 rounded-full bg-gray-700 flex items-center justify-center flex-shrink-0",children:e.jsx(de,{className:"w-3 h-3 text-gray-400"})})]})}),e.jsx("div",{className:"flex justify-start",children:e.jsxs("div",{className:"flex items-end gap-2 max-w-[75%]",children:[e.jsx("div",{className:"w-5 h-5 rounded-full bg-indigo-500/20 flex items-center justify-center flex-shrink-0",children:e.jsx(B,{className:"w-3 h-3 text-indigo-400"})}),e.jsxs("div",{className:"px-3 py-2 rounded-xl rounded-bl-sm bg-[#151515] border border-[#1e1e1e]",children:[e.jsx("p",{className:"text-xs text-gray-300 font-body",children:"Here are the top 3 AI stories today:"}),e.jsxs("ol",{className:"mt-1.5 space-y-1 text-[11px] text-gray-400 font-body list-decimal list-inside",children:[e.jsx("li",{children:"Claude 4.5 Sonnet released with enhanced coding"}),e.jsx("li",{children:"Google DeepMind announces Gemini 2.5 Pro"}),e.jsx("li",{children:"Open-source LLMs cross GPT-4 benchmarks"})]})]})]})})]}),e.jsx("div",{className:"px-4 py-3 border-t border-[#1e1e1e] bg-[#0d0d0d]",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"flex-1 px-3 py-2 rounded-lg bg-[#111111] border border-[#2a2a2a] text-xs text-gray-600 font-body",children:"Message your agent..."}),e.jsx("div",{className:"w-8 h-8 rounded-lg bg-indigo-500/20 flex items-center justify-center",children:e.jsx(ce,{className:"w-3.5 h-3.5 text-indigo-400"})})]})})]}),e.jsx("h4",{className:"font-heading text-sm font-semibold text-white mt-5 mb-2",children:"How to enable it"}),e.jsxs("ol",{className:"list-decimal list-inside space-y-2 text-gray-400 font-body text-sm",children:[e.jsxs("li",{children:["Go to your agent's detail page and look for the ",e.jsx("strong",{className:"text-white",children:"Control UI"})," button in the status row"]}),e.jsxs("li",{children:["If this is the first time, click ",e.jsx("strong",{className:"text-white",children:"Enable Web UI"})," â ClawDock will automatically install the secure tunnel on your agent"]}),e.jsxs("li",{children:["Once installed, the tunnel starts and you'll see the ",e.jsx("strong",{className:"text-white",children:"Control UI"})," link turn active"]}),e.jsx("li",{children:"Click it to open the OpenClaw chat interface in a new tab"})]}),e.jsxs(c,{color:"blue",children:["The tunnel is installed once and persists across restarts. You can also manage it from the ",e.jsx("strong",{children:"Tools"}),' tab under "Control Dashboard" â start, stop, or reconnect the tunnel at any time.']})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"font-heading text-lg font-semibold text-white mb-3",children:"Telegram"}),e.jsxs("ol",{className:"list-decimal list-inside space-y-2 text-gray-400 font-body text-sm",children:[e.jsxs("li",{children:["Open Telegram and message ",e.jsx(x,{href:"https://t.me/BotFather",children:"@BotFather"})]}),e.jsxs("li",{children:["Send ",e.jsx("code",{className:"text-emerald-400 bg-emerald-500/10 px-1.5 py-0.5 rounded text-xs",children:"/newbot"})," and follow the prompts to create a bot"]}),e.jsx("li",{children:"Copy the bot token BotFather gives you"}),e.jsx("li",{children:"In ClawDock, go to your agent's Channels tab and paste the token"}),e.jsx("li",{children:"Click Connect â your agent will start responding to messages in Telegram"})]})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"font-heading text-lg font-semibold text-white mb-3",children:"Discord"}),e.jsxs("ol",{className:"list-decimal list-inside space-y-2 text-gray-400 font-body text-sm",children:[e.jsxs("li",{children:["Go to the ",e.jsx(x,{href:"https://discord.com/developers/applications",children:"Discord Developer Portal"})]}),e.jsx("li",{children:"Create a new application and add a Bot"}),e.jsx("li",{children:"Copy the bot token from the Bot settings page"}),e.jsx("li",{children:"Generate an invite URL with the required permissions"}),e.jsx("li",{children:"Invite the bot to your Discord server"}),e.jsx("li",{children:"In ClawDock, paste the bot token in the Channels tab and click Connect"})]})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"font-heading text-lg font-semibold text-white mb-3",children:"Slack"}),e.jsxs("ol",{className:"list-decimal list-inside space-y-2 text-gray-400 font-body text-sm",children:[e.jsxs("li",{children:["Go to ",e.jsx(x,{href:"https://api.slack.com/apps",children:"api.slack.com/apps"})," and create a new app"]}),e.jsx("li",{children:"Enable the necessary permissions (Bot Token Scopes)"}),e.jsx("li",{children:"Install the app to your workspace"}),e.jsx("li",{children:"Copy the Bot User OAuth Token"}),e.jsx("li",{children:"In ClawDock, paste the token in the Channels tab and click Connect"})]})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"font-heading text-lg font-semibold text-white mb-3",children:"Signal"}),e.jsxs("ol",{className:"list-decimal list-inside space-y-2 text-gray-400 font-body text-sm",children:[e.jsx("li",{children:"Set up a Signal account for your agent (a dedicated phone number is required)"}),e.jsx("li",{children:"In ClawDock, go to the Channels tab and follow the Signal linking steps"}),e.jsx("li",{children:"Your agent will be able to send and receive Signal messages"})]})]}),e.jsxs("div",{className:"rounded-lg border border-emerald-500/20 bg-emerald-500/5 p-4",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx("span",{className:"text-xs font-body px-2 py-0.5 rounded-full border border-emerald-500/30 bg-emerald-500/10 text-emerald-400",children:"Coming Soon"}),e.jsx("h3",{className:"font-heading text-base font-semibold text-white",children:"WhatsApp"})]}),e.jsx("p",{className:"text-sm text-gray-400 font-body",children:"WhatsApp Business API integration is in development. Once available, you'll be able to connect your agent to WhatsApp the same way â just paste your credentials and click Connect."})]})]})]})},{id:"skills",title:"Skill Library",icon:se,content:e.jsxs("div",{className:"space-y-4",children:[e.jsx("h2",{className:"font-heading text-2xl font-bold text-white",children:"Skill Library"}),e.jsx("p",{className:"text-gray-400 font-body leading-relaxed",children:"Skills are add-ons that give your OpenClaw agent new abilities. Browse a curated library of skills and install them with a single click â no code or terminal needed."}),e.jsx(V,{label:"Skill library showing available skills with Install buttons"}),e.jsxs("div",{className:"mt-6 space-y-4",children:[e.jsx(i,{title:"What are skills?",children:"Skills are pre-built modules that extend what your OpenClaw agent can do. For example, a skill might let your agent search the web, summarize documents, generate images, or interact with specific APIs. Think of them as apps for your AI agent."}),e.jsx(i,{title:"Browsing skills",children:"Open the Skill Library from your agent's detail page. You'll see a list of available skills with descriptions, categories, and ratings. Use the search bar to find skills by name or keyword."}),e.jsx(i,{title:"Installing a skill",children:"Found a skill you want? Click the Install button. ClawDock automatically installs and configures it on your agent. The skill becomes available immediately â no restart required."}),e.jsx(i,{title:"Managing installed skills",children:"View your installed skills from the agent detail page. You can disable or remove skills at any time. Disabling a skill keeps it installed but prevents the agent from using it. Removing it uninstalls it completely."})]}),e.jsx(c,{color:"blue",children:"The skill library is continuously growing. If you need a specific capability, check back regularly for new additions."})]})},{id:"api-keys",title:"API Key Guides",icon:O,children:[{id:"api-keys-cloud",title:"Cloud Provider Keys",icon:C},{id:"api-keys-llm",title:"LLM Keys",icon:A}
1],content:e.jsxs("div",{className:"space-y-6",children:[e.jsx("h2",{className:"font-heading text-2xl font-bold text-white",children:"API Key Guides"}),e.jsx("p",{className:"text-gray-400 font-body leading-relaxed",children:"ClawDock needs two types of API keys to get your agent running. Choose a category below."}),e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-3 mt-4",children:[e.jsxs(L,{to:"/docs/provider",className:"rounded-xl border border-[#1e1e1e] bg-[#0d0d0d] p-5 hover:border-emerald-500/30 transition-colors cursor-pointer block",children:[e.jsx(C,{className:"w-6 h-6 text-blue-400 mb-2"}),e.jsx("h3",{className:"font-heading text-sm font-semibold text-white mb-1",children:"Cloud Provider Keys"}),e.jsx("p",{className:"text-xs text-gray-500 font-body",children:"AWS, DigitalOcean, and Orgo.ai keys to create your server infrastructure."})]}),e.jsxs(L,{to:"/docs/llm",className:"rounded-xl border border-[#1e1e1e] bg-[#0d0d0d] p-5 hover:border-emerald-500/30 transition-colors cursor-pointer block",children:[e.jsx(A,{className:"w-6 h-6 text-purple-400 mb-2"}),e.jsx("h3",{className:"font-heading text-sm font-semibold text-white mb-1",children:"LLM Keys"}),e.jsx("p",{className:"text-xs text-gray-500 font-body",children:"Google Gemini, Anthropic Claude API keys, or Claude Setup-Tokens to power your agent's AI."})]})]})]})},{id:"api-keys-cloud",title:"Cloud Provider Keys",icon:C,content:e.jsxs("div",{className:"space-y-6",children:[e.jsx("h2",{className:"font-heading text-2xl font-bold text-white",children:"Cloud Provider Keys"}),e.jsx("p",{className:"text-gray-400 font-body leading-relaxed",children:"A cloud provider key lets ClawDock create and manage servers on your behalf. You only need a key for the provider you want to use."}),e.jsxs("div",{className:"mt-6 space-y-10",children:[e.jsxs("div",{id:"aws",children:[e.jsxs("h3",{className:"font-heading text-lg font-semibold text-white mb-1 flex items-center gap-2",children:[e.jsx(h,{provider:"aws",size:"sm",className:"text-orange-400"}),"AWS Access Keys"]}),e.jsx("p",{className:"text-sm text-gray-500 font-body mb-3",children:"Used to deploy agents on Amazon EC2 instances."}),e.jsxs("div",{className:"my-4 rounded-xl border border-[#1e1e1e] bg-[#0a0a0a] overflow-hidden",children:[e.jsx("video",{className:"w-full aspect-video bg-[#0a0a0a]",controls:!0,preload:"metadata",poster:"/videos/aws-access-keys-poster.jpg",children:e.jsx("source",{src:"/videos/aws-access-keys.mp4",type:"video/mp4"})}),e.jsxs("div",{className:"px-4 py-2.5 border-t border-[#1e1e1e] flex items-center gap-2",children:[e.jsx(p,{className:"w-3.5 h-3.5 text-orange-400"}),e.jsx("span",{className:"text-[11px] text-gray-500 font-body",children:"Video guide â How to get AWS Access Keys (53 seconds)"})]})]}),e.jsxs("ol",{className:"list-decimal list-inside space-y-2 text-gray-400 font-body text-sm mt-4",children:[e.jsxs("li",{children:["Log in to the ",e.jsx(x,{href:"https://console.aws.amazon.com/",children:"AWS Console"})]}),e.jsxs("li",{children:["Go to ",e.jsx("strong",{className:"text-white",children:"IAM"})," â ",e.jsx("strong",{className:"text-white",children:"Users"})]}),e.jsx("li",{children:'Click "Create user" or select an existing user'}),e.jsx("li",{children:'Go to the "Security credentials" tab'}),e.jsx("li",{children:'Click "Create access key"'}),e.jsx("li",{children:'Select the use case "Application running outside AWS"'}),e.jsxs("li",{children:["Download or copy both the ",e.jsx("strong",{className:"text-white",children:"Access Key ID"})," and ",e.jsx("strong",{className:"text-white",children:"Secret Access Key"})]}),e.jsx("li",{children:"Paste both keys into ClawDock's settings page"})]}),e.jsxs(c,{color:"yellow",children:[e.jsx("strong",{children:"Security best practices:"})," Create a dedicated IAM user for ClawDock with only the permissions it needs (EC2 access). Never use your root AWS account keys. Rotate your keys regularly and never share them publicly."]})]}),e.jsxs("div",{id:"digitalocean",children:[e.jsxs("h3",{className:"font-heading text-lg font-semibold text-white mb-1 flex items-center gap-2",children:[e.jsx(h,{provider:"digitalocean",size:"sm",className:"text-blue-400"}),"DigitalOcean API Token"]}),e.jsx("p",{className:"text-sm text-gray-500 font-body mb-3",children:"Used to deploy agents on DigitalOcean Droplets."}
1),e.jsxs("div",{className:"my-4 rounded-xl border border-[#1e1e1e] bg-[#0a0a0a] overflow-hidden",children:[e.jsx("video",{className:"w-full aspect-video bg-[#0a0a0a]",controls:!0,preload:"metadata",children:e.jsx("source",{src:"/videos/digitalocean-api-key.mp4",type:"video/mp4"})}),e.jsxs("div",{className:"px-4 py-2.5 border-t border-[#1e1e1e] flex items-center gap-2",children:[e.jsx(p,{className:"w-3.5 h-3.5 text-blue-400"}),e.jsx("span",{className:"text-[11px] text-gray-500 font-body",children:"Video guide â How to get a DigitalOcean API Token (53 seconds)"})]})]}),e.jsxs("ol",{className:"list-decimal list-inside space-y-2 text-gray-400 font-body text-sm mt-4",children:[e.jsxs("li",{children:["Go to ",e.jsx(x,{href:"https://cloud.digitalocean.com/account/api/tokens",children:"cloud.digitalocean.com/account/api/tokens"})]}),e.jsx("li",{children:"Sign up or log in to your DigitalOcean account"}),e.jsx("li",{children:'Click "Generate New Token"'}),e.jsxs("li",{children:['Name your token (e.g., "ClawDock") and select ',e.jsx("strong",{className:"text-white",children:"Custom Scopes"})]}),e.jsxs("li",{children:["Enable ",e.jsx("strong",{className:"text-white",children:"droplet"}),", ",e.jsx("strong",{className:"text-white",children:"firewall"}),", and ",e.jsx("strong",{className:"text-white",children:"ssh_key"})," scopes"]}),e.jsx("li",{children:"Click Generate Token and add required dependency scopes"}),e.jsx("li",{children:"Copy and save the token immediately â it won't be shown again"}),e.jsx("li",{children:"Paste the token into ClawDock's settings page"})]})]}),e.jsxs("div",{id:"orgo",children:[e.jsxs("h3",{className:"font-heading text-lg font-semibold text-white mb-1 flex items-center gap-2",children:[e.jsx(h,{provider:"orgo",size:"sm",className:"text-purple-400"}),"Orgo.ai API Key"]}),e.jsx("p",{className:"text-sm text-gray-500 font-body mb-3",children:"Used to deploy agents on Orgo.ai cloud desktops with VNC access."}),e.jsxs("div",{className:"my-4 rounded-xl border border-[#1e1e1e] bg-[#0a0a0a] overflow-hidden",children:[e.jsx("video",{className:"w-full aspect-video bg-[#0a0a0a]",controls:!0,preload:"metadata",children:e.jsx("source",{src:"/videos/orgo-api-key.mp4",type:"video/mp4"})}),e.jsxs("div",{className:"px-4 py-2.5 border-t border-[#1e1e1e] flex items-center gap-2",children:[e.jsx(p,{className:"w-3.5 h-3.5 text-purple-400"}),e.jsx("span",{className:"text-[11px] text-gray-500 font-body",children:"Video guide â How to get an Orgo.ai API Key (17 seconds)"})]})]}),e.jsxs("ol",{className:"list-decimal list-inside space-y-2 text-gray-400 font-body text-sm mt-4",children:[e.jsxs("li",{children:["Go to ",e.jsx(x,{href:"https://www.orgo.ai",children:"orgo.ai"}),' and click "Start for free"']}),e.jsx("li",{children:"Sign up with Google or GitHub"}),e.jsx("li",{children:'Click "Copy API Key" in the top bar to copy your key'}),e.jsx("li",{children:"Paste the key into ClawDock's settings page"})]})]})]})]})},{id:"api-keys-llm",title:"LLM Keys",icon:A,content:e.jsxs("div",{className:"space-y-6",children:[e.jsx("h2",{className:"font-heading text-2xl font-bold text-white",children:"LLM API Keys"}),e.jsx("p",{className:"text-gray-400 font-body leading-relaxed",children:"These keys power the AI behind your OpenClaw agent. You need a key from one LLM provider â choose whichever you prefer."}),e.jsxs("div",{className:"mt-6 space-y-10",children:[e.jsxs("div",{id:"gemini",children:[e.jsx("h3",{className:"font-heading text-lg font-semibold text-white mb-1",children:"Google Gemini API Key"}),e.jsx("p",{className:"text-sm text-gray-500 font-body mb-3",children:"Fast, multimodal AI with large context windows."}),e.jsxs("div",{className:"my-4 rounded-xl border border-[#1e1e1e] bg-[#0a0a0a] overflow-hidden",children:[e.jsx("video",{className:"w-full aspect-video bg-[#0a0a0a]",controls:!0,preload:"metadata",poster:"/videos/gemini-api-key-poster.jpg",children:e.jsx("source",{src:"/videos/gemini-api-key.mp4",type:"video/mp4"})}),e.jsxs("div",{className:"px-4 py-2.5 border-t border-[#1e1e1e] flex items-center gap-2",children:[e.jsx(p,{className:"w-3.5 h-3.5 text-blue-400"}),e.jsx("span",{className:"text-[11px] text-gray-500 font-body",children:"Video guide â How to get a Gemini API Key (21 seconds)"})]})]}),e.jsxs("ol",{className:"list-decimal list-inside space-y-2 text-gray-400 font-body text-sm",children:[e.jsxs("li",{children:["Go to ",e.jsx(x,{href:"https://aistudio.google.com",children:"Google AI Studio"}),' and click "Get API key" in the left sidebar']}),e.jsx("li",{children:'Click "+ Create API key" in the top right corner'}),e.jsx("li",{children:'Enter a key name, select a project, and click "Create key"'}),e.jsx("li",{children:"Click the copy icon next to the API Key to copy it"})]}),e.jsx(c,{color:"blue",children:"Google Gemini offers a free tier with generous rate limits. Perfect for getting started without any upfront cost."})]}),e.jsxs("div",{id:"claude",children:[e.jsx("h3",{className:"font-heading text-lg font-semibold text-white mb-1",children:"Anthropic Claude API Key"}),e.jsx("p",{className:"text-sm text-gray-500 font-body mb-3",children:"Reliable, accurate AI known for nuanced reasoning."}
1),e.jsxs("div",{className:"my-4 rounded-xl border border-[#1e1e1e] bg-[#0a0a0a] overflow-hidden",children:[e.jsx("video",{className:"w-full aspect-video bg-[#0a0a0a]",controls:!0,preload:"metadata",poster:"/videos/claude-api-key-poster.jpg",children:e.jsx("source",{src:"/videos/claude-api-key.mp4",type:"video/mp4"})}),e.jsxs("div",{className:"px-4 py-2.5 border-t border-[#1e1e1e] flex items-center gap-2",children:[e.jsx(p,{className:"w-3.5 h-3.5 text-amber-400"}),e.jsx("span",{className:"text-[11px] text-gray-500 font-body",children:"Video guide â How to get a Claude API Key (21 seconds)"})]})]}),e.jsxs("ol",{className:"list-decimal list-inside space-y-2 text-gray-400 font-body text-sm",children:[e.jsxs("li",{children:["Go to ",e.jsx(x,{href:"https://console.anthropic.com/",children:"console.anthropic.com"}),' and click "Get API Key"']}),e.jsx("li",{children:'Click "Create Key" in the top right corner'}),e.jsx("li",{children:'Name your key (e.g., "ClawDock Key") and click "Add"'}),e.jsx("li",{children:'Click "Copy Key" to copy the key to your clipboard'})]}),e.jsx(c,{color:"blue",children:"Anthropic Claude requires a funded account with credits. Check your billing dashboard at console.anthropic.com to ensure you have sufficient balance."})]}),e.jsxs("div",{id:"claude-setup-token",children:[e.jsx("h3",{className:"font-heading text-lg font-semibold text-white mb-1",children:"Anthropic Claude Setup-Token"}),e.jsx("p",{className:"text-sm text-gray-500 font-body mb-3",children:"A token generated via the Claude Code CLI that authorizes access to your Claude account."}),e.jsxs("div",{className:"my-4 rounded-xl border border-[#1e1e1e] bg-[#0a0a0a] overflow-hidden",children:[e.jsx("video",{className:"w-full aspect-video bg-[#0a0a0a]",controls:!0,preload:"metadata",children:e.jsx("source",{src:"/videos/claude-setup-token.mp4",type:"video/mp4"})}),e.jsxs("div",{className:"px-4 py-2.5 border-t border-[#1e1e1e] flex items-center gap-2",children:[e.jsx(p,{className:"w-3.5 h-3.5 text-amber-400"}),e.jsx("span",{className:"text-[11px] text-gray-500 font-body",children:"Video guide â How to get a Claude Setup-Token (17 seconds)"})]})]}),e.jsxs("ol",{className:"list-decimal list-inside space-y-2 text-gray-400 font-body text-sm",children:[e.jsxs("li",{children:["Open your terminal where ",e.jsx("strong",{className:"text-white",children:"Claude Code"})," is installed and run ",e.jsx("code",{className:"text-amber-300 bg-[#1a1a1a] px-1.5 py-0.5 rounded text-xs",children:"claude setup-token"})]}),e.jsxs("li",{children:["A browser window opens to ",e.jsx(x,{href:"https://claude.ai",children:"claude.ai"})," â click ",e.jsx("strong",{className:"text-white",children:'"Authorize"'})," to connect Claude Code to your account"]}),e.jsxs("li",{children:["Return to your terminal â the setup token (starting with ",e.jsx("code",{className:"text-amber-300 bg-[#1a1a1a] px-1.5 py-0.5 rounded text-xs",children:"sk-ant-oat"}),") is displayed. Copy it immediately"]})]}),e.jsxs(c,{color:"yellow",children:[e.jsx("strong",{children:"Keep it safe:"})," The Setup-Token grants access to your Claude account. Do not share it publicly. If compromised, revoke it from your Claude account settings and generate a new one."]})]})]})]})},{id:"secure-access",title:"Secure Access",icon:te,content:e.jsxs("div",{className:"space-y-4",children:[e.jsx("h2",{className:"font-heading text-2xl font-bold text-white",children:"Secure Access"}),e.jsx("p",{className:"text-gray-400 font-body leading-relaxed",children:"ClawDock includes a built-in secure tunnel so you can access your OpenClaw control panel from anywhere â no VPN, no port forwarding, no firewall rules needed. Just open the link in your browser."}),e.jsx(V,{label:"OpenClaw control panel accessed via ClawDock's secure tunnel"}),e.jsxs("div",{className:"mt-6 space-y-4",children:[e.jsx(i,{title:"How
1it works",children:"When your agent is deployed, ClawDock automatically creates a secure, encrypted tunnel between your agent's server and our platform. This gives you a private URL that only you can access. You simply click the link from your dashboard to open the OpenClaw control panel in your browser."}),e.jsx(i,{title:"Accessing the control panel",children:`From your agent's detail page, click the "Open Control Panel" button. This opens OpenClaw's built-in web interface where you can manage your agent's behavior, view conversations, adjust settings, and more.`}),e.jsx(i,{title:"Security",children:"The tunnel is encrypted end-to-end and is tied to your ClawDock session. Only authenticated users with access to the agent can open the control panel. The tunnel URL is unique and cannot be guessed or shared."}),e.jsx(i,{title:"No setup required",children:"Unlike traditional approaches that require you to open ports, configure firewalls, or set up a VPN, ClawDock's tunnel works out of the box. As soon as your agent is active, the secure access link is ready."})]})]})},{id:"troubleshooting",title:"Troubleshooting",icon:ae,content:e.jsxs("div",{className:"space-y-4",children:[e.jsx("h2",{className:"font-heading text-2xl font-bold text-white",children:"Troubleshooting"}),e.jsx("p",{className:"text-gray-400 font-body leading-relaxed",children:"Running into an issue? Here are the most common problems and how to fix them."}),e.jsxs("div",{className:"mt-6 space-y-4",children:[e.jsx(m,{title:"Agent won't start",symptoms:"Clicking Deploy or Start doesn't work, or the agent stays in 'Starting' status.",fixes:["Verify your cloud provider API key is valid and has not expired","Check that your cloud provider account has sufficient quota or credits","Try generating a new API key from your provider and updating it in Settings","If using AWS, ensure your IAM user has EC2 permissions"]}),e.jsx(m,{title:"Agent stuck in 'Setting up'",symptoms:"The agent shows 'Setting up' for more than 10 minutes.",fixes:["The setup process usually takes 2-3 minutes. If it exceeds 10 minutes, there may be a cloud provider issue","Try deleting the agent and deploying a new one","Check your cloud provider dashboard directly to see if the server was created","If the issue persists, try a different cloud provider"]}),e.jsx(m,{title:"OpenClaw not responding",symptoms:"Agent status is 'Active' but OpenClaw doesn't respond to messages.",fixes:["Try restarting the agent from the dashboard","Use the built-in terminal to check if OpenClaw is running","Verify your LLM API key is still valid and has credits","Check the LLM provider status page for any outages"]}),e.jsx(m,{title:"LLM / API key errors",symptoms:"Getting error messages about API keys or LLM responses.",fixes:["Double-check that your LLM API key is correct (no extra spaces)","Verify your account has sufficient credits or quota with the LLM provider","If using Claude, check your billing at console.anthropic.com","If using Gemini, ensure your Google Cloud project has the API enabled","Try generating a fresh API key"]}),e.jsx(m,{title:"Channel not connecting",symptoms:"Telegram, Discord, Slack, or Signal shows as disconnected.",fixes:["Verify the bot token or API token you entered is correct","For Telegram: make sure the bot was created via @BotFather and the token is complete","For Discord: ensure the bot has been invited to your server with the correct permissions","For Slack: verify the app is installed to your workspace with the right scopes","Try disconnecting and reconnecting the channel"]}),e.jsx(m,{title:"Can't access control panel",symptoms:"The 'Open Control Panel' button doesn't work or shows a connection error.",fixes:["Make sure your agent status is Active â the tunnel only works when the agent is running","Try refreshing the page and clicking the button again","Check your internet connection","If the issue persists, restart the agent to re-establish the tunnel"]}),e.jsx(m,{title:"Slow performance",symptoms:"Your agent is slow to respond or the dashboard feels sluggish.",fixes:["Consider deploying with higher specs (more RAM/CPU)","Check your LLM provider â slower response times may be on their end","If using multiple skills, tr
1y disabling ones you don't actively need","For Orgo.ai agents, VNC screenshots can be resource-intensive â reduce polling frequency"]}),e.jsx(m,{title:"Login / auth issues",symptoms:"Can't sign in or getting redirected to the login page.",fixes:["Make sure you're using the same Google account you signed up with","Clear your browser cookies and try again","Try using an incognito/private browser window","If you're using a corporate Google account, check that third-party app access is enabled"]})]}),e.jsx(c,{color:"blue",children:"Still stuck? Reach out to us and we'll help you get things working. Include your agent name and any error messages you see."})]})}];function g({number:s,title:n,description:o}){return e.jsxs("div",{className:"flex gap-4",children:[e.jsx("div",{className:"w-8 h-8 rounded-full bg-emerald-500 text-[#0a0a0a] text-sm font-bold font-heading flex items-center justify-center flex-shrink-0 mt-0.5",children:s}),e.jsxs("div",{children:[e.jsx("h3",{className:"font-heading text-base font-semibold text-white mb-1",children:n}),e.jsx("p",{className:"text-sm text-gray-500 font-body leading-relaxed",children:o})]})]})}function i({title:s,children:n}){return e.jsxs("div",{className:"rounded-lg border border-[#1e1e1e] bg-[#0d0d0d] p-4",children:[e.jsx("h4",{className:"font-heading text-sm font-semibold text-white mb-2",children:s}),e.jsx("div",{className:"text-sm text-gray-500 font-body leading-relaxed",children:n})]})}function V({label:s}){return e.jsxs("div",{className:"my-6 rounded-xl border-2 border-dashed border-[#2a2a2a] bg-[#0d0d0d] p-8 flex flex-col items-center justify-center gap-3",children:[e.jsx(xe,{className:"w-10 h-10 text-gray-700"}),e.jsx("p",{className:"text-sm text-gray-600 font-body text-center",children:s})]})}function c({color:s,children:n}){const o={blue:"bg-blue-500/5 border-blue-500/20 text-blue-400",yellow:"bg-yellow-500/5 border-yellow-500/20 text-yellow-400",red:"bg-red-500/5 border-red-500/20 text-red-400"};return e.jsx("div",{className:`mt-4 p-3 rounded-lg border ${o[s]}`,children:e.jsx("p",{className:"text-xs font-body",children:n})})}function x({href:s,children:n}){return e.jsx("a",{href:s,target:"_blank",rel:"noopener noreferrer",className:"text-emerald-400 hover:underline",children:n})}function m({title:s,symptoms:n,fixes:o}){return e.jsxs("div",{className:"rounded-lg border border-[#1e1e1e] bg-[#0d0d0d] p-4",children:[e.jsx("h4",{className:"font-heading text-sm font-semibold text-white mb-2",children:s}),e.jsx("p",{className:"text-xs text-gray-600 font-body mb-3 italic",children:n}),e.jsx("ul",{className:"space-y-1.5",children:o.map((d,f)=>e.jsxs("li",{className:"flex items-start gap-2 text-sm text-gray-400 font-body",children:[e.jsx("span",{className:"text-emerald-400 mt-0.5 flex-shrink-0",children:"â¢"}),d]},f))})]})}const he=new Set(u.flatMap(s=>{var n;return((n=s.children)==null?void 0:n.map(o=>o.id))??[]})),z={"getting-started":"getting-started",dashboard:"dashboard","deploy-agent":"deploy-agent","manage-agents":"manage-agents",channels:"channels",skills:"skills","api-keys":"api-keys",provider:"api-keys-cloud",llm:"api-keys-llm","secure-access":"secure-access",troubleshooting:"troubleshooting"},S=Object.fromEntries(Object.entries(z).map(([s,n])=>[n,s]));function je(){const s=Y(),n=q(),{section:o}=_(),d=o&&z[o]||"getting-started",f=t=>{const a=S[t]||t;n(`/docs/${a}`)},[N,w]=j.useState(!1),[E,M]=j.useState(new Set);j.useEffect(()=>{const t=s.hash.replace("#","");t&&S[t]&&n(`/docs/${S[t]}`,{replace:!0})},[s.hash,n]),j.useEffect(()=>{const t=s.hash.replace("#","");if(t){const a=setTimeout(()=>{var l;(l=document.getElementById(t))==null||l.scrollIntoView({behavior:"smooth",block:"start"})},100);return()=>clearTimeout(a)}},[d,s.hash]),j.useEffect(()=>{const t=u.find(a=>{var l;return(l=a.children)==null?void 0:l.some(y=>y.id===d)});t&&M(a=>new Set(a).add(t.id))},[d]);const W=u.find(t=>t.id===d)??u[0],U=t=>{M(a=>{const l=new Set(a);return l.has(t)?l.delete(t):l.add(t),l})},K=t=>{var a;return d===t.id||((a=t.children)==null?void 0:a.some(l=>l.id===d))},P=t=>u.filter(a=>!he.has(a.id)).map(a=>{const l=a.icon,y=a.children&&a.children.length>0,D=E.has(a.id),F=K(a);return e.jsxs("div",{children:[e.jsxs("button",{onClick:()=>{y&&U(a.id),t(a.id)},className:r("w-full flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm font-body text-left transition-colors",F?"bg-emerald-500/10 text-emerald-400":"text-gray-500 hover:text-gray-300 hover:bg-[#1e1e1e]"),children:[e.jsx(l,{className:"w-4 h-4"}),e.jsx("span",{className:"flex-1",children:a.title}),y&&e.jsx(le,{className:r("w-3.5 h-3.5 transition-transform duration-200",D?"rotate-180":"")})]}),y&&D&&e.jsx("div",{className:"ml-4 mt-0.5 space-y-0.5 border-l border-[#1e1e1e] pl-3",children:a.children.map(b=>{const R=b.icon;return e.jsxs("button",{onClick:()=>t(b.id),className:r("w-full flex items-center gap-2.5 px-2.5 py-2 rounded-lg text-[13px] font-body text-left transition-colors",d===b.id?"bg-emerald-500/10 text-emerald-400":"text-gray-500 hover:text-gray-300 hover:bg-[#1e1e1e]"),children:[e.jsx(R,{className:"w-3.5 h-3.5"}),b.title]},b.id)})})]},a.id)});return e.jsxs("div",{className:"min-h-screen bg-[#0a0a0a]",children:[e.jsx($,{}),e.jsxs("div",{className:"pt-16 flex min-h-screen",children:[e.jsxs("aside",{className:"hidden lg:block w-64 border-r border-[#1e1e1e] p-6 fixed top-16 bottom-0 overflow-y-auto",children:[e.jsx("h3",{className:"font-heading text-xs text-gray-600 uppercase tracking-wider mb-4",children:"Documentation"}),e.jsx("nav",{className:"space-y-1",children:P(t=>f(t))})]}),e.jsx("div",{className:"lg:hidden fixed top-20 left-4 z-20",children:e.jsx("button",{onClick:()=>w(!N),className:"p-2 rounded-lg bg-[#111111] border border-[#2a2a2a] text-gray-400 hover:text-white",children:N?e.jsx(I,{className:"w-4 h-4"}):e.jsx(ne,{className:"w-4 h-4"})})}),e.jsx(H,{children:N&&e.jsxs(e.Fragment,{children:[e.jsx(v.div,{initial:{opacity:0}
1,animate:{opacity:1},exit:{opacity:0},onClick:()=>w(!1),className:"fixed inset-0 z-10 bg-black/60 lg:hidden"}),e.jsxs(v.aside,{initial:{x:-260},animate:{x:0},exit:{x:-260},transition:{type:"spring",damping:25,stiffness:200},className:"fixed left-0 top-16 bottom-0 w-64 z-10 border-r border-[#1e1e1e] bg-[#0a0a0a] p-6 lg:hidden overflow-y-auto",children:[e.jsx("h3",{className:"font-heading text-xs text-gray-600 uppercase tracking-wider mb-4",children:"Documentation"}),e.jsx("nav",{className:"space-y-1",children:P(t=>{f(t);const a=u.find(l=>l.id===t);a!=null&&a.children||w(!1)})})]})]})}),e.jsx("main",{className:"flex-1 lg:ml-64 px-4 sm:px-6 lg:px-12 py-10 max-w-4xl",children:e.jsx(v.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{duration:.3},children:W.content},d)})]})]})}export{je as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.