⚠️ 配置已修改，建议重启 Gateway 以确保生效。
Channel 绑定
管理 Agent 与频道/群组的绑定关系。绑定顺序决定优先级，排在前面的规则先匹配。
模型管理
模型由 openclaw onboard 注册，此处管理主模型和 Fallback 链。
认证配置
点击 Provider 查看认证步骤。认证需在终端完成，或使用下方 CLI 终端。
已配置认证
使用统计
By Day
By Model
By Agent
计划任务
管理与 OpenClaw 相关的 crontab 计划任务。
⌨️ CLI 终端
── 终端就绪，等待命令 ──
0?1:0)+' '+u[i];}
function fmtUptime(s){const d=Math.floor(s/86400);const h=Math.floor((s%86400)/3600);const m=Math.floor((s%3600)/60);if(d>0)return d+'d '+h+'h '+m+'m';if(h>0)return h+'h '+m+'m';return m+'m';}
function dashRow(label,val){return ''+esc(label)+''+val+'
';}
function dashBar(pct){const cls=pct>90?'danger':pct>70?'warn':'';return '';}
async function loadDashboard(){
try{
const r=await api('GET','/api/dashboard');
if(!r.ok)return;
const s=r.system, g=r.gateway, a=r.agents;
// System card
const memPct=s.totalMem?((s.totalMem-s.freeMem)/s.totalMem*100):0;
let sysHtml=dashRow('Hostname',esc(s.hostname));
sysHtml+=dashRow('OS',esc(s.platform));
sysHtml+=dashRow('Node.js',esc(s.nodeVer));
sysHtml+=dashRow('CPU',esc(s.cpuModel)+' ('+s.cpuCores+' cores)');
sysHtml+=dashRow('Uptime',fmtUptime(s.uptime));
sysHtml+=dashRow('Memory',fmtBytes(s.totalMem-s.freeMem)+' / '+fmtBytes(s.totalMem)+' ('+memPct.toFixed(0)+'%)');
sysHtml+=dashBar(memPct);
document.getElementById('dashSysItems').innerHTML=sysHtml;
// Gateway card
const statusIcon='';
const statusLabel=g.status==='running'?'Running':g.status==='stopped'?'Stopped':'Unknown';
let gwHtml=dashRow('Status',statusIcon+statusLabel);
gwHtml+=dashRow('Port',String(g.port||'—'));
if(g.pid)gwHtml+=dashRow('PID',g.pid);
gwHtml+=dashRow('HTTP Ping',g.ping?'✓ Reachable':'✗ Unreachable');
document.getElementById('dashGwItems').innerHTML=gwHtml;
// Agents card
let agHtml=dashRow('Total Agents',String(a.count));
if(a.lastActivity){
const d=new Date(a.lastActivity);
agHtml+=dashRow('Last Activity',d.toLocaleString('en-AU',{timeZone:'Australia/Brisbane',hour12:false}));
}else{
agHtml+=dashRow('Last Activity','—');
}
agHtml+=dashRow('OCM Version','v'+esc(r.ocmVersion));
agHtml+=dashRow('Server Time',esc(r.serverTime));
document.getElementById('dashAgentItems').innerHTML=agHtml;
// Storage card
let stHtml=dashRow('OpenClaw Dir Size',fmtBytes(s.dirSize));
if(s.diskTotal>0){
const diskPct=s.diskUsed/s.diskTotal*100;
stHtml+=dashRow('Disk',fmtBytes(s.diskUsed)+' / '+fmtBytes(s.diskTotal)+' ('+diskPct.toFixed(0)+'%)');
stHtml+=dashBar(diskPct);
stHtml+=dashRow('Disk Free',fmtBytes(s.diskFree));
}
document.getElementById('dashStorageItems').innerHTML=stHtml;
dashLoaded=true;
}catch(e){console.error('Dashboard load error:',e);}
}
let healthTimer=null;
async function refreshHealth(){
try{
const r=await api('GET','/api/health');
const badge=document.getElementById('healthBadge');
const icon=document.getElementById('healthIcon');
const cnt=document.getElementById('healthCount');
const tip=document.getElementById('healthTooltip');
if(!badge)return;
if(!r.issues||r.issues.length===0){
badge.className=''; badge.style.display='none'; return;
}
const errors=r.issues.filter(i=>i.level==='error').length;
const warns=r.issues.filter(i=>i.level==='warn').length;
badge.style.display='flex';
badge.className=errors>0?'error':'warn';
icon.textContent=errors>0?'🔴':'🟡';
cnt.textContent=r.issues.length+(lang==='en'?' issue(s)':' 个问题');
tip.textContent=r.issues.map(i=>(i.level==='error'?'❌ ':'⚠️ ')+i.text).join('\\n');
}catch(_){}
}
function startHealthPolling(){
refreshHealth();
if(healthTimer) clearInterval(healthTimer);
healthTimer=setInterval(refreshHealth,60000);
}
async function loadAgents(){
try{ const r=await api('GET','/api/agents'); S.agents=r.agents||[]; renderAgents(); }
catch(e){ toast('加载 Agent 失败: '+e.message,'error'); }
}
async function loadModels(){
try{
const r=await api('GET','/api/models');
S.models=r.models||{}; S.authProfiles=r.authProfiles||{};
S.knownModels=r.knownModels||[]; S.authProviders=r.authProviders||[];
S.primaryModel=r.primaryModel||''; S.fallbacks=r.fallbacks||[];
renderModels(); renderAuth(); buildModelDropdowns();
}catch(e){ toast('加载模型失败: '+e.message,'error'); }
}
async function loadChannels(){
try{ const r=await api('GET','/api/channels'); S.channels=r.channels||[]; renderChannels(); }
catch(e){ toast('加载 Channel 失败: '+e.message,'error'); }
}
// ── 渲染 Agents ─────────────────────────────────────────────
// ── Show Add Form ─────────────────────────────────────────────
function clearAddForm() { document.getElementById('addFormArea').innerHTML = ''; }
function showAddForm(type) {
const area = document.getElementById('addFormArea');
if (type === 'agent') {
area.innerHTML = buildAddAgentForm();
} else {
area.innerHTML = buildAddSubForm();
}
applyLang();
}
function buildAddAgentForm() {
const modelOpts = buildModelOpts('__default__');
return '';
}
function buildAddSubForm() {
// Build parent agent dropdown (agents with their own bot)
const cfg = S.agents || [];
const botAgents = cfg.filter(a => a.hasOwnBot);
let parentOpts = '';
if (botAgents.length === 0) {
parentOpts = '';
} else {
botAgents.forEach(a => {
parentOpts += '';
});
}
const modelOpts = buildModelOpts('__default__');
return '';
}
// ── Submit Add Agent (with own bot) ──────────────────────────
async function submitAddAgent() {
const token = document.getElementById('fa-token').value.trim();
const agentId = document.getElementById('fa-agentid').value.trim();
const name = document.getElementById('fa-name').value.trim();
const workspace = document.getElementById('fa-workspace').value.trim();
const model = document.getElementById('fa-model').value;
if (!token) { toast(t('agents.errToken'), 'err'); return; }
if (!agentId) { toast('Agent ID is required', 'err'); return; }
if (!/^[a-zA-Z0-9_-]+$/.test(agentId)) { toast('Agent ID must contain only alphanumeric characters, underscores, or dashes', 'err'); return; }
if (!name) { toast(t('agents.errName'), 'err'); return; }
if (!workspace) { toast('Workspace name is required', 'err'); return; }
try {
const payload = { botToken: token, agentId, name, workspace, model: model === '__default__' ? '' : model };
const r = await api('POST', '/api/agents/bot', payload);
toast('Agent created successfully', 'ok');
closePopover();
showRestartBanner();
await loadAll();
} catch (e) {
toast(e.message, 'err');
}
}
// ── Submit Add Sub-Agent ────────────────────────────────────
async function submitAddSub() {
const parentAgentId = document.getElementById('fs-parent').value.trim();
const groupId = document.getElementById('fs-gid').value.trim();
const agentId = document.getElementById('fs-aid').value.trim();
const displayName = document.getElementById('fs-name').value.trim();
const model = document.getElementById('fs-model').value;
const purpose = document.getElementById('fs-purpose').value.trim();
const personality = document.getElementById('fs-soul').value.trim();
const initialMemory = document.getElementById('fs-mem').value.trim();
if (!parentAgentId) { toast('Parent Agent is required', 'err'); return; }
if (!groupId) { toast(t('wiz.errGroupId'), 'err'); return; }
if (!agentId) { toast(t('wiz.errAgentId'), 'err'); return; }
if (!/^[a-zA-Z0-9_-]+$/.test(agentId)) { toast(t('wiz.errIdFormat'), 'err'); return; }
try {
const r = await api('POST', '/api/agents', { parentAgentId, agentId, displayName: displayName || agentId, groupId, workspaceFolder: agentId, model: model === '__default__' ? '' : model, purpose, personality, initialMemory });
if (r.error) { toast(r.error, 'err'); return; }
toast(t('wiz.created'), 'ok');
document.getElementById('addFormArea').innerHTML = '';
showRestartBanner();
await loadAll();
} catch (e) { toast(e.message, 'err'); }
}
// ── Render Agent Tree ──────────────────────────────────────
function renderAgents() {
const el = document.getElementById('agentTree');
if (!S.agents.length) { el.innerHTML = '' + t('agents.empty') + '
'; return; }
// Build tree: each hasOwnBot agent is a root, others are sub-agents grouped by parentAccountId
const roots = S.agents.filter(a => a.hasOwnBot);
const subs = S.agents.filter(a => !a.hasOwnBot);
// Map accountId -> root agent for sub-agent grouping
const rootByAccount = {};
roots.forEach(a => { if (a.accountId) rootByAccount[a.accountId] = a; });
// Group subs under their parent
const subsByRoot = {};
const orphanSubs = [];
subs.forEach(a => {
const parentAcct = a.parentAccountId;
if (parentAcct && rootByAccount[parentAcct]) {
const rootId = rootByAccount[parentAcct].id;
if (!subsByRoot[rootId]) subsByRoot[rootId] = [];
subsByRoot[rootId].push(a);
} else {
orphanSubs.push(a);
}
});
function agentCard(a, isRoot) {
let h = '';
const icon = isRoot ? '🤖' : '📱';
const cls = isRoot ? 'tree-main' : 'tree-child';
h += '';
h += '
' + icon + ' ' + esc(a.name || a.id);
if (isRoot) h += ' ' + (a.id === 'main' ? t('agents.main') : 'Bot') + '';
if (a.groupId) h += ' ' + esc(a.groupId) + '';
h += '
';
h += '
🧠 ' + esc(a.effectiveModel) + '
';
if (a.workspace) h += '
📁 ' + esc(a.workspace) + '
';
h += '
';
h += '';
h += '';
if (a.workspace || !isRoot) h += '';
if (a.id !== 'main') h += '';
h += '
';
html += agentCard(root, true);
if (children.length) {
const treeId = 'tree-' + root.id;
html += '
';
html += '
';
html += '
';
children.forEach(c => { html += agentCard(c, false); });
html += '
';
}
html += '
';
html += agentCard(a, false);
html += '
';
});
el.innerHTML = html;
// Event delegation for agent tree buttons
el.onclick = function(ev) {
const btn = ev.target.closest('[data-action]');
if (!btn) return;
const action = btn.dataset.action;
const id = btn.dataset.id;
if (action === 'saveModel') saveAgentModel(id);
else if (action === 'viewWs') viewWorkspace(id);
else if (action === 'delAgent') deleteAgent(id, btn.dataset.name);
};
}
function toggleTree(treeId, btn) {
const el = document.getElementById(treeId);
if (!el) return;
el.classList.toggle('collapsed');
btn.textContent = el.classList.contains('collapsed') ? '+' : '−';
}
function buildModelOpts(selected){
let opts=\`\`;
let lastGroup='';
S.knownModels.filter(m=>m.id!=='__default__').forEach(m=>{
if(m.group && m.group!==lastGroup){
if(lastGroup) opts+=\`\`;
opts+=\`\`;
Object.keys(S.models).forEach(id=>{
if(!S.knownModels.find(k=>k.id===id))
opts+=\`\`;
});
return opts;
}
async function saveAgentModel(agentId){
const sel=document.getElementById('msel-'+agentId);
if(!sel)return;
const model=sel.value;
try{
await api('PUT','/api/agents/'+encodeURIComponent(agentId),{model});
document.getElementById('eml-'+agentId).textContent=model==='__default__'?t('agents.noModel')+' ('+S.primaryModel+')':model;
toast('模型已更新','success'); showRestartBanner();
}catch(e){toast('保存失败: '+e.message,'error');}
}
// ── 渲染 Channels ────────────────────────────────────────────
function renderChannels(){
const el=document.getElementById('channelList');
if(!S.channels.length){el.innerHTML=''+t('channels.empty')+'
';return;}
el.innerHTML=S.channels.map(ch=>{
const chClass=ch.channel==='telegram'?'ch-tg':'ch-any';
return \`
\${esc(ch.agentName)}
agent: \${esc(ch.agentId)}
\${ch.channel?\`\${esc(ch.channel)}\`:'any'}
\${ch.peerKind?\`\${esc(ch.peerKind)}\`:''}
\${ch.peerId?\`
📱 Peer ID: \${esc(ch.peerId)}
\`:('
'+t('channels.matchAll')+'
')}
\${t('channels.bindIdx')}\${ch.idx}
\`;
}).join('');
}
function openAddChannel(){
const sel=document.getElementById('ch-agent');
sel.innerHTML=''; S.agents.forEach(a=>{ sel.innerHTML+=\`\`; });
document.getElementById('ch-peerId').value='';
openModal('addChannelModal'); applyLang();
}
async function submitAddChannel(){
const agentId=document.getElementById('ch-agent').value;
const channel=document.getElementById('ch-channel').value;
const peerKind=document.getElementById('ch-peerKind').value;
const peerId=document.getElementById('ch-peerId').value.trim();
if(!agentId){toast('请选择 Agent','error');return;}
try{
await api('POST','/api/channels',{agentId,channel,peerKind,peerId});
toast('绑定已添加','success'); closeModal('addChannelModal'); await loadChannels(); showRestartBanner();
}catch(e){toast('失败: '+e.message,'error');}
}
async function deleteChannel(idx,label){
if(!confirm(\`确定要删除绑定 "\${label}"？\`))return;
try{
await api('DELETE','/api/channels/'+idx);
toast('绑定已删除','success'); await loadChannels(); showRestartBanner();
}catch(e){toast('失败: '+e.message,'error');}
}
// ── 渲染模型 ─────────────────────────────────────────────────
function renderModels(){
// 检测 primary model 是否是 API Key（显示修复警告）
const primWarn=document.getElementById('primaryModelWarn');
if(primWarn){
const bad = S.primaryModel && !isValidModelId(S.primaryModel);
primWarn.style.display = bad ? '' : 'none';
if(bad){
const masked = S.primaryModel.length > 16
? S.primaryModel.slice(0,8)+'...'+ S.primaryModel.slice(-4)
: S.primaryModel;
primWarn.innerHTML=\`⚠️ 当前主模型设置异常：检测到 \${esc(masked)} 像是 API Key 而非模型 ID。
请从下拉选择正确的模型并保存，或点击下方按钮重置。
提示：模型 ID 格式为 provider/model-name，例如 anthropic/claude-sonnet-4-5
\`;
}
}
const pSel=document.getElementById('primaryModelSel');
pSel.innerHTML='';
S.knownModels.filter(m=>m.id!=='__default__').forEach(m=>{
pSel.innerHTML+=\`\`;
});
const fl=document.getElementById('fallbackList');
fl.innerHTML=S.fallbacks.length
? S.fallbacks.map((f,i)=>\`\${esc(f)} ✕\`).join('')
: ''+(lang==='en'?'(empty)':'（空）')+'';
}
function isValidModelId(id) {
// Must be in format provider/model-id, no spaces, not an API key
if (!id) return false;
if (!id.includes('/')) return false;
if (id.length > 120) return false;
// Reject obvious API keys (long alphanumeric strings, or starts with sk-, gsk_, etc.)
if (/^(sk-|gsk_|pplx-|sess-|ghp_|github_pat_)/.test(id)) return false;
// Must only contain provider/model valid chars
if (!/^[a-zA-Z0-9_./-]+$/.test(id)) return false;
return true;
}
async function savePrimaryModel(){
const custom=document.getElementById('primaryModelCustom').value.trim();
const sel =document.getElementById('primaryModelSel').value;
const model = custom || sel;
if(!model){toast('请选择或填写模型','error');return;}
if(custom && !isValidModelId(custom)){
toast('格式错误：模型 ID 应为 provider/model-id（例：anthropic/claude-sonnet-4-5），请勿在此粘贴 API Key。','error');
return;
}
try{
await api('PUT','/api/models/settings',{primaryModel:model, fallbacks:S.fallbacks});
S.primaryModel=model; toast('主模型已保存','success'); showRestartBanner();
document.getElementById('primaryModelCustom').value='';
renderModels();
}catch(e){toast('失败: '+e.message,'error');}
}
// 修复被错误设置为 API Key 的主模型 → 重置为第一个已注册模型或留空
async function fixBadPrimaryModel(){
// 尝试从已注册模型中取第一个可用 ID
const firstModel = Object.keys(S.models||{}).find(k => isValidModelId(k));
const resetTo = firstModel || '';
if(!confirm(\`将主模型重置为"\${resetTo||'（清空，使用全局默认）'}"？\`)) return;
try{
await api('PUT','/api/models/settings',{primaryModel:resetTo, fallbacks:S.fallbacks});
S.primaryModel=resetTo;
toast(\`主模型已重置\${resetTo?' 为 '+resetTo:''}\`,'success');
showRestartBanner(); renderModels();
}catch(e){toast('重置失败: '+e.message,'error');}
}
function openAddFallback(){
buildFbDropdown();
// 显示当前 fallback 列表
const curEl=document.getElementById('fb-current-list');
if(curEl){
if(S.fallbacks.length){
curEl.innerHTML='当前 Fallback 链：'+S.fallbacks.map((f,i)=>\`\${i+1}. \${esc(f)}\`).join('');
}else{
curEl.innerHTML='当前尚未配置 Fallback';
}
}
document.getElementById('fb-custom').value='';
document.getElementById('fb-sel').value='';
openModal('addFallbackModal');
}
function buildFbDropdown(){
const sel=document.getElementById('fb-sel');
sel.innerHTML='';
// 按 group 分组显示
const groups={};
S.knownModels.filter(m=>m.id!=='__default__'&&!S.fallbacks.includes(m.id)).forEach(m=>{
const g=m.group||'其他';
if(!groups[g]) groups[g]=[];
groups[g].push(m);
});
Object.entries(groups).forEach(([g,items])=>{
const og=document.createElement('optgroup');
og.label=g;
items.forEach(m=>{ const o=document.createElement('option'); o.value=m.id; o.textContent=m.label; og.appendChild(o); });
sel.appendChild(og);
});
}
function onFbSelChange(){ const v=document.getElementById('fb-sel').value; if(v) document.getElementById('fb-custom').value=''; }
function onFbCustomInput(){ const v=document.getElementById('fb-custom').value.trim(); if(v) document.getElementById('fb-sel').value=''; }
async function addFallback(){
const custom=document.getElementById('fb-custom').value.trim();
const sel =document.getElementById('fb-sel').value;
const model = custom || sel;
if(!model){toast('请输入或选择模型 ID','error');return;}
if(!isValidModelId(model)){
toast('格式错误：模型 ID 应为 provider/model-id（例：deepseek/deepseek-v3），请勿粘贴 API Key。','error');
return;
}
if(S.fallbacks.includes(model)){toast('该模型已在 Fallback 链中','error');return;}
S.fallbacks.push(model);
try{
await api('PUT','/api/models/settings',{primaryModel:S.primaryModel, fallbacks:S.fallbacks});
closeModal('addFallbackModal'); renderModels(); showRestartBanner();
}catch(e){ S.fallbacks.pop(); toast('失败: '+e.message,'error'); }
}
async function removeFallback(i){
const removed=S.fallbacks.splice(i,1);
try{
await api('PUT','/api/models/settings',{primaryModel:S.primaryModel, fallbacks:S.fallbacks});
renderModels(); showRestartBanner();
}catch(e){ S.fallbacks.splice(i,0,...removed); toast('失败: '+e.message,'error'); }
}
// ── 渲染认证（引导模式）─────────────────────────────────────
function renderAuth(){
const grid=document.getElementById('authProvGrid');
// 标记已配置的 provider
const configured=new Set(Object.keys(S.authProfiles||{}).map(k=>k.toLowerCase()));
grid.innerHTML=S.authProviders.map(p=>{
const done=configured.has(p.id);
return \`\`;
}).join('');
// Configured list
const el=document.getElementById('authList');
const entries=Object.entries(S.authProfiles);
if(!entries.length){el.innerHTML=''+(lang==='en'?'No auth configured':'暂无认证配置')+'
';return;}
el.innerHTML=entries.map(([key,p])=>\`
\${esc(key)}
\${p.mode||'token'}
\${p.email?\`
📧 \${esc(p.email)}
\`:''}
\`).join('');
}
function selectAuthProv(pid){
selectedAuthProv=pid;
const provider=S.authProviders.find(p=>p.id===pid);
if(!provider)return;
renderAuth();
const card=document.getElementById('authActionCard');
const content=document.getElementById('authActionContent');
card.style.display='';
if(provider.mode==='oauth'){
content.innerHTML=\`
\${esc(provider.label)} — OAuth
\${t('auth.step1')}
\${lang==='en'?'This provider uses browser-based OAuth.':'此 Provider 使用浏览器 OAuth 授权。'}
\${t('auth.step2')}
\${esc(provider.cliCmd)}
\${t('auth.onboard')}
openclaw onboard
\`;
} else if(provider.mode==='device'){
content.innerHTML=\`
\${esc(provider.label)} — Device Flow
\${t('auth.step1')}
1. \${lang==='en'?'Run in terminal':'在终端运行'}：
\${esc(provider.cliCmd)}
2. \${lang==='en'?'Copy the 8-digit device code':'复制终端显示的 8 位设备码'}
3. \${lang==='en'?'Open':'打开'}：
github.com/login/device
4. \${lang==='en'?'Paste the code and authorize':'粘贴设备码并授权'}
\${t('auth.onboard')}
openclaw onboard
\`;
} else {
content.innerHTML=\`
\${esc(provider.label)} — API Key
\${t('auth.step1')}
\${esc(provider.hint||'')}
\${t('auth.step2')}
\${esc(provider.cliCmd)}
\${t('auth.step3')}
\${lang==='en'?'The key is stored securely by OpenClaw, not in config files.':'Key 由 OpenClaw 安全存储，不写入配置文件。'}
\${t('auth.onboard')}
openclaw onboard
\`;
}
}
async function refreshAuthOnly(){
try{
const r=await api('GET','/api/models');
S.authProfiles=r.authProfiles||{};
S.models=r.models||{}; S.knownModels=r.knownModels||[];
renderAuth(); buildModelDropdowns();
}catch(e){ toast((lang==='en'?'Refresh failed: ':'刷新失败: ')+e.message,'error'); }
}
async function deleteAuth(key){
if(!confirm((lang==='en'?'Remove auth "':'移除认证配置 "')+key+'"？'))return;
try{await api('DELETE','/api/auth/'+encodeURIComponent(key)); toast(lang==='en'?'Removed':'已移除','success'); await refreshAuthOnly();}
catch(e){toast((lang==='en'?'Failed: ':'失败: ')+e.message,'error');}
}
function copyText(txt){
navigator.clipboard.writeText(txt).then(()=>toast('已复制','success')).catch(()=>toast('复制失败','error'));
}
async function deleteAgent(agentId, name){
if(!confirm(\`确定要删除 Agent "\${name}"？\\n\\n• 将从 openclaw.json 移除（自动备份）\\n• Workspace 目录不删除\\n• 可通过"回滚"功能恢复配置\\n\\n继续？\`))return;
try{
const r=await api('DELETE','/api/agents/'+encodeURIComponent(agentId));
toast('已删除 '+agentId,'success');
await loadAgents(); await loadChannels(); showRestartBanner();
}catch(e){toast('删除失败: '+e.message,'error');}
}
let wsCurrentAgent='';
async function viewWorkspace(agentId){
wsCurrentAgent=agentId;
const el=document.getElementById('wsContent');
el.innerHTML=''+(lang==='en'?'Loading...':'加载中...')+'
'; openModal('wsModal');
try{
const r=await api('GET','/api/workspace/'+encodeURIComponent(agentId));
const fileNames=Object.keys(r.files);
if(!fileNames.length){ el.innerHTML=''+(lang==='en'?'No files':'暂无文件')+'
'; return; }
el.innerHTML='📁 '+esc(r.workspacePath)+'
'
+fileNames.map(name=>{
const content=r.files[name];
const st=r.fileStats&&r.fileStats[name]?r.fileStats[name]:{};
const sizeStr=st.size!=null?(st.size<1024?st.size+' B':(st.size/1024).toFixed(1)+' KB'):'';
const mtimeStr=st.mtime?new Date(st.mtime).toLocaleString():'';
const fid='wsf-'+name.replace(/[^a-zA-Z0-9]/g,'_');
return \`
\${esc(name)}
\${esc(sizeStr)}\${mtimeStr?' · '+esc(mtimeStr):''}
\${content!==null?\`\`:''}
\${content!==null
?\`
\${esc(content)}
\`
:\`
\${content===null&&st.size>512*1024?t('ws.large'):(lang==='en'?'(file not found)':'（文件不存在）')}
\`}
\`;
}).join('');
}catch(e){el.innerHTML=''+(lang==='en'?'Failed: ':'加载失败: ')+e.message+'
';}
}
function wsToggleEdit(agentId,fname,fid){
const pre=document.getElementById('pre-'+fid);
const ta=document.getElementById('ta-'+fid);
const acts=document.getElementById('acts-'+fid);
const btn=document.getElementById('wsbtn-'+fid);
if(ta.style.display==='none'){
ta.style.display=''; pre.style.display='none'; acts.style.display='flex';
btn.textContent=t('ws.cancel'); ta.focus();
} else { wsCancelEdit(fid); }
}
function wsCancelEdit(fid){
const pre=document.getElementById('pre-'+fid);
const ta=document.getElementById('ta-'+fid);
const acts=document.getElementById('acts-'+fid);
const btn=document.getElementById('wsbtn-'+fid);
ta.style.display='none'; pre.style.display=''; acts.style.display='none';
if(btn) btn.textContent=t('ws.edit');
// revert textarea to pre content
ta.value=pre.textContent;
}
async function wsSaveFile(agentId,fname,fid){
const ta=document.getElementById('ta-'+fid);
try{
await api('PUT','/api/workspace/'+encodeURIComponent(agentId)+'/'+encodeURIComponent(fname),{content:ta.value});
toast(t('ws.saved'),'success');
// update pre with new content
const pre=document.getElementById('pre-'+fid);
pre.textContent=ta.value;
wsCancelEdit(fid);
}catch(e){toast((lang==='en'?'Save failed: ':'保存失败: ')+e.message,'error');}
}
function buildModelDropdowns(){
S.agents.forEach(a=>{
const sel=document.getElementById('msel-'+a.id);
if(!sel) return;
const current=a.effectiveModel!=='默认'?a.effectiveModel:'__default__';
sel.innerHTML=buildModelOpts(current);
});
}
// ── CLI 终端 ─────────────────────────────────────────────────
const CLI_DEFAULTS = [
{ label: 'openclaw doctor', cmd: 'openclaw doctor' },
{ label: 'openclaw --version', cmd: 'openclaw --version' },
{ label: 'openclaw gateway status', cmd: 'openclaw gateway status' },
{ label: 'openclaw gateway restart', cmd: 'openclaw gateway restart' },
{ label: 'openclaw gateway start', cmd: 'openclaw gateway start' },
{ label: 'openclaw gateway stop', cmd: 'openclaw gateway stop' },
{ label: 'openclaw gateway logs', cmd: 'openclaw gateway logs' },
{ label: 'openclaw models list', cmd: 'openclaw models list' },
{ label: 'openclaw models auth list', cmd: 'openclaw models auth list' },
{ label: 'openclaw agents list', cmd: 'openclaw agents list' },
{ label: 'openclaw agents sync', cmd: 'openclaw agents sync' },
{ label: 'openclaw backup create', cmd: 'openclaw backup create' },
{ label: 'openclaw backup list', cmd: 'openclaw backup list' },
{ label: 'openclaw config validate', cmd: 'openclaw config validate' },
{ label: 'openclaw update', cmd: 'openclaw update' },
];
let cliHistory=[], cliHistIdx=-1, cliEvt=null;
function buildCliPresets(){
const sel=document.getElementById('cliPreset');
const favs=JSON.parse(LS.get('ocm_cli_favs','[]'));
sel.innerHTML='';
const og1=document.createElement('optgroup'); og1.label=t('cli.builtins');
CLI_DEFAULTS.forEach(c=>{ const o=document.createElement('option'); o.value=c.cmd; o.textContent=c.label; og1.appendChild(o); });
sel.appendChild(og1);
if(favs.length){
const og2=document.createElement('optgroup'); og2.label=t('cli.favs');
favs.forEach(c=>{ const o=document.createElement('option'); o.value=c.cmd; o.textContent=(c.label||c.cmd); og2.appendChild(o); });
sel.appendChild(og2);
}
}
function toggleCliPanel(){
const p=document.getElementById('cliPanel');
const open=p.classList.toggle('open');
const btn=document.getElementById('cliToggleBtn');
if(btn) btn.classList.toggle('active', open);
const prb=document.getElementById('pendingRestartBtn');
if(prb) prb.style.bottom=open?'292px':'24px';
// Adjust main content padding so content behind panel remains reachable via scroll
const mainEl=document.querySelector('main');
if(mainEl) mainEl.style.paddingBottom = open ? (p.offsetHeight+24)+'px' : '';
if(open){ buildCliPresets(); setTimeout(()=>document.getElementById('cliInput').focus(),100); scrollCliToBottom(); }
}
function onCliPresetSelect(){
const v=document.getElementById('cliPreset').value;
if(v){ document.getElementById('cliInput').value=v; document.getElementById('cliInput').focus(); }
document.getElementById('cliPreset').value='';
}
function addCliToFavorites(){
const cmd=document.getElementById('cliInput').value.trim();
if(!cmd){ toast(t('cli.fav.empty'),'error'); return; }
const favs=JSON.parse(LS.get('ocm_cli_favs','[]'));
if(favs.find(f=>f.cmd===cmd)){ toast(t('cli.fav.dup'),'error'); return; }
const label=prompt(t('cli.favprompt'),cmd.slice(0,50));
if(label===null) return;
favs.push({label:label||cmd, cmd});
LS.set('ocm_cli_favs',JSON.stringify(favs));
buildCliPresets();
toast(t('cli.fav.saved')+': '+(label||cmd),'success');
}
function openCliManage(){
const favs=JSON.parse(LS.get('ocm_cli_favs','[]'));
const list=document.getElementById('cliManageList');
if(!favs.length){
list.innerHTML=''+
(lang==='en'?'No saved commands yet.':'暂无收藏命令')+'
';
} else {
list.innerHTML=favs.map((f,i)=>''+
'
'+
'
'+esc(f.label||f.cmd)+'
'+
'
'+esc(f.cmd)+'
'+
'
'+
'
'+
'
'+
'
' +
'
' + esc(m) + '
' +
'
In: ' + fmtNum(d.inputTokens) + ' · Out: ' + fmtNum(d.outputTokens) + ' · Cache: ' + fmtNum(d.cacheRead||0) + ' · ' + d.requestCount + ' reqs · $' + d.cost + '
' +
'
'+t('stats.noData')+'
';
// by agent
const baEl=document.getElementById('statsByAgent');
const baEntries=Object.entries(r.byAgent||{}).sort((a,b)=>(b[1].requestCount||0)-(a[1].requestCount||0));
baEl.innerHTML=baEntries.length?baEntries.map(([a,d])=>'' +
'
' + esc(a) + '
' +
'
In: ' + fmtNum(d.inputTokens) + ' · Out: ' + fmtNum(d.outputTokens) + ' · ' + d.requestCount + ' reqs · $' + d.cost + '
' +
'
No data
';
// by day chart
const chartEl=document.getElementById('statsChart');
const dayEntries=Object.entries(r.byDay||{}).sort((a,b)=>a[0].localeCompare(b[0]));
if(!dayEntries.length){ chartEl.innerHTML=''+t('stats.noData')+'
'; return; }
const maxTk=Math.max(...dayEntries.map(([,d])=>(d.inputTokens||0)+(d.outputTokens||0)),1);
chartEl.innerHTML=dayEntries.map(([day,d])=>{
const total=(d.inputTokens||0)+(d.outputTokens||0);
const pct=Math.max(2,total/maxTk*100);
return '' +
'
' +
'
' + day.slice(5) + '
' +
'
'+t('cron.empty')+'
'; return; }
el.innerHTML=r.crons.map(c=>\`
\${esc(c.command)}
⏰ \${esc(c.schedule)}\${c.label?' · '+esc(c.label):''}
\${c.enabled?t('cron.enabled'):t('cron.disabled')}
\`).join('');
}catch(e){ toast((lang==='en'?'Cron load failed: ':'任务加载失败: ')+e.message,'error'); }
}
function openAddCron(){
document.getElementById('cron-schedule').value='';
document.getElementById('cron-command').value='';
document.getElementById('cron-label').value='';
openModal('addCronModal');
}
async function submitAddCron(){
const schedule=document.getElementById('cron-schedule').value.trim();
const command=document.getElementById('cron-command').value.trim();
const label=document.getElementById('cron-label').value.trim();
if(!schedule||!command){toast(lang==='en'?'Fill in expression and command':'请填写表达式和命令','error');return;}
try{
await api('POST','/api/cron',{schedule,command,label:label||'openclaw-manager'});
toast(lang==='en'?'Task added':'任务已添加','success');
closeModal('addCronModal'); await loadCrons();
}catch(e){toast((lang==='en'?'Failed: ':'失败: ')+e.message,'error');}
}
async function toggleCron(idx,currentEnabled){
try{
await api('PUT','/api/cron/'+idx,{enabled:!currentEnabled});
await loadCrons();
}catch(e){toast((lang==='en'?'Failed: ':'失败: ')+e.message,'error');}
}
async function runCronNow(idx){
toast(lang==='en'?'Running...':'执行中...','info');
try{
const r=await api('POST','/api/cron/'+idx+'/run');
toast(lang==='en'?'Done':'完成','success');
}catch(e){toast((lang==='en'?'Failed: ':'失败: ')+e.message,'error');}
}
async function deleteCron(idx){
if(!confirm(lang==='en'?'Delete this task?':'删除此任务？'))return;
try{ await api('DELETE','/api/cron/'+idx); toast(lang==='en'?'Deleted':'已删除','success'); await loadCrons(); }
catch(e){toast((lang==='en'?'Failed: ':'失败: ')+e.message,'error');}
}
// ── 工具栏操作 ───────────────────────────────────────────────
function toggleMenu(){document.getElementById('mainMenu').classList.toggle('open');}
document.addEventListener('click',e=>{
const app=document.getElementById('mainApp');
if(app&&!e.target.closest('.menu-wrap'))document.getElementById('mainMenu').classList.remove('open');
});
async function doRestart(){
closeMenu(); dismissBanner(); hidePendingRestart();
document.getElementById('cmdTitle').textContent=t('actions.restartTitle');
document.getElementById('cmdOutput').textContent=t('actions.running'); openModal('cmdModal');
try{
const r=await api('POST','/api/gateway/restart');
document.getElementById('cmdOutput').textContent=r.output||t('actions.restartSent');
toast(t('actions.restartOk'),'success');
}catch(e){
document.getElementById('cmdOutput').textContent='❌ '+e.message+'\\n\\n'+t('actions.restartManualHint');
toast(t('actions.restartFail')+e.message,'error');
}
}
async function doDoctor(){
closeMenu();
document.getElementById('cmdTitle').textContent=t('actions.doctorTitle');
document.getElementById('cmdOutput').textContent=t('actions.running'); openModal('cmdModal');
try{
const r=await api('POST','/api/gateway/doctor');
document.getElementById('cmdOutput').textContent=r.output||t('actions.noOutput');
}catch(e){document.getElementById('cmdOutput').textContent='❌ '+e.message;}
}
async function manualBackup(){
closeMenu();
try{const r=await api('POST','/api/config/backup'); toast(t('actions.backupSaved')+r.bakPath.split('/').pop(),'success');}
catch(e){toast(t('actions.backupFail')+e.message,'error');}
}
function openConfigDir(){ closeMenu(); api('POST','/api/folder/open').catch(()=>{}); }
function closeMenu(){ document.getElementById('mainMenu').classList.remove('open'); }
// ── 日志 ─────────────────────────────────────────────────────
async function openLogs(){ closeMenu(); openModal('logModal'); await refreshLogs(); }
async function refreshLogs(){
try{
const r=await api('GET','/api/logs?n=300');
document.getElementById('logContent').textContent=r.content||t('actions.logEmpty');
document.getElementById('logPath').textContent=r.path||'';
const lb=document.getElementById('logContent'); lb.scrollTop=lb.scrollHeight;
}catch(e){document.getElementById('logContent').textContent=t('actions.logLoadFail')+e.message;}
}
function toggleAutoRefresh(){
const cb=document.getElementById('autoRefresh');
if(cb.checked){ logTimer=setInterval(refreshLogs,2000); }
else{ clearInterval(logTimer); logTimer=null; }
}
function closeLogs(){ clearInterval(logTimer); logTimer=null; document.getElementById('autoRefresh').checked=false; closeModal('logModal'); }
// ── 回滚 ─────────────────────────────────────────────────────
async function openRollback(){
closeMenu(); openModal('rollbackModal');
const el=document.getElementById('backupList');
el.innerHTML=''+t('common.loading')+'
';
try{
const r=await api('GET','/api/backups');
if(!r.backups.length){el.innerHTML=''+t('actions.noBackups')+'
';return;}
el.innerHTML=r.backups.map(f=>\`
\${esc(f)}
\`).join('');
}catch(e){el.innerHTML=''+t('actions.loadFailed')+'
';}
}
async function doRestore(filename){
const confirmMsg=t('actions.restoreConfirm').replace('{filename}',filename);
if(!confirm(confirmMsg))return;
try{
await api('POST','/api/backups/restore',{filename});
toast(t('actions.restored')+filename,'success');
closeModal('rollbackModal'); await loadAll(); showRestartBanner();
}catch(e){toast(t('actions.restoreFail')+e.message,'error');}
}
// ── NAS 备份 ─────────────────────────────────────────────────
async function openNasModal(){
closeMenu();
const cfg=await api('GET','/api/backup/nas-config');
document.getElementById('nas-host').value=cfg.nasHost||'';
document.getElementById('nas-port').value=cfg.nasPort||'22';
document.getElementById('nas-user').value=cfg.nasUser||'';
document.getElementById('nas-sshkey').value=cfg.nasSshKey||'';
document.getElementById('nas-path').value=cfg.nasPath||'/volume1/OpenClaw/backups';
document.getElementById('nas-legacy').checked=!!cfg.nasLegacyCipher;
document.getElementById('nas-password').value='';
document.getElementById('nas-result').style.display='none';
document.getElementById('nas-cron-section').style.display='none';
document.getElementById('nas-pubkey-box').style.display='none';
const authType=cfg.nasAuth||'password';
document.getElementById(authType==='key'?'nas-auth-key':'nas-auth-pw').checked=true;
nasAuthChange();
const bkType=cfg.nasBackupType||'full';
document.getElementById(bkType==='essential'?'nas-bk-ess':'nas-bk-full').checked=true;
openModal('nasModal');
}
function nasAuthChange(){
const isKey=document.getElementById('nas-auth-key').checked;
document.getElementById('nas-pw-section').style.display=isKey?'none':'';
document.getElementById('nas-key-section').style.display=isKey?'':'none';
}
function nasGetConfig(){
return {
nasHost: document.getElementById('nas-host').value.trim(),
nasPort: document.getElementById('nas-port').value.trim()||'22',
nasUser: document.getElementById('nas-user').value.trim(),
nasAuth: document.getElementById('nas-auth-key').checked?'key':'password',
nasSshKey: document.getElementById('nas-sshkey').value.trim(),
nasPath: document.getElementById('nas-path').value.trim(),
nasLegacyCipher: document.getElementById('nas-legacy').checked,
nasBackupType: document.getElementById('nas-bk-ess').checked?'essential':'full',
};
}
function nasShowResult(text,ok){
const el=document.getElementById('nas-result');
el.style.display=''; el.style.color=ok?'var(--success)':'#f85149';
el.textContent=text;
}
async function nasGenKey(){
const cfg=nasGetConfig();
await api('PUT','/api/backup/nas-config',{...cfg,nasEnabled:true});
try{const r=await api('POST','/api/backup/nas-keygen');
document.getElementById('nas-sshkey').value=r.keyPath;
const box=document.getElementById('nas-pubkey-box');
box.style.display=''; box.textContent=t('nas.pubkeyHint')+'\\n'+r.pubKey;
nasShowResult(t('nas.keyGenOk'),true);
}catch(e){nasShowResult(t('nas.keyGenFail')+e.message,false);}
}
async function nasTest(){
const cfg=nasGetConfig();
if(!cfg.nasHost||!cfg.nasUser){nasShowResult(t('nas.errNoHost'),false);return;}
await api('PUT','/api/backup/nas-config',{...cfg,nasEnabled:true});
nasShowResult(t('nas.testing'),true);
try{
const pwd=cfg.nasAuth==='password'?document.getElementById('nas-password').value:'';
const r=await api('POST','/api/backup/nas-test',{password:pwd});
nasShowResult(r.ok?t('nas.testOk'):t('nas.testFail')+(r.error||r.output),r.ok);
}catch(e){nasShowResult('❌ '+e.message,false);}
}
async function nasBackupNow(){
const cfg=nasGetConfig();
if(!cfg.nasHost||!cfg.nasUser){nasShowResult(t('nas.errNoHost'),false);return;}
await api('PUT','/api/backup/nas-config',{...cfg,nasEnabled:true});
nasShowResult(t('nas.backing'),true);
try{
const pwd=cfg.nasAuth==='password'?document.getElementById('nas-password').value:'';
const r=await api('POST','/api/backup/nas-now',{password:pwd});
nasShowResult(t('nas.backupOk')+r.tarName,true);
toast(t('nas.backupToast'),'success');
}catch(e){nasShowResult(t('nas.backupFail')+e.message,false);}
}
function openNasCron(){
const sec=document.getElementById('nas-cron-section');
sec.style.display=sec.style.display==='none'?'':'none';
}
async function nasSetCron(){
const cfg=nasGetConfig();
if(!cfg.nasHost||!cfg.nasUser){nasShowResult(t('nas.errNoHost'),false);return;}
await api('PUT','/api/backup/nas-config',{...cfg,nasEnabled:true});
try{
const pwd=cfg.nasAuth==='password'?document.getElementById('nas-password').value:'';
const cronTime=document.getElementById('nas-cron-time').value||'03:00';
const r=await api('POST','/api/backup/nas-cron',{password:pwd,cronTime});
nasShowResult(t('nas.cronOk')+'('+cronTime+')',true);
toast(t('nas.cronToast'),'success');
}catch(e){nasShowResult('❌ '+e.message,false);}
}
// ── 目录设置 ─────────────────────────────────────────────────
function openSetupModal(){ closeMenu(); openModal('setupModal'); }
async function submitSetup(){
const dir=document.getElementById('setup-dir').value.trim();
const err=document.getElementById('setup-err');
if(!dir){err.textContent=t('actions.setupEmpty');return;}
try{
const r=await api('POST','/api/setup',{dir});
if(r.ok){ toast(t('actions.setupSwitching'),'success'); setTimeout(()=>location.reload(),800); }
else err.textContent=r.error||t('actions.setupInvalid');
}catch(e){err.textContent=t('actions.setupReqFail')+e.message;}
}
// ── 重启横幅 ─────────────────────────────────────────────────
function showRestartBanner(){ document.getElementById('restartBanner').classList.add('show'); }
function dismissBanner(){ document.getElementById('restartBanner').classList.remove('show'); }
function deferRestart(){
dismissBanner();
document.getElementById('pendingRestartBtn').style.display='block';
}
function hidePendingRestart(){
document.getElementById('pendingRestartBtn').style.display='none';
}
// ── 密码显示切换 ─────────────────────────────────────────────
function togglePwd(inputId,btn){
const el=document.getElementById(inputId);
if(!el)return;
if(el.type==='password'){el.type='text';btn.textContent='🙈';}
else{el.type='password';btn.textContent='👁';}
}
// ── 工具 ─────────────────────────────────────────────────────
const OCM_CLIENT_VERSION='${APP_VERSION}';
async function api(method,path,body){
const opts={method,headers:{'Content-Type':'application/json'}};
if(body) opts.body=JSON.stringify(body);
const r=await fetch(path,opts);
const sv=r.headers.get('X-OCM-Version');
if(sv&&sv!==OCM_CLIENT_VERSION&&!window._ocmVersionWarn){window._ocmVersionWarn=true;toast('Server updated to v'+sv+'. Refresh page for latest version.','info');}
const d=await r.json();
if(!r.ok){ const e=new Error(d.error||r.status); e.data=d; e.status=r.status; throw e; }
return d;
}
function openModal(id){document.getElementById(id).classList.add('open');}
function closeModal(id){document.getElementById(id).classList.remove('open');}
function setDot(s){const el=document.getElementById('dot');if(el)el.className='dot '+s;}
function toast(msg,type='info'){
const c=document.getElementById('toast');
const el=document.createElement('div');
el.style.cssText='background:var(--card);border:1px solid var(--border);border-radius:8px;padding:11px 15px;font-size:13px;max-width:340px;animation:fadeIn .2s';
if(type==='success') el.style.borderColor='var(--success)';
if(type==='error') el.style.borderColor='var(--danger)';
el.textContent=msg;
c.appendChild(el);
setTimeout(()=>el.remove(),4500);
}
function esc(s){ return String(s||'').replace(/&/g,'&').replace(//g,'>').replace(/"/g,'"'); }
// ── Tabs ─────────────────────────────────────────────────────
document.querySelectorAll('.tab').forEach(t=>{
t.addEventListener('click',()=>{
document.querySelectorAll('.tab').forEach(x=>x.classList.remove('active'));
document.querySelectorAll('.panel').forEach(x=>x.classList.remove('active'));
t.classList.add('active');
document.getElementById('panel-'+t.dataset.tab).classList.add('active');
// lazy-load
if(t.dataset.tab==='dashboard'&&!dashLoaded) loadDashboard();
if(t.dataset.tab==='stats') loadStats();
if(t.dataset.tab==='cron') loadCrons();
});
});
// ── On load: initialize app ──────────────────────────────────
(function() {
LS.del('ocm_mode');
applyLang();
checkStatus().then(() => { loadAll(); loadDashboard(); }).catch(e => console.error('Init error:', e));
startHealthPolling();
})();`;
const MAIN_HTML = `
OpenClaw Manager
${MAIN_HTML_BODY}
`;
function assertBrowserScriptSyntax(name, scriptText) {
const tmpFile = path.join(os.tmpdir(), `ocm-${name}-${process.pid}.js`);
fs.writeFileSync(tmpFile, scriptText, 'utf8');
const r = spawnSync(process.execPath, ['--check', tmpFile], { encoding: 'utf8', timeout: 5000 });
try { fs.unlinkSync(tmpFile); } catch (_) {}
if (r.status !== 0) {
const detail = (r.stderr || r.stdout || 'unknown syntax error').trim();
throw new Error(
`${name} syntax check failed.\n${detail}\nHint: in MAIN_HTML_SCRIPT strings, write "\\\\n" instead of "\\n".`
);
}
}
assertBrowserScriptSyntax('main-html-script', MAIN_HTML_SCRIPT);
// ── HTTP 服务器 ───────────────────────────────────────────────
const server = http.createServer(async (req, res) => {
res.setHeader('Access-Control-Allow-Origin', '*');
res.setHeader('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS');
res.setHeader('Access-Control-Allow-Headers', 'Content-Type');
res.setHeader('Cache-Control', 'no-store, no-cache, must-revalidate');
res.setHeader('X-OCM-Version', APP_VERSION);
if (req.method === 'OPTIONS') { res.writeHead(204); res.end(); return; }
const urlObj = new URL(req.url, `http://127.0.0.1:${PORT}`);
try {
if (urlObj.pathname.startsWith('/api/')) {
const body = ['POST', 'PUT', 'PATCH'].includes(req.method) ? await parseBody(req) : {};
await handleApi(req, res, urlObj, body);
} else {
const needsSetup = !(await configExists());
res.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8', 'ETag': '"ocm-' + APP_VERSION + '"' });
res.end(needsSetup ? SETUP_HTML : MAIN_HTML);
}
} catch (err) {
console.error('[ERROR]', err.message);
if (!res.headersSent) {
res.writeHead(500, { 'Content-Type': 'application/json' });
res.end(JSON.stringify({ error: err.message }));
}
}
});
server.listen(PORT, HOST, () => {
const localUrl = `http://localhost:${PORT}`;
console.log('');
console.log(`🦀 OpenClaw Manager v${APP_VERSION}`);
console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');
console.log('📂 Dir: ' + OPENCLAW_DIR);
console.log('🌐 Local: ' + localUrl);
if (HOST === '0.0.0.0') {
const lanIp = getLanIP();
if (lanIp) console.log('🌐 LAN: ' + `http://${lanIp}:${PORT}`);
}
console.log('💡 Switch dir: node openclaw-manager.js --dir /path/to/.openclaw');
console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');
console.log('Ctrl+C to stop');
openBrowser(localUrl);
});
server.on('error', err => {
if (err.code === 'EADDRINUSE')
console.error(`❌ Port ${PORT} is already in use. Close the other process or use --port to specify a different port.`);
else
console.error('❌ Failed to start:', err.message);
process.exit(1);
});