/**
* ClawPanel 入口
*/
// 模块已加载，取消 splash 超时回退（防止假阳性的 "页面加载失败" 提示）
if (window._splashTimer) { clearTimeout(window._splashTimer); window._splashTimer = null }
import { registerRoute, initRouter, navigate, setDefaultRoute } from './router.js'
import { renderSidebar, openMobileSidebar } from './components/sidebar.js'
import { initTheme } from './lib/theme.js'
import { detectOpenclawStatus, isOpenclawReady, isUpgrading, isGatewayRunning, onGatewayChange, startGatewayPoll, onGuardianGiveUp, resetAutoRestart, loadActiveInstance, getActiveInstance, onInstanceChange } from './lib/app-state.js'
import { wsClient } from './lib/ws-client.js'
import { api, checkBackendHealth, isBackendOnline, onBackendStatusChange } from './lib/tauri-api.js'
import { version as APP_VERSION } from '../package.json'
import { statusIcon } from './lib/icons.js'
import { tryShowEngagement } from './components/engagement.js'
import { initI18n } from './lib/i18n.js'
// 样式
import './style/variables.css'
import './style/reset.css'
import './style/layout.css'
import './style/components.css'
import './style/pages.css'
import './style/chat.css'
import './style/agents.css'
import './style/debug.css'
import './style/assistant.css'
import './style/ai-drawer.css'
// 初始化主题 + 国际化
initTheme()
initI18n()
/** HTML 转义，防止 XSS 注入 */
function escapeHtml(str) {
return (str || '').replace(/&/g, '&').replace(//g, '>').replace(/"/g, '"')
}
// === 访问密码保护（Web + 桌面端通用） ===
const isTauri = !!window.__TAURI_INTERNALS__
async function checkAuth() {
if (isTauri) {
// 桌面端：读 clawpanel.json，检查密码配置
try {
const { api } = await import('./lib/tauri-api.js')
const cfg = await api.readPanelConfig()
if (!cfg.accessPassword) return { ok: true }
if (sessionStorage.getItem('clawpanel_authed') === '1') return { ok: true }
// 默认密码：直接传给登录页，避免二次读取
const defaultPw = (cfg.mustChangePassword && cfg.accessPassword) ? cfg.accessPassword : null
return { ok: false, defaultPw }
} catch { return { ok: true } }
}
// Web 模式
try {
const resp = await fetch('/__api/auth_check', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: '{}' })
const data = await resp.json()
if (!data.required || data.authenticated) return { ok: true }
return { ok: false, defaultPw: data.defaultPassword || null }
} catch { return { ok: true } }
}
const _logoSvg = ``
function _hideSplash() {
const splash = document.getElementById('splash')
if (splash) { splash.classList.add('hide'); setTimeout(() => splash.remove(), 500) }
}
// === 后端离线检测（Web 模式） ===
let _backendRetryTimer = null
function showBackendDownOverlay() {
if (document.getElementById('backend-down-overlay')) return
_hideSplash()
const overlay = document.createElement('div')
overlay.id = 'backend-down-overlay'
overlay.innerHTML = `
${_logoSvg}
后端未启动
ClawPanel 后端服务未运行，无法获取真实数据。
请在服务器上启动后端服务后刷新页面。
# 开发模式
npm run dev
# 生产模式
npm run preview
${_logoSvg}
ClawPanel
${hasDefault
? '首次使用，默认密码已自动填充
登录后请前往「安全设置」修改密码'
: (isTauri ? '应用已锁定，请输入密码' : '请输入访问密码')}
${!hasDefault ? `
忘记密码？
${isTauri
? '删除配置文件中的 accessPassword 字段即可重置：
~/.openclaw/clawpanel.json'
: '编辑服务器上的配置文件，删除 accessPassword 字段后重启服务：
~/.openclaw/clawpanel.json'
}
` : ''}
${statusIcon('info', 16)}
Gateway 未运行
服务管理
`
banner.querySelector('#btn-gw-dismiss')?.addEventListener('click', () => {
banner.classList.add('gw-banner-hidden')
sessionStorage.setItem('gw-banner-dismissed', '1')
})
banner.querySelector('#btn-gw-start')?.addEventListener('click', async (e) => {
const btn = e.target
btn.disabled = true
btn.classList.add('btn-loading')
btn.textContent = '启动中...'
try {
await api.startService('ai.openclaw.gateway')
} catch (err) {
const errMsg = (err.message || String(err)).slice(0, 120)
banner.innerHTML = `
${statusIcon('info', 16)}
启动失败
服务管理
查看日志
${escapeHtml(errMsg)}
`
update(false)
return
}
// 轮询等待实际启动
const t0 = Date.now()
while (Date.now() - t0 < 30000) {
try {
const s = await api.getServicesStatus()
const gw = s?.find?.(x => x.label === 'ai.openclaw.gateway') || s?.[0]
if (gw?.running) { update(true); return }
} catch {}
const sec = Math.floor((Date.now() - t0) / 1000)
btn.textContent = `启动中... ${sec}s`
await new Promise(r => setTimeout(r, 1500))
}
// 超时后尝试获取日志帮助排查
let logHint = ''
try {
const logs = await api.readLogTail('gateway', 5)
if (logs?.trim()) logHint = `${logs.trim().split('\n').slice(-3).join('\n')}
`
} catch {}
banner.innerHTML = `
${statusIcon('info', 16)}
启动超时，Gateway 可能仍在启动中
查看日志
${logHint}
`
update(false)
})
}
}
update(isGatewayRunning())
onGatewayChange(update)
}
function showGuardianRecovery() {
const banner = document.getElementById('gw-banner')
if (!banner) return
banner.classList.remove('gw-banner-hidden')
banner.innerHTML = `
${statusIcon('warn', 16)}
${t('dashboard.guardianFailed')}
${t('sidebar.logs')}
`
banner.querySelector('#btn-gw-recover-fix')?.addEventListener('click', async (e) => {
const btn = e.target
btn.disabled = true
btn.textContent = t('dashboard.fixing')
// 弹出修复弹窗
const overlay = document.createElement('div')
overlay.className = 'modal-overlay'
overlay.innerHTML = `
${t('dashboard.fixModalTitle')}
${t('dashboard.fixModalDesc')}
${t('dashboard.fixRunning')}\n
`
document.body.appendChild(overlay)
const logEl = overlay.querySelector('#fix-log')
const statusEl = overlay.querySelector('#fix-status')
const closeBtn = overlay.querySelector('#fix-close')
closeBtn.onclick = () => overlay.remove()
try {
const result = await api.doctorFix()
const output = result?.stdout || result?.output || JSON.stringify(result, null, 2)
logEl.textContent = output || t('dashboard.fixDoneNoOutput')
logEl.scrollTop = logEl.scrollHeight
if (result?.errors) {
statusEl.innerHTML = `${t('dashboard.fixDoneWarning')}${escapeHtml(String(result.errors).slice(0, 200))}`
} else {
statusEl.innerHTML = `${t('dashboard.fixDoneRestarting')}`
resetAutoRestart()
try {
await api.startService('ai.openclaw.gateway')
statusEl.innerHTML = `${t('dashboard.fixDoneRestarted')}`
} catch {
statusEl.innerHTML = `${t('dashboard.fixDoneRestartFail')}`
}
}
} catch (err) {
logEl.textContent += '\n❌ ' + (err.message || String(err))
statusEl.innerHTML = `${t('dashboard.fixFailed')}${escapeHtml(String(err.message || err).slice(0, 200))}`
}
closeBtn.style.display = ''
btn.textContent = t('dashboard.autoFix')
btn.disabled = false
})
banner.querySelector('#btn-gw-recover-restart')?.addEventListener('click', async (e) => {
const btn = e.target
btn.disabled = true
btn.textContent = t('dashboard.fixing')
resetAutoRestart()
try {
await api.startService('ai.openclaw.gateway')
btn.textContent = t('dashboard.startSent')
} catch (err) {
btn.textContent = t('dashboard.retryStart')
btn.disabled = false
}
})
}
// === 全局版本更新检测 ===
const UPDATE_CHECK_INTERVAL = 30 * 60 * 1000 // 30 分钟
let _updateCheckTimer = null
async function checkGlobalUpdate() {
const banner = document.getElementById('update-banner')
if (!banner) return
try {
const info = await api.checkFrontendUpdate()
if (!info.hasUpdate) return
const ver = info.latestVersion || info.manifest?.version || ''
if (!ver) return
// 用户已忽略过该版本，不再打扰
const dismissed = localStorage.getItem('clawpanel_update_dismissed')
if (dismissed === ver) return
// 热更新已下载并重载过，不再重复提示同一版本
const hotApplied = localStorage.getItem('clawpanel_hot_update_applied')
if (hotApplied === ver) return
const changelog = info.manifest?.changelog || ''
const isWeb = !window.__TAURI_INTERNALS__
banner.classList.remove('update-banner-hidden')
banner.innerHTML = `
ClawPanel v${ver} 可用
${changelog ? `
· ${changelog}` : ''}
${isWeb
? `
Release Notes`
: `
完整安装包`
}
`
// 关闭按钮：记住忽略的版本
banner.querySelector('#btn-update-dismiss')?.addEventListener('click', () => {
localStorage.setItem('clawpanel_update_dismissed', ver)
banner.classList.add('update-banner-hidden')
})
// Web 模式：显示更新命令弹窗
banner.querySelector('#btn-update-show-cmd')?.addEventListener('click', () => {
const overlay = document.createElement('div')
overlay.className = 'modal-overlay'
overlay.innerHTML = `
更新到 v${ver}
在服务器上执行以下命令：
cd /opt/clawpanel
git pull origin main
npm install
npm run build
sudo systemctl restart clawpanel
如果 git pull 失败，可先执行 git checkout -- . 丢弃本地修改。
路径请替换为实际的 ClawPanel 安装目录。
`
document.body.appendChild(overlay)
overlay.addEventListener('click', (e) => { if (e.target === overlay) overlay.remove() })
overlay.querySelector('[data-action="close"]').onclick = () => overlay.remove()
overlay.addEventListener('keydown', (e) => { if (e.key === 'Escape') overlay.remove() })
})
// Tauri 热更新按钮
banner.querySelector('#btn-update-hot')?.addEventListener('click', async () => {
const btn = banner.querySelector('#btn-update-hot')
if (!btn) return
btn.disabled = true
btn.textContent = '下载中...'
try {
await api.downloadFrontendUpdate(info.manifest?.url || '', info.manifest?.hash || '')
localStorage.setItem('clawpanel_hot_update_applied', ver)
btn.textContent = '重载应用'
btn.disabled = false
btn.onclick = () => window.location.reload()
} catch (e) {
btn.textContent = '下载失败'
btn.disabled = false
const { toast } = await import('./components/toast.js')
toast('更新下载失败: ' + (e.message || e), 'error')
}
})
} catch {
// 检查失败静默忽略
}
}
function startUpdateChecker() {
// 启动后 5 秒检查一次
setTimeout(checkGlobalUpdate, 5000)
// 之后每 30 分钟检查一次
_updateCheckTimer = setInterval(checkGlobalUpdate, UPDATE_CHECK_INTERVAL)
}
// 启动：先检查后端 → 认证 → 加载应用
;(async () => {
// Web 模式：先检测后端是否在线（不在线则显示提示，不加载应用）
if (!isTauri) {
const backendOk = await checkBackendHealth()
if (!backendOk) {
showBackendDownOverlay()
return
}
}
const auth = await checkAuth()
if (!auth.ok) await showLoginOverlay(auth.defaultPw)
try {
await boot()
} catch (bootErr) {
console.error('[main] boot() 失败:', bootErr)
_hideSplash()
const app = document.getElementById('app')
if (app) app.innerHTML = `
⚠️
页面加载失败
${String(bootErr?.message || bootErr).replace(/
`
}
startUpdateChecker()
// 初始化全局 AI 助手浮动按钮（延迟加载，不阻塞启动）
setTimeout(async () => {
const { initAIFab, registerPageContext, openAIDrawerWithError } = await import('./components/ai-drawer.js')
initAIFab()
// 注册各页面上下文提供器
registerPageContext('/chat-debug', async () => {
const { isOpenclawReady, isGatewayRunning } = await import('./lib/app-state.js')
const { wsClient } = await import('./lib/ws-client.js')
const { api } = await import('./lib/tauri-api.js')
const lines = ['## 系统诊断快照']
lines.push(`- OpenClaw: ${isOpenclawReady() ? '就绪' : '未就绪'}`)
lines.push(`- Gateway: ${isGatewayRunning() ? '运行中' : '未运行'}`)
lines.push(`- WebSocket: ${wsClient.connected ? '已连接' : '未连接'}`)
try {
const node = await api.checkNode()
lines.push(`- Node.js: ${node?.version || '未知'}`)
} catch {}
try {
const ver = await api.getVersionInfo()
lines.push(`- 版本: 当前 ${ver?.current || '?'} / 推荐 ${ver?.recommended || '?'} / 最新 ${ver?.latest || '?'}${ver?.ahead_of_recommended ? ' / 当前版本高于推荐版' : ''}`)
} catch {}
return { detail: lines.join('\n') }
})
registerPageContext('/services', async () => {
const { isGatewayRunning } = await import('./lib/app-state.js')
const { api } = await import('./lib/tauri-api.js')
const lines = ['## 服务状态']
lines.push(`- Gateway: ${isGatewayRunning() ? '运行中' : '未运行'}`)
try {
const svc = await api.getServicesStatus()
if (svc?.[0]) {
lines.push(`- CLI: ${svc[0].cli_installed ? '已安装' : '未安装'}`)
lines.push(`- PID: ${svc[0].pid || '无'}`)
}
} catch {}
return { detail: lines.join('\n') }
})
registerPageContext('/gateway', async () => {
const { api } = await import('./lib/tauri-api.js')
try {
const config = await api.readOpenclawConfig()
const gw = config?.gateway || {}
const lines = ['## Gateway 配置']
lines.push(`- 端口: ${gw.port || 18789}`)
lines.push(`- 模式: ${gw.mode || 'local'}`)
lines.push(`- Token: ${gw.auth?.token ? '已设置' : '未设置'}`)
if (gw.controlUi?.allowedOrigins) lines.push(`- Origins: ${JSON.stringify(gw.controlUi.allowedOrigins)}`)
return { detail: lines.join('\n') }
} catch { return null }
})
registerPageContext('/setup', () => {
return { detail: '用户正在进行 OpenClaw 初始安装，请帮助检查 Node.js 环境和网络状况' }
})
// 挂到全局，供安装/升级失败时调用
window.__openAIDrawerWithError = openAIDrawerWithError
}, 500)
})()