已加载 ${loaded.length}/${stats.length} 个文件（${sizeStr}）
`
html += ''
for (const f of stats) {
const fSize = f.loaded ? (f.size > 1024 ? (f.size / 1024).toFixed(1) + ' KB' : f.size + ' B') : '—'
html += `
`
}
if (memCount > 0) {
html += `
`
}
html += '
'
return html
}
// ── 状态 ──
let _page = null, _messagesEl = null, _textarea = null, _sendBtn = null
let _sessionListEl = null, _settingsPanel = null, _queueEl = null
let _isStreaming = false, _abortController = null
let _config = null, _sessions = [], _currentSessionId = null
let _lastRenderTime = 0
let _saveThrottleTimer = null
const _sessionStatus = new Map() // sessionId → 'idle' | 'streaming' | 'waiting' | 'error'
let _messageQueue = [] // [{ id, text, ts }]
let _streamRefreshTimer = null // 后台流式刷新定时器
let _pendingImages = [] // [{ id, dataUrl, name, size }] 待发送图片
let _errorContext = null // 待处理的错误上下文 { scene, title, hint, error, ts }
let _soulCache = null // 灵魂移植缓存 { identity, soul, user, agents, tools, memory, recentMemories[] }
// ── 节流保存 ──
function throttledSave() {
if (_saveThrottleTimer) return
_saveThrottleTimer = setTimeout(() => {
_saveThrottleTimer = null
saveSessions()
}, 500)
}
function flushSave() {
if (_saveThrottleTimer) {
clearTimeout(_saveThrottleTimer)
_saveThrottleTimer = null
}
saveSessions()
}
// ── 后台流式刷新 ──
// 当用户切页面再回来时，轮询刷新最后一个 AI 气泡内容
function refreshStreamingBubble() {
if (!_messagesEl || !_isStreaming) return
const session = getCurrentSession()
if (!session) return
const lastMsg = session.messages[session.messages.length - 1]
if (!lastMsg || lastMsg.role !== 'assistant') return
const bubbles = _messagesEl.querySelectorAll('.ast-msg-bubble-ai')
const lastBubble = bubbles[bubbles.length - 1]
if (lastBubble && lastMsg.content) {
lastBubble.innerHTML = renderMarkdown(lastMsg.content) + '▊'
_messagesEl.scrollTop = _messagesEl.scrollHeight
}
}
function startStreamRefresh() {
stopStreamRefresh()
_streamRefreshTimer = setInterval(refreshStreamingBubble, 200)
}
function stopStreamRefresh() {
if (_streamRefreshTimer) {
clearInterval(_streamRefreshTimer)
_streamRefreshTimer = null
}
}
// ── 发送队列 ──
function enqueueMessage(text) {
_messageQueue.push({ id: Date.now().toString(), text, ts: Date.now() })
renderQueue()
}
function renderQueue() {
if (!_queueEl) return
if (_messageQueue.length === 0) {
_queueEl.innerHTML = ''
_queueEl.style.display = 'none'
return
}
_queueEl.style.display = 'block'
const queueSvg = ''
const sendSvg = ''
const editSvg = ''
const delSvg = ''
_queueEl.innerHTML = `
${f.name}
${f.desc}
${fSize}
memory/
每日记忆日志
${memCount} 个文件
${queueSvg} 发送队列 (${_messageQueue.length})
` +
_messageQueue.map((item, i) => `
${i + 1}
${escHtml(item.text)}
`).join('')
}
function processQueue() {
if (_isStreaming || _messageQueue.length === 0) return
const next = _messageQueue.shift()
renderQueue()
sendMessageDirect(next.text)
}
// ── 图片附件 ──
const MAX_IMAGE_SIZE = 4 * 1024 * 1024 // 4MB
const MAX_IMAGE_DIM = 2048 // 最大边长
function addImageFromFile(file) {
if (!file.type.startsWith('image/')) return
if (file.size > MAX_IMAGE_SIZE * 2) {
toast('图片太大（超过 8MB）', 'error')
return
}
const reader = new FileReader()
reader.onload = (e) => {
const img = new Image()
img.onload = () => {
// 超大图片压缩
let { width, height } = img
if (width > MAX_IMAGE_DIM || height > MAX_IMAGE_DIM) {
const scale = MAX_IMAGE_DIM / Math.max(width, height)
width = Math.round(width * scale)
height = Math.round(height * scale)
}
const canvas = document.createElement('canvas')
canvas.width = width
canvas.height = height
const ctx = canvas.getContext('2d')
ctx.drawImage(img, 0, 0, width, height)
// JPEG 压缩到合理大小
const dataUrl = canvas.toDataURL('image/jpeg', 0.85)
_pendingImages.push({
id: Date.now().toString() + Math.random().toString(36).slice(2, 6),
dataUrl,
name: file.name || 'image.jpg',
width, height,
})
renderImagePreview()
}
img.src = e.target.result
}
reader.readAsDataURL(file)
}
function addImageFromClipboard(item) {
const file = item.getAsFile()
if (file) addImageFromFile(file)
}
function removeImage(id) {
_pendingImages = _pendingImages.filter(img => img.id !== id)
renderImagePreview()
}
function renderImagePreview() {
const container = _page?.querySelector('#ast-image-preview')
if (!container) return
if (_pendingImages.length === 0) {
container.innerHTML = ''
container.style.display = 'none'
return
}
container.style.display = 'flex'
const delSvg = ''
container.innerHTML = _pendingImages.map(img => `
${escHtml(question)}
${optionsHtml ? `` : ''}
${customHtml}
${textHtml}
${escHtml(question)}
${icon('check', 14)} ${escHtml(answer)}
${escHtml(question)}
— 已跳过
${dot}${escHtml(s.title)}
`
}).join('') || '暂无会话
'
}
function renderToolBlocks(toolHistory) {
if (!toolHistory || toolHistory.length === 0) return ''
return toolHistory.map(tc => {
// ask_user 工具不显示在工具块中（它有自己的交互卡片）
if (tc.name === 'ask_user') return ''
const tcIcon = { run_command: icon('terminal', 14), write_file: icon('edit', 14), read_file: icon('file', 14), list_directory: icon('folder', 14), get_system_info: icon('monitor', 14), list_processes: icon('list', 14), check_port: icon('plug', 14), skills_list: icon('box', 14), skills_info: icon('box', 14), skills_check: icon('box', 14), skills_install_dep: icon('download', 14), skills_clawhub_search: icon('search', 14), skills_clawhub_install: icon('download', 14) }[tc.name] || icon('wrench', 14)
const label = { run_command: '执行命令', read_file: '读取文件', write_file: '写入文件', list_directory: '列出目录', get_system_info: '系统信息', list_processes: '进程列表', check_port: '端口检测', skills_list: 'Skills 列表', skills_info: 'Skill 详情', skills_check: 'Skills 检查', skills_install_dep: '安装依赖', skills_clawhub_search: '搜索 ClawHub', skills_clawhub_install: '安装 Skill' }[tc.name] || tc.name
const argsStr = tc.name === 'run_command' ? escHtml(tc.args.command || '')
: tc.name === 'read_file' ? escHtml(tc.args.path || '')
: tc.name === 'write_file' ? escHtml(tc.args.path || '')
: tc.name === 'list_directory' ? escHtml(tc.args.path || '')
: tc.name === 'get_system_info' ? ''
: tc.name === 'list_processes' ? escHtml(tc.args.filter || '全部')
: tc.name === 'check_port' ? escHtml(String(tc.args.port || ''))
: tc.name === 'skills_info' ? escHtml(tc.args.name || '')
: tc.name === 'skills_install_dep' ? escHtml(`${tc.args.kind}: ${tc.args.spec?.formula || tc.args.spec?.package || tc.args.spec?.module || ''}`)
: tc.name === 'skills_clawhub_search' ? escHtml(tc.args.query || '')
: tc.name === 'skills_clawhub_install' ? escHtml(tc.args.slug || '')
: ['skills_list', 'skills_check'].includes(tc.name) ? ''
: escHtml(JSON.stringify(tc.args))
if (tc.pending) {
return `${tcIcon} ${label}
${argsStr} 执行中...${tcIcon} ${label} ${argsStr} ${statusLabel}
${escHtml(resultPreview)}
${_config?.assistantName || DEFAULT_NAME}
我可以帮你分析日志、排查问题、配置 OpenClaw。
点击下方技能卡片，AI 会自动调用工具完成任务。
${skillCards}
${m._images.map(img =>
img.dataUrl
? `
`
: `
` : ''
return `${escHtml(img.name || '图片')}
`
).join('')}${imagesHtml}${textPart ? escHtml(textPart) : ''}
${toolHtml}
`
}
return ''
}).join('')
// 从文件系统恢复图片
_messagesEl.querySelectorAll('.ast-msg-img-loading[data-db-id]').forEach(async (el) => {
const dbId = el.dataset.dbId
if (!dbId) return
const dataUrl = await loadImageFromFile(dbId)
if (dataUrl) {
const img = document.createElement('img')
img.className = 'ast-msg-img'
img.src = dataUrl
img.alt = el.querySelector('span')?.textContent || '图片'
img.loading = 'lazy'
img.style.maxWidth = '300px'
el.replaceWith(img)
// 同步回内存中的 session 数据（当前会话期间不用再查文件）
for (const s of _sessions) {
for (const m of s.messages) {
if (m._images) {
const match = m._images.find(i => i.dbId === dbId)
if (match) match.dataUrl = dataUrl
}
}
}
} else {
el.classList.remove('ast-msg-img-loading')
el.classList.add('ast-msg-img-placeholder')
}
})
// 滚动到底部
requestAnimationFrame(() => {
_messagesEl.scrollTop = _messagesEl.scrollHeight
})
}
function buildTestResult({ success, elapsed, usedApi, reqUrl, reqBody, respStatus, respBody, reply, error }) {
let html = ''
// 状态行
if (error) {
html += `✗ 请求失败: ${escHtml(error)}`
} else if (success) {
html += `✓ 模型回复成功 (${elapsed}ms, ${usedApi} API)`
} else {
html += `${statusIcon('warn', 14)} HTTP ${respStatus} — 请求完成但未解析到回复内容`
}
// 回复预览
if (reply) {
const short = reply.length > 80 ? reply.slice(0, 80) + '...' : reply
html += `${renderMarkdown(m.content)}
「${escHtml(short)}」
`
}
// 折叠的详细信息
html += `查看完整请求/响应参数
` html += ``
html += `POST ${escHtml(reqUrl)}\n\n`
html += `Request Body:\n${escHtml(JSON.stringify(reqBody, null, 2))}\n\n`
html += `Response Status: ${respStatus}\n\n`
html += `Response Body:\n`
// 美化 JSON
try {
html += escHtml(JSON.stringify(JSON.parse(respBody), null, 2))
} catch {
html += escHtml(respBody?.slice(0, 2000) || '(empty)')
}
html += `
${c.assistantName || DEFAULT_NAME} — 设置
${PROVIDER_PRESETS.filter(p => !p.hidden).map(p => ``).join('')}
${apiHintText(c.apiType)}
${icon('gift', 18)}
ClawPanel 公益 AI 接口计划
Token 费用？我们帮你出了。调用成本由项目组内部承担，GPT-5 全系列模型开箱即用，无需注册、无需付费。选模型，一键接入。
工具开关优先级高于模式设置。关闭的工具在任何模式下都不可用。
设为「无限制」时 AI 将不会中断执行，适合复杂任务。随时可点停止按钮手动中止。
进程列表、端口检测、系统信息工具始终可用（非聊天模式下）。
为助手添加自定义知识，对话时会自动注入到系统提示词中。
${preset.desc}
` : ''
if (preset.site) html += `→ 访问 ${preset.label}官网`
detailEl.innerHTML = html
detailEl.style.display = 'block'
} else if (detailEl) {
detailEl.style.display = 'none'
}
}
})
// API 类型切换时更新提示文本和 placeholder
apiTypeSelect.addEventListener('change', () => {
const v = normalizeApiType(apiTypeSelect.value)
apiHintEl.textContent = apiHintText(v)
baseUrlInput.placeholder = apiBasePlaceholder(v)
apiKeyInput.placeholder = apiKeyPlaceholder(v)
})
// 灵魂来源切换
const agentSelect = overlay.querySelector('#ast-soul-agent')
overlay.querySelectorAll('input[name="ast-soul-source"]').forEach(radio => {
radio.addEventListener('change', () => {
const isOpenclaw = radio.value === 'openclaw' && radio.checked
overlay.querySelector('#ast-soul-default').style.display = isOpenclaw ? 'none' : ''
overlay.querySelector('#ast-soul-openclaw').style.display = isOpenclaw ? '' : 'none'
if (isOpenclaw) refreshAgentList()
})
})
// 扫描并填充 Agent 下拉列表
const refreshAgentList = async () => {
agentSelect.innerHTML = ''
agentSelect.disabled = true
const agents = await scanOpenClawAgents()
agentSelect.innerHTML = ''
if (agents.length === 0) {
agentSelect.innerHTML = ''
agentSelect.disabled = true
return
}
let currentId = _config.soulSource?.replace('openclaw:', '') || 'default'
if (currentId === 'main') currentId = 'default'
for (const a of agents) {
const opt = document.createElement('option')
opt.value = a.id
opt.textContent = a.label + (a.hasWorkspace ? '' : ' (无 workspace)')
if (!a.hasWorkspace) opt.disabled = true
if (a.id === currentId) opt.selected = true
agentSelect.appendChild(opt)
}
agentSelect.disabled = false
}
// 加载灵魂函数
const doLoadSoul = async (btn) => {
const selectedAgent = agentSelect.value
if (!selectedAgent) { toast('请先选择一个 Agent', 'warning'); return }
const statusEl = overlay.querySelector('#ast-soul-status')
const origHTML = btn.innerHTML
btn.disabled = true
btn.innerHTML = ' 加载中...'
statusEl.innerHTML = `正在读取 Agent「${selectedAgent}」的 workspace...
`
const soul = await loadOpenClawSoul(selectedAgent)
btn.disabled = false
btn.innerHTML = origHTML
if (!soul) {
statusEl.innerHTML = `加载失败
Agent「${selectedAgent}」的 workspace 不存在或无法访问
选择 Agent 后点击「加载灵魂」读取身份文件
'
}
// 打开面板时：如果已选 openclaw 模式，自动扫描 Agent 列表
if (_config?.soulSource?.startsWith('openclaw:')) {
refreshAgentList().then(() => {
// 如果已有缓存，显示统计
if (_soulCache) {
overlay.querySelector('#ast-soul-status').innerHTML = renderSoulStats(_soulCache)
}
})
}
// ── 知识库管理 ──
const kbListEl = overlay.querySelector('#ast-kb-list')
const kbEditorEl = overlay.querySelector('#ast-kb-editor')
const kbHintEl = overlay.querySelector('#ast-kb-hint')
// 临时副本，保存时写回 _config
let kbFiles = JSON.parse(JSON.stringify(_config.knowledgeFiles || []))
const renderKBList = () => {
if (kbFiles.length === 0) {
kbListEl.innerHTML = `点击「添加」按钮添加知识文件
'
kbFiles.forEach((f, i) => {
const fSize = f.content?.length > 1024 ? (f.content.length / 1024).toFixed(1) + ' KB' : (f.content?.length || 0) + ' B'
const enabled = f.enabled !== false
html += `
`
})
html += '
'
kbListEl.innerHTML = html
}
renderKBList()
// 添加/编辑状态
let kbEditIdx = -1 // -1=新增, >=0=编辑索引
const openKBEditor = (idx) => {
kbEditIdx = idx
kbEditorEl.style.display = ''
if (idx >= 0) {
overlay.querySelector('#ast-kb-name').value = kbFiles[idx].name
overlay.querySelector('#ast-kb-content').value = kbFiles[idx].content
overlay.querySelector('#ast-kb-save').textContent = '更新'
} else {
overlay.querySelector('#ast-kb-name').value = ''
overlay.querySelector('#ast-kb-content').value = ''
overlay.querySelector('#ast-kb-save').textContent = '保存知识'
}
overlay.querySelector('#ast-kb-name').focus()
}
overlay.querySelector('#ast-kb-add').onclick = () => openKBEditor(-1)
overlay.querySelector('#ast-kb-cancel').onclick = () => {
kbEditorEl.style.display = 'none'
}
overlay.querySelector('#ast-kb-save').onclick = () => {
const name = overlay.querySelector('#ast-kb-name').value.trim()
const content = overlay.querySelector('#ast-kb-content').value.trim()
if (!name) { toast('请输入知识名称', 'warning'); return }
if (!content) { toast('请输入知识内容', 'warning'); return }
if (kbEditIdx >= 0) {
kbFiles[kbEditIdx].name = name
kbFiles[kbEditIdx].content = content
} else {
kbFiles.push({ name, content, enabled: true })
}
kbEditorEl.style.display = 'none'
renderKBList()
}
// 点击列表项：编辑/切换启用/删除
kbListEl.addEventListener('click', (e) => {
const delBtn = e.target.closest('[data-kb-del]')
if (delBtn) {
e.stopPropagation()
const idx = parseInt(delBtn.dataset.kbDel)
kbFiles.splice(idx, 1)
if (kbEditIdx === idx) kbEditorEl.style.display = 'none'
renderKBList()
return
}
const toggleBtn = e.target.closest('[data-kb-toggle]')
if (toggleBtn) {
e.stopPropagation()
const idx = parseInt(toggleBtn.dataset.kbToggle)
kbFiles[idx].enabled = kbFiles[idx].enabled === false ? true : false
renderKBList()
return
}
const row = e.target.closest('[data-kb-idx]')
if (row) {
openKBEditor(parseInt(row.dataset.kbIdx))
}
})
// ── gpt.qt.cool 一键配置 ──
const qtcoolModelSelect = overlay.querySelector('#ast-qtcool-model')
const qtcoolCustomKeyCheckbox = overlay.querySelector('#ast-qtcool-customkey')
const qtcoolKeyRow = overlay.querySelector('#ast-qtcool-keyrow')
const qtcoolKeyInput = overlay.querySelector('#ast-qtcool-key')
const qtcoolUsageLink = overlay.querySelector('#ast-qtcool-usage')
// 动态获取模型列表（共享逻辑）
;(async () => {
const models = await fetchQtcoolModels()
qtcoolModelSelect.innerHTML = models.map((m, i) =>
``
).join('')
})()
qtcoolCustomKeyCheckbox.onchange = () => {
qtcoolKeyRow.style.display = qtcoolCustomKeyCheckbox.checked ? '' : 'none'
if (qtcoolCustomKeyCheckbox.checked) qtcoolKeyInput.focus()
}
qtcoolKeyInput.oninput = () => {
const key = qtcoolKeyInput.value.trim()
qtcoolUsageLink.href = QTCOOL.usageUrl + (key || QTCOOL.defaultKey)
}
const qtcoolStatus = overlay.querySelector('#ast-qtcool-status')
// 测试按钮：快速验证接口可用性
overlay.querySelector('#ast-qtcool-test').onclick = async (e) => {
const btn = e.target
const selectedModel = qtcoolModelSelect.value
if (!selectedModel) { qtcoolStatus.innerHTML = `${statusIcon('warn', 14)} 请先选择模型`; return }
const customKey = qtcoolCustomKeyCheckbox.checked ? qtcoolKeyInput.value.trim() : ''
const key = customKey || QTCOOL.defaultKey
btn.disabled = true
btn.textContent = '测试中...'
qtcoolStatus.innerHTML = '正在连接 GPT-AI 网关...'
const t0 = Date.now()
try {
const resp = await fetch(QTCOOL.baseUrl + '/chat/completions', {
method: 'POST',
headers: { 'Content-Type': 'application/json', 'Authorization': 'Bearer ' + key },
body: JSON.stringify({ model: selectedModel, messages: [{ role: 'user', content: 'Hi' }], max_tokens: 10 }),
signal: AbortSignal.timeout(15000)
})
const ms = Date.now() - t0
if (resp.ok) {
const data = await resp.json()
const reply = data.choices?.[0]?.message?.content || ''
qtcoolStatus.innerHTML = `${statusIcon('ok', 14)} 测试通过（${(ms/1000).toFixed(1)}s）${selectedModel} 响应正常`
} else {
const errText = await resp.text().catch(() => '')
qtcoolStatus.innerHTML = `${statusIcon('err', 14)} 测试失败（HTTP ${resp.status}）${errText.slice(0, 80)}`
}
} catch (err) {
qtcoolStatus.innerHTML = `${statusIcon('err', 14)} 连接失败：${err.message}`
}
btn.disabled = false
btn.innerHTML = `${icon('search', 12)} 测试`
}
// 一键接入：填充配置 + 提示设为 OpenClaw 主模型
overlay.querySelector('#ast-qtcool-apply').onclick = async () => {
const selectedModel = qtcoolModelSelect.value
if (!selectedModel) { qtcoolStatus.innerHTML = `${statusIcon('warn', 14)} 请先选择模型`; return }
const customKey = qtcoolCustomKeyCheckbox.checked ? qtcoolKeyInput.value.trim() : ''
const key = customKey || QTCOOL.defaultKey
// 1) 填充助手配置
overlay.querySelector('#ast-baseurl').value = QTCOOL.baseUrl
overlay.querySelector('#ast-apikey').value = key
overlay.querySelector('#ast-model').value = selectedModel
overlay.querySelector('#ast-apitype').value = 'openai-completions'
qtcoolStatus.innerHTML = `${statusIcon('ok', 14)} 助手已配置为 ${selectedModel}`
toast('助手已接入 gpt.qt.cool — ' + selectedModel, 'success')
// 2) 提示是否同步写入 OpenClaw 配置（设为主模型）
const yes = await showConfirm(
'同步到 OpenClaw？',
`是否将 qtcool/${selectedModel} 设为 OpenClaw 主模型？\n\n这将把 gpt.qt.cool 添加为模型服务商，并设置 ${selectedModel} 为全局主模型，AI 助手和所有渠道都将使用该模型。`,
{ confirmText: '设为主模型', cancelText: '仅配置助手' }
)
if (yes) {
try {
let config = {}
try { config = await api.readOpenclawConfig() } catch {}
if (!config.models) config.models = {}
if (!config.models.providers) config.models.providers = {}
// 添加/更新 qtcool provider
if (!config.models.providers.qtcool) {
config.models.providers.qtcool = {
baseUrl: QTCOOL.baseUrl,
apiKey: key,
api: 'openai-completions',
models: [{ id: selectedModel, name: selectedModel, contextWindow: 128000, reasoning: selectedModel.includes('codex') }]
}
} else {
config.models.providers.qtcool.apiKey = key
}
// 设为主模型
if (!config.agents) config.agents = {}
if (!config.agents.defaults) config.agents.defaults = {}
if (!config.agents.defaults.model) config.agents.defaults.model = {}
config.agents.defaults.model.primary = 'qtcool/' + selectedModel
await api.writeOpenclawConfig(config)
qtcoolStatus.innerHTML = `${statusIcon('ok', 14)} 已设为主模型 qtcool/${selectedModel}，正在重启 Gateway...`
try {
await api.restartGateway()
toast('OpenClaw 主模型已切换为 qtcool/' + selectedModel, 'success')
qtcoolStatus.innerHTML = `${statusIcon('ok', 14)} 全部完成！主模型：qtcool/${selectedModel}`
} catch (e) {
toast('配置已保存，Gateway 重启失败: ' + e.message, 'warning')
}
} catch (e) {
toast('写入 OpenClaw 配置失败: ' + e, 'error')
}
}
}
const resultEl = overlay.querySelector('#ast-test-result')
const modelInput = overlay.querySelector('#ast-model')
const dropdown = overlay.querySelector('#ast-model-dropdown')
// 测试对话：真实发一条消息，显示完整请求/响应参数
overlay.querySelector('#ast-btn-test').onclick = async (e) => {
const btn = e.target
const baseUrl = overlay.querySelector('#ast-baseurl').value.trim()
const apiKey = overlay.querySelector('#ast-apikey').value.trim()
const model = overlay.querySelector('#ast-model').value.trim()
const selApiType = normalizeApiType(overlay.querySelector('#ast-apitype').value || 'openai-completions')
if (!baseUrl || (requiresApiKey(selApiType) && !apiKey)) {
resultEl.innerHTML = '' + escHtml(requiresApiKey(selApiType) ? '请先填写 Base URL 和 API Key' : '请先填写 Base URL') + ''
return
}
if (!model) {
resultEl.innerHTML = '请先填写或选择模型'
return
}
btn.disabled = true
btn.textContent = '测试中...'
resultEl.innerHTML = '正在发送测试消息...'
const base = cleanBaseUrl(baseUrl, selApiType)
const hdrs = authHeaders(selApiType, apiKey)
const t0 = Date.now()
let respStatus = 0, respBody = '', reply = '', usedApi = '', reqUrl = '', reqBody = {}
try {
if (selApiType === 'anthropic-messages') {
usedApi = 'Anthropic Messages'
reqUrl = base + '/messages'
reqBody = { model, messages: [{ role: 'user', content: '你好，请用一句话回复' }], max_tokens: 200 }
const resp = await fetch(reqUrl, { method: 'POST', headers: hdrs, body: JSON.stringify(reqBody), signal: AbortSignal.timeout(30000) })
respStatus = resp.status; respBody = await resp.text()
try {
const data = JSON.parse(respBody)
reply = data.content?.filter(b => b.type === 'text').map(b => b.text).join('') || ''
} catch {}
} else if (selApiType === 'google-gemini') {
usedApi = 'Gemini'
reqUrl = `${base}/models/${model}:generateContent?key=***`
reqBody = { contents: [{ role: 'user', parts: [{ text: '你好，请用一句话回复' }] }] }
const realUrl = `${base}/models/${model}:generateContent?key=${apiKey}`
const resp = await fetch(realUrl, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(reqBody), signal: AbortSignal.timeout(30000) })
respStatus = resp.status; respBody = await resp.text()
try {
const data = JSON.parse(respBody)
reply = data.candidates?.[0]?.content?.parts?.[0]?.text || ''
} catch {}
} else {
// OpenAI: Chat Completions + Responses fallback
usedApi = 'Chat Completions'
reqUrl = base + '/chat/completions'
reqBody = { model, messages: [{ role: 'user', content: '你好，请用一句话回复' }], max_tokens: 200 }
const resp = await fetch(reqUrl, { method: 'POST', headers: hdrs, body: JSON.stringify(reqBody), signal: AbortSignal.timeout(30000) })
respStatus = resp.status; respBody = await resp.text()
let fallback = false
if (!resp.ok && (respBody.includes('legacy protocol') || respBody.includes('/v1/responses') || respBody.includes('not supported'))) {
fallback = true
}
if (!fallback) {
try {
const data = JSON.parse(respBody)
const msg = data.choices?.[0]?.message
reply = msg?.content || msg?.reasoning_content || data.choices?.[0]?.text || data.output?.text || ''
if (!msg?.content && msg?.reasoning_content) reply = '[推理内容] ' + reply
} catch {}
}
if (fallback) {
usedApi = 'Responses'
reqUrl = base + '/responses'
reqBody = { model, input: [{ role: 'user', content: '你好，请用一句话回复' }], max_output_tokens: 200 }
try {
const resp2 = await fetch(reqUrl, { method: 'POST', headers: hdrs, body: JSON.stringify(reqBody), signal: AbortSignal.timeout(30000) })
respStatus = resp2.status; respBody = await resp2.text()
try { const d = JSON.parse(respBody); reply = d.output_text || d.output?.[0]?.content?.[0]?.text || '' } catch {}
} catch (err2) {
resultEl.innerHTML = buildTestResult({ success: false, elapsed: Date.now() - t0, usedApi, reqUrl, reqBody, respStatus: 0, respBody: '', error: err2.message })
btn.disabled = false; btn.textContent = '测试'; return
}
}
}
} catch (err) {
resultEl.innerHTML = buildTestResult({ success: false, elapsed: Date.now() - t0, usedApi, reqUrl, reqBody, respStatus: 0, respBody: '', error: err.message })
btn.disabled = false; btn.textContent = '测试'; return
}
resultEl.innerHTML = buildTestResult({ success: !!reply, elapsed: Date.now() - t0, usedApi, reqUrl, reqBody, respStatus, respBody, reply })
btn.disabled = false
btn.textContent = '测试'
}
// 获取模型列表
overlay.querySelector('#ast-btn-models').onclick = async (e) => {
const btn = e.target
const baseUrl = overlay.querySelector('#ast-baseurl').value.trim()
const apiKey = overlay.querySelector('#ast-apikey').value.trim()
const selApiType = normalizeApiType(overlay.querySelector('#ast-apitype').value || 'openai-completions')
if (!baseUrl || (requiresApiKey(selApiType) && !apiKey)) {
resultEl.innerHTML = '' + escHtml(requiresApiKey(selApiType) ? '请先填写 Base URL 和 API Key' : '请先填写 Base URL') + ''
return
}
btn.disabled = true
btn.textContent = '获取中...'
resultEl.innerHTML = '正在获取模型列表...'
try {
const base = cleanBaseUrl(baseUrl, selApiType)
const hdrs = authHeaders(selApiType, apiKey)
let models = []
if (selApiType === 'anthropic-messages') {
// Anthropic: GET /v1/models
const resp = await fetch(base + '/models', { headers: hdrs, signal: AbortSignal.timeout(10000) })
if (!resp.ok) {
const text = await resp.text().catch(() => '')
let msg = 'HTTP ' + resp.status
try { msg = JSON.parse(text).error?.message || msg } catch {}
resultEl.innerHTML = '✗ ' + escHtml(msg) + ''
return
}
const data = await resp.json()
models = (data.data || []).map(m => m.id).filter(Boolean).sort()
} else if (selApiType === 'google-gemini') {
// Gemini: GET /models?key=xxx
const resp = await fetch(base + '/models?key=' + apiKey, { signal: AbortSignal.timeout(10000) })
if (!resp.ok) {
const text = await resp.text().catch(() => '')
let msg = 'HTTP ' + resp.status
try { msg = JSON.parse(text).error?.message || msg } catch {}
resultEl.innerHTML = '✗ ' + escHtml(msg) + ''
return
}
const data = await resp.json()
models = (data.models || []).map(m => m.name?.replace('models/', '') || m.name).filter(Boolean).sort()
} else {
// OpenAI: GET /v1/models
const resp = await fetch(base + '/models', { headers: hdrs, signal: AbortSignal.timeout(10000) })
if (!resp.ok) {
const text = await resp.text().catch(() => '')
let msg = 'HTTP ' + resp.status
try { msg = JSON.parse(text).error?.message || msg } catch {}
resultEl.innerHTML = '✗ ' + escHtml(msg) + ''
return
}
const data = await resp.json()
models = (data.data || []).map(m => m.id).filter(Boolean).sort()
}
if (models.length === 0) {
resultEl.innerHTML = '未发现可用模型'
return
}
resultEl.innerHTML = '✓ 发现 ' + models.length + ' 个模型，点击下方列表选择'
dropdown.innerHTML = models.map(m =>
'
${escHtml(f.name)}
${f.content?.split('\n').length || 0} 行 · 点击编辑
${fSize}
' + escHtml(m) + '
'
).join('')
dropdown.style.display = 'block'
} catch (err) {
resultEl.innerHTML = '✗ ' + escHtml(err.message) + ''
} finally {
btn.disabled = false
btn.textContent = '拉取'
}
}
// 从 OpenClaw 导入模型配置
overlay.querySelector('#ast-btn-import').onclick = async (e) => {
const btn = e.target
btn.disabled = true
btn.textContent = '扫描中...'
resultEl.innerHTML = '正在扫描 OpenClaw 模型配置...'
try {
const sysInfo = await api.assistantSystemInfo()
const home = sysInfo.match(/主目录[:：]\s*(.+)/)?.[1]?.trim() || sysInfo.match(/Home[:：]\s*(.+)/)?.[1]?.trim() || ''
if (!home) throw new Error('无法获取主目录路径')
const providers = []
// 扫描 agents/*/agent/models.json
try {
const agentsList = await api.assistantListDir(home + '/.openclaw/agents')
const agentIds = agentsList.split('\n').map(l => l.replace(/\/$/, '').trim()).filter(Boolean)
for (const agentId of agentIds) {
try {
const raw = await api.assistantReadFile(home + '/.openclaw/agents/' + agentId + '/agent/models.json')
const data = JSON.parse(raw)
for (const [pid, p] of Object.entries(data.providers || {})) {
if (p.baseUrl) {
providers.push({
source: 'Agent: ' + agentId,
name: pid,
baseUrl: p.baseUrl,
apiKey: p.apiKey || '',
apiType: normalizeApiType(p.api),
models: (p.models || []).map(m => m.id || m.name).filter(Boolean),
})
}
}
} catch {}
}
} catch {}
// 扫描全局 openclaw.json
try {
const raw = await api.assistantReadFile(home + '/.openclaw/openclaw.json')
const config = JSON.parse(raw)
for (const [pid, p] of Object.entries(config.models?.providers || {})) {
if (p.baseUrl && !providers.find(x => x.name === pid)) {
providers.push({
source: '全局配置',
name: pid,
baseUrl: p.baseUrl,
apiKey: p.apiKey || '',
apiType: normalizeApiType(p.api),
models: (p.models || []).map(m => m.id || m.name).filter(Boolean),
})
}
}
} catch {}
if (providers.length === 0) {
resultEl.innerHTML = '未发现 OpenClaw 模型配置。请先安装并配置 OpenClaw。'
return
}
// 构建选择 UI
const listHtml = providers.map((p, i) => {
const modelsStr = p.models.length ? p.models.join(', ') : '(无模型列表)'
return `
${escHtml(p.name)}
${escHtml(p.source)}
${escHtml(p.baseUrl)}
模型: ${escHtml(modelsStr)}
检测到 ${providers.length} 个服务商，点击选择：
${listHtml}
' + escHtml(m) + '
'
).join('')
}
resultEl.innerHTML = '✓ 已导入「' + escHtml(p.name) + '」的配置' + (p.models.length ? '（' + p.models.length + ' 个模型）' : '') + ''
})
})
} catch (err) {
resultEl.innerHTML = '导入失败: ' + escHtml(err.message || String(err)) + ''
} finally {
btn.disabled = false
btn.innerHTML = `${icon('download', 14)} 导入`
}
}
// 模型下拉选择
dropdown.addEventListener('click', (e) => {
const opt = e.target.closest('.ast-model-option')
if (opt) {
modelInput.value = opt.dataset.model
dropdown.style.display = 'none'
}
})
// 点击输入框外关闭下拉
modelInput.addEventListener('focus', () => {
if (dropdown.children.length > 0) dropdown.style.display = 'block'
})
overlay.addEventListener('click', (e) => {
if (e.target === overlay) { overlay.remove(); return }
if (!e.target.closest('#ast-model') && !e.target.closest('#ast-model-dropdown') && !e.target.closest('#ast-btn-models')) {
dropdown.style.display = 'none'
}
})
overlay.querySelector('[data-action="cancel"]').onclick = () => overlay.remove()
overlay.querySelector('[data-action="confirm"]').onclick = () => {
_config.assistantName = overlay.querySelector('#ast-name').value.trim() || DEFAULT_NAME
_config.assistantPersonality = overlay.querySelector('#ast-personality').value.trim() || DEFAULT_PERSONALITY
_config.baseUrl = overlay.querySelector('#ast-baseurl').value.trim()
_config.apiKey = overlay.querySelector('#ast-apikey').value.trim()
_config.model = overlay.querySelector('#ast-model').value.trim()
_config.temperature = parseFloat(overlay.querySelector('#ast-temp').value) || 0.7
_config.apiType = normalizeApiType(overlay.querySelector('#ast-apitype').value || 'openai-completions')
// 工具开关
_config.tools.terminal = overlay.querySelector('#ast-tool-terminal').checked
_config.tools.fileOps = overlay.querySelector('#ast-tool-fileops').checked
_config.tools.webSearch = overlay.querySelector('#ast-tool-websearch').checked
_config.autoRounds = parseInt(overlay.querySelector('#ast-auto-rounds').value, 10) || 0
// 灵魂来源
const soulRadio = overlay.querySelector('input[name="ast-soul-source"]:checked')
if (soulRadio?.value === 'openclaw') {
const selectedAgent = overlay.querySelector('#ast-soul-agent')?.value || 'main'
_config.soulSource = 'openclaw:' + selectedAgent
} else {
_config.soulSource = 'default'
_soulCache = null
}
// 知识库
_config.knowledgeFiles = kbFiles
saveConfig()
overlay.remove()
// 更新 Header 标题和欢迎页
const titleEl = _page.querySelector('.ast-title')
if (titleEl) {
// 灵魂移植模式下，尝试从 IDENTITY.md 提取名称
let displayName = _config.assistantName
if (_config.soulSource?.startsWith('openclaw:') && _soulCache?.identity) {
const nameMatch = _soulCache.identity.match(/\*\*Name:\*\*\s*(.+)/i) || _soulCache.identity.match(/名[字称][:：]\s*(.+)/i)
const extracted = nameMatch?.[1]?.trim()
// 跳过占位符文本（模板未填写时的默认值）
if (extracted && !extracted.startsWith('_') && !extracted.startsWith('（') && extracted.length < 30) {
displayName = extracted
}
}
titleEl.textContent = displayName
}
renderMessages()
toast('设置已保存', 'info')
updateModelBadge()
}
overlay.addEventListener('keydown', (e) => {
if (e.key === 'Escape') overlay.remove()
})
const firstInput = overlay.querySelector('input')
if (firstInput) firstInput.focus()
}
function updateModelBadge() {
const badge = _page?.querySelector('#ast-model-badge')
if (badge) {
if (_config.model) {
badge.textContent = _config.model
badge.className = 'ast-model-badge configured'
} else {
badge.textContent = '未配置'
badge.className = 'ast-model-badge unconfigured'
}
}
}
// ── 发送消息 ──
function sendMessage(text) {
const hasContent = text.trim() || _pendingImages.length > 0
if (!hasContent) return
// 流式中 → 排队（图片不排队，提示用户）
if (_isStreaming) {
if (_pendingImages.length > 0) {
toast('AI 正在回复中，图片消息请等待完成后再发送', 'info')
return
}
enqueueMessage(text.trim())
return
}
sendMessageDirect(text)
}
// 直接发送（内部使用，不经过队列）
async function sendMessageDirect(text) {
const hasContent = text.trim() || _pendingImages.length > 0
if (!hasContent) return
if (_isStreaming) {
if (_pendingImages.length > 0) { toast('请等待 AI 回复完成', 'info'); return }
enqueueMessage(text.trim())
return
}
let session = getCurrentSession()
if (!session) {
session = createSession()
renderSessionList()
}
// 收集当前附件图片
const images = [..._pendingImages]
clearPendingImages()
// 添加用户消息（多模态或纯文本）
const textContent = text.trim()
const msgContent = buildMessageContent(textContent, images)
const userMsg = { role: 'user', content: msgContent, ts: Date.now() }
if (images.length > 0) {
// 为每张图片生成稳定 ID 并存入文件系统
userMsg._images = images.map(i => {
const dbId = 'img_' + i.id
saveImageToFile(dbId, i.dataUrl) // 异步存储，不阻塞
return { dbId, dataUrl: i.dataUrl, name: i.name, width: i.width, height: i.height }
})
}
if (textContent) userMsg._text = textContent
session.messages.push(userMsg)
autoTitle(session)
session.updatedAt = Date.now()
saveSessions()
renderMessages()
renderSessionList()
// 准备 AI 上下文（只保留 role + content，剔除内部字段）
// 过滤掉空的 AI 回复，避免污染上下文导致模型也返回空
const contextMessages = session.messages
.filter(m => {
if (m.role === 'user') return true
if (m.role === 'assistant') return m.content && m.content.length > 0
return false
})
.slice(-MAX_CONTEXT_TOKENS)
.map(m => ({ role: m.role, content: m.content }))
// 添加空 AI 消息占位
const aiMsg = { role: 'assistant', content: '', ts: Date.now() }
session.messages.push(aiMsg)
_isStreaming = true
_sendBtn.innerHTML = stopIcon()
setSessionStatus(session.id, 'streaming')
// 渲染流式 typing 状态
renderMessages()
const aiBubbles = _messagesEl?.querySelectorAll('.ast-msg-bubble-ai')
const lastBubble = aiBubbles?.[aiBubbles.length - 1]
if (lastBubble) lastBubble.innerHTML = '思考中...'
const toolsEnabled = getEnabledTools().length > 0
try {
if (toolsEnabled) {
// ── 工具模式：非流式，支持 tool_calls 循环 ──
const aiMsgContainers = _messagesEl?.querySelectorAll('.ast-msg-ai')
const lastContainer = aiMsgContainers?.[aiMsgContainers.length - 1]
const result = await callAIWithTools(contextMessages,
// onStatus
(status) => {
if (lastBubble) lastBubble.innerHTML = `${escHtml(status)}`
},
// onToolProgress
(history) => {
aiMsg.toolHistory = history
throttledSave() // 实时保存工具调用进度
if (!lastContainer) return
const toolHtml = renderToolBlocks(history)
const bubble = lastContainer.querySelector('.ast-msg-bubble-ai')
lastContainer.innerHTML = toolHtml + (bubble ? bubble.outerHTML : '')
if (_messagesEl) _messagesEl.scrollTop = _messagesEl.scrollHeight
}
)
aiMsg.content = result.content
if (result.toolHistory.length > 0) {
aiMsg.toolHistory = result.toolHistory
}
renderMessages()
} else {
// ── 普通流式模式 ──
await callAI(contextMessages, (chunk) => {
aiMsg.content += chunk
throttledSave() // 实时保存每个 chunk
if (lastBubble) {
const now = Date.now()
if (now - _lastRenderTime > 50) {
lastBubble.innerHTML = renderMarkdown(aiMsg.content) + '▊'
if (_messagesEl) _messagesEl.scrollTop = _messagesEl.scrollHeight
_lastRenderTime = now
}
}
})
if (lastBubble) {
lastBubble.innerHTML = renderMarkdown(aiMsg.content)
}
}
// 保存调试信息到 AI 消息
if (_lastDebugInfo) {
aiMsg._debug = _lastDebugInfo
_lastDebugInfo = null
}
} catch (err) {
if (err.name === 'AbortError') {
aiMsg.content += aiMsg.content ? '\n\n*[已停止]*' : '*[已停止]*'
} else {
setSessionStatus(session.id, 'error')
// 保留已有内容，追加错误信息和重试按钮
const errInfo = aiMsg.content
? `\n\n---\n**请求中断**: ${err.message}`
: err.message
aiMsg.content += errInfo
aiMsg._canRetry = true
}
renderMessages()
// 错误后插入重试按钮
if (aiMsg._canRetry && _messagesEl) {
const retryBar = document.createElement('div')
retryBar.className = 'ast-retry-bar'
const retrySvg = ''
const continueSvg = ''
retryBar.innerHTML = `
请求失败（已自动重试 3 次）
`
_messagesEl.appendChild(retryBar)
_messagesEl.scrollTop = _messagesEl.scrollHeight
retryBar.querySelector('.ast-btn-retry').addEventListener('click', () => {
retryBar.remove()
session.messages.pop()
saveSessions()
setSessionStatus(session.id, 'idle')
retryAIResponse(session)
})
retryBar.querySelector('.ast-btn-continue').addEventListener('click', () => {
retryBar.remove()
setSessionStatus(session.id, 'idle')
renderSessionList()
_textarea?.focus()
})
}
} finally {
_isStreaming = false
_abortController = null
stopStreamRefresh()
if (_sendBtn) _sendBtn.innerHTML = sendIcon()
if (_textarea) _textarea.focus()
session.updatedAt = Date.now()
flushSave()
if (getSessionStatus(session.id) !== 'error') {
setSessionStatus(session.id, 'idle')
}
// 最终渲染（可能从后台回来，DOM 已重建）
if (_messagesEl) {
renderMessages()
_messagesEl.scrollTop = _messagesEl.scrollHeight
}
setTimeout(() => processQueue(), 100)
}
}
// 重试 AI 响应（不重复添加用户消息）
async function retryAIResponse(session) {
if (_isStreaming) return
const contextMessages = session.messages
.filter(m => m.role === 'user' || m.role === 'assistant')
.slice(-MAX_CONTEXT_TOKENS)
const aiMsg = { role: 'assistant', content: '', ts: Date.now() }
session.messages.push(aiMsg)
_isStreaming = true
if (_sendBtn) _sendBtn.innerHTML = stopIcon()
setSessionStatus(session.id, 'streaming')
renderMessages()
const aiBubbles = _messagesEl?.querySelectorAll('.ast-msg-bubble-ai')
const lastBubble = aiBubbles?.[aiBubbles.length - 1]
if (lastBubble) lastBubble.innerHTML = '重试中...'
const toolsEnabled = getEnabledTools().length > 0
try {
if (toolsEnabled) {
const aiMsgContainers = _messagesEl?.querySelectorAll('.ast-msg-ai')
const lastContainer = aiMsgContainers?.[aiMsgContainers.length - 1]
const result = await callAIWithTools(contextMessages,
(status) => { if (lastBubble) lastBubble.innerHTML = `${escHtml(status)}` },
(history) => {
aiMsg.toolHistory = history
throttledSave()
if (!lastContainer) return
const toolHtml = renderToolBlocks(history)
const bubble = lastContainer.querySelector('.ast-msg-bubble-ai')
lastContainer.innerHTML = toolHtml + (bubble ? bubble.outerHTML : '')
if (_messagesEl) _messagesEl.scrollTop = _messagesEl.scrollHeight
}
)
aiMsg.content = result.content
if (result.toolHistory.length > 0) aiMsg.toolHistory = result.toolHistory
renderMessages()
} else {
await callAI(contextMessages, (chunk) => {
aiMsg.content += chunk
throttledSave()
if (lastBubble) {
const now = Date.now()
if (now - _lastRenderTime > 50) {
lastBubble.innerHTML = renderMarkdown(aiMsg.content) + '▊'
if (_messagesEl) _messagesEl.scrollTop = _messagesEl.scrollHeight
_lastRenderTime = now
}
}
})
if (lastBubble) lastBubble.innerHTML = renderMarkdown(aiMsg.content)
}
} catch (err) {
if (err.name === 'AbortError') {
aiMsg.content += aiMsg.content ? '\n\n*[已停止]*' : '*[已停止]*'
} else {
setSessionStatus(session.id, 'error')
aiMsg.content += aiMsg.content
? `\n\n---\n**请求中断**: ${err.message}`
: err.message
aiMsg._canRetry = true
}
renderMessages()
if (aiMsg._canRetry && _messagesEl) {
const retryBar = document.createElement('div')
retryBar.className = 'ast-retry-bar'
const retrySvg = ''
const continueSvg = ''
retryBar.innerHTML = `
请求失败（已自动重试 3 次）
`
_messagesEl.appendChild(retryBar)
_messagesEl.scrollTop = _messagesEl.scrollHeight
retryBar.querySelector('.ast-btn-retry').addEventListener('click', () => {
retryBar.remove()
session.messages.pop()
saveSessions()
setSessionStatus(session.id, 'idle')
retryAIResponse(session)
})
retryBar.querySelector('.ast-btn-continue').addEventListener('click', () => {
retryBar.remove()
setSessionStatus(session.id, 'idle')
renderSessionList()
_textarea?.focus()
})
}
} finally {
_isStreaming = false
_abortController = null
stopStreamRefresh()
if (_sendBtn) _sendBtn.innerHTML = sendIcon()
if (_textarea) _textarea.focus()
session.updatedAt = Date.now()
flushSave()
if (getSessionStatus(session.id) !== 'error') {
setSessionStatus(session.id, 'idle')
}
if (_messagesEl) {
renderMessages()
_messagesEl.scrollTop = _messagesEl.scrollHeight
}
setTimeout(() => processQueue(), 100)
}
}
function stopStreaming() {
_isStreaming = false
if (_abortController) {
_abortController.abort()
_abortController = null
}
}
// ── 右键调试菜单 ──
let _ctxMenu = null
function showMsgContextMenu(e, msgIdx) {
e.preventDefault()
hideContextMenu()
const session = getCurrentSession()
if (!session) return
const msg = session.messages[msgIdx]
if (!msg) return
const menu = document.createElement('div')
menu.className = 'ast-ctx-menu'
menu.innerHTML = `
${msg._debug ? '' : ''} ` // 定位 menu.style.left = Math.min(e.clientX, window.innerWidth - 200) + 'px' menu.style.top = Math.min(e.clientY, window.innerHeight - 200) + 'px' document.body.appendChild(menu) _ctxMenu = menu menu.addEventListener('click', (ev) => { const action = ev.target.dataset?.action if (!action) return hideContextMenu() const textContent = typeof msg.content === 'string' ? msg.content : (msg._text || msg.content?.find?.(p => p.type === 'text')?.text || '') if (action === 'copy-text') { navigator.clipboard.writeText(textContent).then(() => toast('已复制文本')) } else if (action === 'copy-md') { navigator.clipboard.writeText(msg.content || textContent).then(() => toast('已复制 Markdown')) } else if (action === 'view-raw') { const raw = { role: msg.role, content: msg.content, ts: msg.ts } if (msg._images) raw._images = msg._images.map(i => ({ dbId: i.dbId, name: i.name, width: i.width, height: i.height })) if (msg.toolHistory) raw.toolHistory = msg.toolHistory showDebugModal('消息原始数据', JSON.stringify(raw, null, 2)) } else if (action === 'view-debug' && msg._debug) { showDebugModal('请求/响应调试', JSON.stringify(msg._debug, null, 2)) } }) setTimeout(() => document.addEventListener('click', hideContextMenu, { once: true }), 10) } function hideContextMenu() { if (_ctxMenu) { _ctxMenu.remove(); _ctxMenu = null } } function showDebugModal(title, content) { const overlay = document.createElement('div') overlay.className = 'ast-debug-overlay' overlay.innerHTML = `
${escHtml(title)}
${escHtml(content)}
内置 AI
这是 ClawPanel 内置的 AI 助手，独立于 OpenClaw，使用你在右上角「设置」中配置的 API。
如需与 OpenClaw Agent 对话，请前往「实时聊天」页面。
${_config?.assistantName || DEFAULT_NAME}
${_config.model || '未配置'}
${Object.entries(MODES).map(([key, m]) => ``).join('')}
Enter 发送 · Shift+Enter 换行 · 支持粘贴/拖拽图片 · AI 助手独立于 OpenClaw