${JSON.stringify({
success: false,
formatError: true,
error: '上一次输出包含工具调用标签，但内容不是合法的工具调用（JSON 解析失败、缺少 name 或标签未闭合）。请重新输出一段合法调用：仅输出 {"name":"工具名称","arguments":{"参数名":"值"}}，JSON 用双引号、键名固定为 arguments、以 闭合、不要附加其它文本；若已无需调用工具，请直接给出最终回答',
})}`,
timestamp: Date.now(),
});
console.warn('[SA-Agent] 工具调用格式解析失败，已回灌纠错提示:', String(aiResponse).slice(0, 200));
continue;
}
const finalResponse = cleanResponse.trim() || '（本轮未能生成有效回复：工具调用格式异常，请重试或换个问法）';
return { response: finalResponse, completed: true, iterations: i + 1, toolCalls: toolCallLog };
}
const toolCall = toolCalls[0];
if (onChunk) onChunk('');
if (onToolCall) onToolCall(toolCall.name, toolCall.arguments, 'start');
const toolStatusEl = document.querySelector('.sa-tool-status');
if (toolStatusEl) {
toolStatusEl.querySelector('.sa-tool-text').textContent = `正在调用智能体工具 · ${getToolDisplay(toolCall.name).label}…`;
toolStatusEl.classList.add('sa-active');
}
const result = await ToolRegistry.execute(toolCall.name, toolCall.arguments);
toolCallLog.push({ name: toolCall.name, arguments: toolCall.arguments, result });
if (onToolCall) onToolCall(toolCall.name, toolCall.arguments, 'done');
if (toolStatusEl) toolStatusEl.classList.remove('sa-active');
currentHistory.push({
id: `tool_${Date.now()}`,
role: 'system',
content: `${JSON.stringify(result)}`,
timestamp: Date.now(),
});
}
return { response: '抱歉，处理该问题需要更多步骤，请尝试缩小问题范围。', completed: false, iterations: maxIter, toolCalls: toolCallLog };
}
// ============================================================
// 对话管理器 (多对话历史支持)
// ============================================================
const ConversationManager = {
_conversations: {},
_currentConvId: null,
init() {
try {
this._conversations = JSON.parse(GM_getValue(SK.CONVERSATIONS_V2, '{}'));
} catch { this._conversations = {}; }
this._currentConvId = GM_getValue(SK.CURRENT_CONV, null);
this._migrateOldConversations();
if (!this._currentConvId || !this._conversations[this._currentConvId]) {
this._currentConvId = null;
}
},
_migrateOldConversations() {
try {
const oldData = JSON.parse(GM_getValue(SK.CONVERSATIONS, '{}'));
if (Object.keys(oldData).length === 0) return;
let migrated = false;
for (const [agentId, session] of Object.entries(oldData)) {
if (session.messages && session.messages.length > 0) {
const convId = `conv_migrated_${agentId}`;
if (!this._conversations[convId]) {
const firstMsg = session.messages.find(m => m.role === 'user');
this._conversations[convId] = {
id: convId,
title: firstMsg?.content?.slice(0, 30) || '导入的对话',
agentId,
modelId: null,
messages: session.messages,
createdAt: session.createdAt || new Date().toISOString(),
updatedAt: new Date().toISOString(),
};
migrated = true;
}
}
}
if (migrated) this.save();
} catch {}
},
createConversation(agentId) {
const convId = `conv_${Date.now()}_${Math.random().toString(36).slice(2, 6)}`;
this._conversations[convId] = {
id: convId,
title: '新对话',
agentId: agentId || AgentManager._currentAgentId,
modelId: ModelManager.getActiveModelId(),
messages: [],
createdAt: new Date().toISOString(),
updatedAt: new Date().toISOString(),
};
this._currentConvId = convId;
GM_setValue(SK.CURRENT_CONV, convId);
this.save();
return this._conversations[convId];
},
getCurrentConversation() {
if (!this._currentConvId || !this._conversations[this._currentConvId]) {
return this.createConversation(AgentManager._currentAgentId);
}
return this._conversations[this._currentConvId];
},
getCurrentId() { return this._currentConvId; },
getConversation(id) {
return this._conversations[id] || null;
},
getAllConversations() {
return Object.values(this._conversations).sort((a, b) =>
new Date(b.updatedAt) - new Date(a.updatedAt)
);
},
switchTo(id) {
if (!this._conversations[id]) return false;
this._currentConvId = id;
GM_setValue(SK.CURRENT_CONV, id);
const conv = this._conversations[id];
if (conv.agentId) {
AgentManager.switchAgent(conv.agentId);
}
if (conv.modelId && ModelManager.getModel(conv.modelId)) {
ModelManager.setActiveModel(conv.modelId);
}
return true;
},
deleteConversation(id) {
delete this._conversations[id];
if (this._currentConvId === id) {
this._currentConvId = null;
GM_setValue(SK.CURRENT_CONV, '');
}
this.save();
},
renameConversation(id, title) {
if (!this._conversations[id]) return false;
this._conversations[id].title = title;
this._conversations[id].updatedAt = new Date().toISOString();
this.save();
return true;
},
addMessage(role, content, extra = {}) {
const conv = this.getCurrentConversation();
const msg = {
id: `msg_${Date.now()}_${Math.random().toString(36).slice(2, 6)}`,
role, content,
timestamp: Date.now(),
...extra,
};
conv.messages.push(msg);
conv.updatedAt = new Date().toISOString();
if (conv.title === '新对话' && role === 'user') {
conv.title = content.slice(0, 30) + (content.length > 30 ? '...' : '');
}
this.save();
return msg;
},
getCurrentMessages() {
const conv = this.getCurrentConversation();
return conv.messages;
},
clearCurrent() {
const conv = this.getCurrentConversation();
conv.messages = [];
conv.title = '新对话';
conv.updatedAt = new Date().toISOString();
this.save();
},
updateCurrentModel(modelId) {
const conv = this.getCurrentConversation();
conv.modelId = modelId;
this.save();
},
save() {
try {
GM_setValue(SK.CONVERSATIONS_V2, JSON.stringify(this._conversations));
} catch (e) {
console.error('[SA-Agent] 对话保存失败:', e);
toast('对话保存失败，可能超出存储配额，请导出并清理旧对话', 'error');
}
},
exportAsJson(convId) {
const conv = this.getConversation(convId) || this.getCurrentConversation();
const agent = AgentManager.getAgent(conv.agentId);
const model = ModelManager.getModel(conv.modelId);
const data = {
conversation: conv.title,
agent: agent?.name || conv.agentId,
agentId: conv.agentId,
model: model?.name || conv.modelId,
modelId: conv.modelId,
createdAt: conv.createdAt,
exportedAt: new Date().toISOString(),
messages: conv.messages.map(m => ({
role: m.role, content: m.content,
timestamp: new Date(m.timestamp).toISOString(),
toolCalls: m.toolCalls || [],
})),
};
downloadFile(JSON.stringify(data, null, 2), `steam-chat-${conv.id}-${Date.now()}.json`);
},
exportAsMarkdown(convId) {
const conv = this.getConversation(convId) || this.getCurrentConversation();
const agent = AgentManager.getAgent(conv.agentId);
const lines = [
`# Steam AI 对话记录`,
``,
`**智能体:** ${agent?.name || conv.agentId}`,
`**创建时间:** ${conv.createdAt}`,
`**导出时间:** ${new Date().toISOString()}`,
`---`,
``,
];
for (const m of conv.messages) {
if (m.role === 'user') {
lines.push(`## 用户`, ``, m.content, ``);
} else if (m.role === 'assistant') {
lines.push(`## ${agent?.name || 'AI'}`, ``, cleanToolCallMarkers(m.content), ``);
} else if (m.role === 'system' && m.content.includes('tool_result')) {
lines.push(`> 工具调用结果`, ``, m.content, ``);
}
}
downloadFile(lines.join('\n'), `steam-chat-${conv.id}-${Date.now()}.md`);
},
};
// ============================================================
// 事件总线
// ============================================================
const EventBus = {
_handlers: {},
on(event, cb) {
if (!this._handlers[event]) this._handlers[event] = [];
this._handlers[event].push(cb);
},
off(event, cb) {
if (!this._handlers[event]) return;
this._handlers[event] = this._handlers[event].filter(h => h !== cb);
},
emit(event, data) {
if (!this._handlers[event]) return;
for (const cb of this._handlers[event]) {
try { cb(data); } catch (e) { console.warn('[SA-Agent] Event handler error:', e); }
}
},
};
// ============================================================
// UI 状态
// ============================================================
let panelEl = null;
let fabEl = null;
let messagesEl = null;
let inputEl = null;
let sendBtn = null;
let modelSelectEl = null;
let historyPanelEl = null;
let isProcessing = false;
let abortFlag = false;
let activeAiRequest = null;
let prefillMessage = null;
let panelSide = 'right';
// ============================================================
// UI: 浮动按钮
// ============================================================
const FAB_ICON = ``;
function createFloatingButton() {
if (fabEl) {
if (!document.contains(fabEl) && document.body) document.body.appendChild(fabEl);
return;
}
if (!document.body) return;
fabEl = document.createElement('div');
fabEl.id = 'sa-fab';
fabEl.innerHTML = FAB_ICON + '';
document.body.appendChild(fabEl);
const pos = parseStored(GM_getValue(SK.FAB_POS, null), null);
if (pos && pos.side) {
panelSide = pos.side === 'left' ? 'left' : 'right';
if (pos.side === 'left') {
fabEl.style.left = '0px';
fabEl.style.top = (pos.y || 200) + 'px';
fabEl.style.right = 'auto';
fabEl.style.bottom = 'auto';
} else {
fabEl.style.right = '0px';
fabEl.style.top = (pos.y || 200) + 'px';
fabEl.style.left = 'auto';
fabEl.style.bottom = 'auto';
}
} else {
fabEl.style.bottom = '80px';
fabEl.style.right = '24px';
}
const cfg = getAiConfig();
if (cfg.apiKey) fabEl.classList.add('sa-has-key');
makeFabDraggable(fabEl);
}
function makeFabDraggable(fab) {
let isDragging = false, hasMoved = false, startX, startY, origX, origY;
const onDown = (e) => {
isDragging = true; hasMoved = false;
const pt = e.touches ? e.touches[0] : e;
startX = pt.clientX; startY = pt.clientY;
const rect = fab.getBoundingClientRect();
origX = rect.left; origY = rect.top;
e.preventDefault();
e.stopPropagation();
};
const onMove = (e) => {
if (!isDragging) return;
const pt = e.touches ? e.touches[0] : e;
const dx = pt.clientX - startX, dy = pt.clientY - startY;
if (Math.abs(dx) > 3 || Math.abs(dy) > 3) hasMoved = true;
fab.style.left = (origX + dx) + 'px';
fab.style.top = Math.max(0, Math.min(window.innerHeight - 52, origY + dy)) + 'px';
fab.style.right = 'auto';
fab.style.bottom = 'auto';
};
const onUp = () => {
if (!isDragging) return;
isDragging = false;
if (hasMoved) {
const rect = fab.getBoundingClientRect();
const centerX = rect.left + rect.width / 2;
const winCenterX = window.innerWidth / 2;
const newY = Math.max(0, Math.min(window.innerHeight - 52, rect.top));
if (centerX < winCenterX) {
fab.style.left = '0px';
fab.style.right = 'auto';
panelSide = 'left';
} else {
fab.style.right = '0px';
fab.style.left = 'auto';
panelSide = 'right';
}
fab.style.top = newY + 'px';
GM_setValue(SK.FAB_POS, JSON.stringify({ side: panelSide, y: newY }));
GM_setValue(SK.PANEL_SIDE, panelSide);
if (panelEl) {
if (panelSide === 'left') panelEl.classList.add('sa-left-side');
else panelEl.classList.remove('sa-left-side');
}
} else {
toggleSidebar();
}
};
fab.addEventListener('mousedown', onDown);
fab.addEventListener('touchstart', onDown, { passive: false });
document.addEventListener('mousemove', onMove);
document.addEventListener('touchmove', onMove, { passive: false });
document.addEventListener('mouseup', onUp);
document.addEventListener('touchend', onUp);
}
// ============================================================
// UI: 侧边栏
// ============================================================
function createSidebar() {
if (panelEl) return;
panelEl = document.createElement('div');
panelEl.id = 'sa-panel';
if (panelSide === 'left') panelEl.classList.add('sa-left-side');
panelEl.innerHTML = `
${getIcon('sparkle', 13)}
正在思考…
`;
document.body.appendChild(panelEl);
messagesEl = panelEl.querySelector('#sa-messages');
inputEl = panelEl.querySelector('#sa-input');
sendBtn = panelEl.querySelector('#sa-send-btn');
modelSelectEl = panelEl.querySelector('#sa-model-select');
historyPanelEl = panelEl.querySelector('#sa-history-panel');
const select = panelEl.querySelector('#sa-agent-select');
function refreshAgentSelect() {
const agents = AgentManager.getAgents();
select.innerHTML = agents.map(a =>
``
).join('');
}
refreshAgentSelect();
select.addEventListener('change', () => {
AgentManager.switchAgent(select.value);
ConversationManager.getCurrentConversation().agentId = select.value;
ConversationManager.save();
renderMessages();
});
panelEl.querySelector('#sa-btn-history').addEventListener('click', () => toggleHistoryPanel());
panelEl.querySelector('#sa-btn-new').addEventListener('click', () => {
ConversationManager.createConversation(AgentManager._currentAgentId);
renderMessages();
toast('已新建会话', 'success');
});
panelEl.querySelector('#sa-btn-export').addEventListener('click', () => {
const conv = ConversationManager.getCurrentConversation();
if (!conv.messages.length) { toast('暂无对话记录', 'error'); return; }
openSettings({ tab: 'data' });
});
panelEl.querySelector('#sa-btn-settings').addEventListener('click', () => openSettings());
panelEl.querySelector('#sa-btn-close').addEventListener('click', () => closeSidebar());
inputEl.addEventListener('keydown', (e) => {
if (e.key === 'Enter' && !e.shiftKey) {
e.preventDefault();
handleSend();
}
});
inputEl.addEventListener('input', () => {
inputEl.style.height = 'auto';
inputEl.style.height = Math.min(120, inputEl.scrollHeight) + 'px';
});
sendBtn.addEventListener('click', handleSend);
panelEl.addEventListener('click', (e) => {
const keyBtn = e.target.closest('.sa-key-btn');
if (keyBtn) {
openSettings({ tab: 'api', focus: '#sa-cfg-steamkey' });
return;
}
const itadBtn = e.target.closest('.sa-itadkey-btn');
if (itadBtn) {
openSettings({ tab: 'api', focus: '#sa-cfg-itadkey' });
return;
}
const copyBtn = e.target.closest('.sa-msg-copy');
if (copyBtn) {
const content = msgCopyRegistry[Number(copyBtn.dataset.copyId)];
if (!content) { toast('未找到可复制的消息内容', 'error'); return; }
copyTextToClipboard(content).then(ok => {
if (ok) {
copyBtn.classList.add('sa-copied');
copyBtn.innerHTML = `${getIcon('check', 11)} 已复制`;
toast('回复已复制到剪贴板', 'success');
setTimeout(() => {
copyBtn.classList.remove('sa-copied');
copyBtn.innerHTML = `${getIcon('copy', 11)} 复制`;
}, 1500);
} else {
toast('复制失败，请手动选择复制', 'error');
}
});
}
});
refreshModelSelector();
modelSelectEl.addEventListener('change', () => {
const modelId = modelSelectEl.value;
if (modelId) {
ModelManager.setActiveModel(modelId);
ConversationManager.updateCurrentModel(modelId);
toast(`已切换到 ${ModelManager.getModel(modelId)?.name}`, 'success');
}
});
panelEl._refreshAgentSelect = refreshAgentSelect;
panelEl._refreshModelSelector = refreshModelSelector;
renderMessages();
}
function refreshModelSelector() {
if (!modelSelectEl) return;
const models = ModelManager.getModels();
const activeId = ModelManager.getActiveModelId();
if (models.length === 0) {
modelSelectEl.innerHTML = ``;
modelSelectEl.style.color = '#f87171';
} else {
modelSelectEl.style.color = '';
modelSelectEl.innerHTML = models.map(m => {
const provider = MODEL_PROVIDERS[m.provider];
const providerName = provider?.name || '自定义';
return ``;
}).join('');
}
}
// ============================================================
// UI: 对话历史面板
// ============================================================
function toggleHistoryPanel() {
if (!historyPanelEl) return;
if (historyPanelEl.classList.contains('sa-show')) {
historyPanelEl.classList.remove('sa-show');
} else {
renderHistoryPanel();
historyPanelEl.classList.add('sa-show');
}
}
function renderHistoryPanel() {
if (!historyPanelEl) return;
const conversations = ConversationManager.getAllConversations();
const currentId = ConversationManager.getCurrentId();
historyPanelEl.innerHTML = `
${conversations.length === 0 ? `
暂无对话记录
点击 + 开始新对话
` : conversations.map(conv => {
const agent = AgentManager.getAgent(conv.agentId);
const model = ModelManager.getModel(conv.modelId);
const provider = model ? MODEL_PROVIDERS[model.provider] : null;
const msgCount = conv.messages.filter(m => m.role === 'user' || m.role === 'assistant').length;
return `
${escapeHtml(conv.title)}
${agent ? `${agentIconHtml(agent, 11)} ${escapeHtml(agent.name)}` : ''}
${provider ? `${providerIconHtml(model.provider, 11)} ${escapeHtml(model.name)}` : ''}
${msgCount} 条
${formatRelativeTime(new Date(conv.updatedAt).getTime())}
`;
}).join('')}
${getGreeting()}${getIcon('sparkle', 18)}
我是 ${escapeHtml(agent?.name || 'AI 助手')}，${escapeHtml(agent?.description || '有什么可以帮你的吗？')}
${getIcon('chat', 20)}
${stats.totalConversations}
累计会话
${getIcon('messageSquare', 20)}
${stats.totalMessages}
消息总数
${getIcon('zap', 20)}
${escapeHtml(formatTokenCount(stats.tokenStats.totalTokens))}
Token消耗
${agentIconHtml(agent, 20)}
${getIcon('sparkle', 12)} 当前智能体
${escapeHtml(agent?.name || 'AI 助手')}
${escapeHtml(agent?.description || '')}
${questions.map(q => `
${escapeHtml(q)}
`).join('')}
`;
const refreshBtn = messagesEl.querySelector('#sa-sug-refresh');
if (refreshBtn) {
refreshBtn.addEventListener('click', () => {
refreshBtn.classList.add('sa-spin');
setTimeout(() => refreshBtn.classList.remove('sa-spin'), 600);
const newQuestions = getSuggestedQuestions(5);
const listEl = messagesEl.querySelector('#sa-sug-list');
if (listEl) {
listEl.innerHTML = newQuestions.map(q => `
${escapeHtml(q)}
`).join('');
bindSuggestionClicks();
}
});
}
function bindSuggestionClicks() {
messagesEl.querySelectorAll('.sa-suggestion-item').forEach(item => {
item.addEventListener('click', () => {
const q = item.dataset.question;
if (q && inputEl) {
if (isProcessing) { toast('AI 正在回复中，请等待完成或点击停止按钮', 'error'); return; }
inputEl.value = q;
inputEl.focus();
handleSend();
}
});
});
}
bindSuggestionClicks();
}
// ============================================================
// UI: 消息渲染
// ============================================================
// 复制源注册表：渲染/追加 AI 消息时登记 Markdown 原文，按钮通过 data-copy-id 取回
let msgCopyRegistry = [];
function buildMsgFooterHtml(content) {
if (!content) return '';
const id = msgCopyRegistry.push(content) - 1;
return ``;
}
function appendMsgFooterEl(msgEl, content) {
if (!msgEl || !content) return;
const wrap = document.createElement('div');
wrap.innerHTML = buildMsgFooterHtml(content).trim();
const footer = wrap.firstElementChild;
if (footer) msgEl.appendChild(footer);
}
async function copyTextToClipboard(text) {
try {
await navigator.clipboard.writeText(text);
return true;
} catch {
try {
const tmp = document.createElement('textarea');
tmp.value = text;
tmp.style.cssText = 'position:fixed;left:-9999px;top:0;opacity:0;';
document.body.appendChild(tmp);
tmp.select();
const ok = document.execCommand('copy');
tmp.remove();
return ok;
} catch { return false; }
}
}
function renderMessages() {
if (!messagesEl) return;
const conv = ConversationManager.getCurrentConversation();
if (!conv.messages.length) {
renderWelcomeScreen();
return;
}
msgCopyRegistry = [];
messagesEl.innerHTML = conv.messages.map(m => {
if (m.role === 'user') {
return `${escapeHtml(m.content)}
`;
} else if (m.role === 'assistant') {
const clean = cleanToolCallMarkers(m.content);
const toolsHtml = buildToolCallsHtml(m.toolCalls);
const bodyHtml = clean ? renderMarkdown(clean) : '';
return `${toolsHtml}${bodyHtml}${buildMsgFooterHtml(clean)}
`;
} else if (m.role === 'system') {
return '';
}
return '';
}).join('');
messagesEl.scrollTop = messagesEl.scrollHeight;
}
function appendMessageEl(role, content) {
if (!messagesEl) return;
const welcome = messagesEl.querySelector('.sa-welcome');
if (welcome) welcome.remove();
const empty = messagesEl.querySelector('.sa-empty');
if (empty) empty.remove();
const msgEl = document.createElement('div');
if (role === 'user') {
msgEl.className = 'sa-msg sa-msg-user';
msgEl.textContent = content;
} else {
msgEl.className = 'sa-msg sa-msg-ai';
msgEl.innerHTML = renderMarkdown(cleanToolCallMarkers(content));
}
messagesEl.appendChild(msgEl);
messagesEl.scrollTop = messagesEl.scrollHeight;
return msgEl;
}
function setSendState(state) {
if (!sendBtn) return;
sendBtn.classList.toggle('sa-stop', state === 'generating');
sendBtn.classList.toggle('sa-stopping', state === 'stopping');
sendBtn.disabled = state === 'stopping';
if (state === 'idle') {
sendBtn.title = '发送';
sendBtn.setAttribute('aria-label', '发送消息');
sendBtn.innerHTML = getIcon('send', 18);
} else if (state === 'stopping') {
sendBtn.title = '停止中…';
sendBtn.setAttribute('aria-label', '正在停止生成');
sendBtn.innerHTML = getIcon('stop', 18);
} else {
sendBtn.title = '停止生成';
sendBtn.setAttribute('aria-label', '停止生成');
sendBtn.innerHTML = getIcon('stop', 18);
}
if (inputEl) {
inputEl.placeholder = state === 'idle'
? '输入消息… (Enter 发送, Shift+Enter 换行)'
: 'AI 正在回复中… 点击红色按钮可停止';
}
}
async function handleSend() {
if (isProcessing) {
if (abortFlag) return;
abortFlag = true;
setSendState('stopping');
try { activeAiRequest && activeAiRequest.abort(); } catch {}
const st = panelEl?.querySelector('.sa-tool-status');
if (st) {
st.querySelector('.sa-tool-text').textContent = '正在停止…';
st.classList.add('sa-active');
}
return;
}
const text = inputEl.value.trim();
if (!text) return;
const cfg = getAiConfig();
if (!cfg.apiKey) {
toast('请先配置模型和 API Key', 'error');
openSettings({ tab: 'ai' });
return;
}
ConversationManager.addMessage('user', text);
appendMessageEl('user', text);
inputEl.value = '';
inputEl.style.height = 'auto';
isProcessing = true;
abortFlag = false;
activeAiRequest = null;
setSendState('generating');
inputEl.disabled = true;
const aiMsgEl = appendMessageEl('assistant', '');
let displayedText = '';
let liveToolCalls = [];
const updateAiBubble = (runningIndex = -1) => {
const cleanText = cleanToolCallMarkers(displayedText);
const toolsHtml = buildToolCallsHtml(liveToolCalls, runningIndex);
const bodyHtml = cleanText ? renderMarkdown(cleanText) : '';
aiMsgEl.innerHTML = toolsHtml + bodyHtml;
messagesEl.scrollTop = messagesEl.scrollHeight;
};
const toolStatusEl = panelEl?.querySelector('.sa-tool-status');
if (toolStatusEl) {
toolStatusEl.querySelector('.sa-tool-text').textContent = '正在思考…';
toolStatusEl.classList.add('sa-active');
}
try {
const messages = ConversationManager.getCurrentMessages();
const history = messages.slice(0, -1);
const result = await runAgentLoop(text, history, AgentManager._currentAgentId, (partial) => {
if (abortFlag) return;
if (partial) {
displayedText = partial;
updateAiBubble();
}
}, (name, args, phase) => {
if (abortFlag) return;
if (phase === 'start') {
liveToolCalls.push({ name, arguments: args });
updateAiBubble(liveToolCalls.length - 1);
} else {
updateAiBubble();
}
});
if (toolStatusEl) toolStatusEl.classList.remove('sa-active');
liveToolCalls = result.toolCalls || liveToolCalls;
if (result.aborted) {
const partial = result.response || cleanToolCallMarkers(displayedText);
aiMsgEl.innerHTML = buildToolCallsHtml(liveToolCalls) + (partial ? renderMarkdown(partial) : '已停止生成');
appendMsgFooterEl(aiMsgEl, partial);
messagesEl.scrollTop = messagesEl.scrollHeight;
if (partial) ConversationManager.addMessage('assistant', partial, { toolCalls: liveToolCalls });
} else {
displayedText = result.response;
aiMsgEl.innerHTML = buildToolCallsHtml(liveToolCalls) + renderMarkdown(result.response);
appendMsgFooterEl(aiMsgEl, result.response);
messagesEl.scrollTop = messagesEl.scrollHeight;
ConversationManager.addMessage('assistant', result.response, {
toolCalls: result.toolCalls || [],
});
}
} catch (e) {
if (toolStatusEl) toolStatusEl.classList.remove('sa-active');
aiMsgEl.innerHTML = `错误: ${escapeHtml(e.message)}`;
ConversationManager.addMessage('assistant', `错误: ${e.message}`);
} finally {
isProcessing = false;
abortFlag = false;
setSendState('idle');
inputEl.disabled = false;
inputEl.focus();
}
}
// ============================================================
// UI: 综合设置中心（单浮窗多标签，消除二级/三级弹窗）
// ============================================================
const SETTINGS_TABS = [
{ key: 'global', label: '全局设置', icon: 'gear' },
{ key: 'ai', label: 'AI 设置', icon: 'cpu' },
{ key: 'agents', label: '智能体', icon: 'bot' },
{ key: 'api', label: '接口服务', icon: 'globe' },
{ key: 'data', label: '数据管理', icon: 'download' },
];
function renderCheckItem(state, title, detail) {
const cls = state === 'ok' ? 'sa-ok' : state === 'err' ? 'sa-err' : 'sa-warn';
const mark = state === 'ok' ? `${getIcon('check', 11)} 正常` : state === 'err' ? `${getIcon('close', 11)} 失败` : `${getIcon('zap', 11)} 提示`;
return `${mark}${escapeHtml(title)}${detail ? '
' + escapeHtml(detail) : ''}
`;
}
function prependCheckResult(container, html, cap = 8) {
if (!container) return;
container.insertAdjacentHTML('afterbegin', html);
while (container.children.length > cap) container.lastElementChild.remove();
}
function openSettings(options = {}) {
const initialTab = SETTINGS_TABS.some(t => t.key === options.tab) ? options.tab : 'global';
// 单例：已打开则仅切换标签/聚焦，不重复创建
const existingModal = document.querySelector('.sa-overlay .sa-settings-modal');
if (existingModal) {
switchSettingsTab(existingModal, initialTab);
applySettingsFocus(existingModal, options.focus);
return;
}
const steamKey = getSteamApiKey();
const itadKey = getItadApiKey();
const settings = parseStored(GM_getValue(SK.SETTINGS, null), {});
const overlay = document.createElement('div');
overlay.className = 'sa-overlay sa-show';
overlay.innerHTML = `
${SETTINGS_TABS.map(t => `
`).join('')}
`;
document.body.appendChild(overlay);
const closeSettings = () => {
document.removeEventListener('keydown', onEsc);
overlay.remove();
};
const onEsc = (e) => { if (e.key === 'Escape') closeSettings(); };
document.addEventListener('keydown', onEsc);
overlay.querySelector('#sa-settings-close').addEventListener('click', closeSettings);
overlay.querySelector('#sa-settings-cancel').addEventListener('click', closeSettings);
overlay.addEventListener('click', (e) => { if (e.target === overlay) closeSettings(); });
function switchSettingsTab(modalRoot, key) {
modalRoot.querySelectorAll('.sa-set-nav-btn').forEach(b => b.classList.toggle('sa-active', b.dataset.tab === key));
modalRoot.querySelectorAll('.sa-set-pane').forEach(p => p.classList.toggle('sa-active', p.dataset.pane === key));
}
function applySettingsFocus(modalRoot, selector) {
if (!selector) return;
const inp = modalRoot.querySelector(selector);
if (inp) { inp.focus(); inp.scrollIntoView({ block: 'center' }); }
}
function renderNavSummary() {
const el = overlay.querySelector('#sa-set-nav-summary');
if (!el) return;
const models = ModelManager.getModels();
const agents = AgentManager.getAgents();
const ts = TokenStatsManager.getStats();
el.innerHTML = `模型 ${models.length} 个 · 智能体 ${agents.length} 个
累计 Token ${formatTokenCount(ts.totalTokens)}`;
}
overlay.querySelectorAll('.sa-set-nav-btn').forEach(btn => {
btn.addEventListener('click', () => switchSettingsTab(overlay, btn.dataset.tab));
});
// ---------- Tab: 全局设置 ----------
function buildGlobalPane() {
const pane = overlay.querySelector('#sa-pane-global');
pane.innerHTML = `
${getIcon('cpu', 15)} 生成参数
${getIcon('book', 15)} 规则知识库
`;
const ORIGIN_LABEL = {
remote: { text: '远程最新', color: '#4ade80' },
snapshot: { text: '内置快照', color: '#fbbf24' },
};
function renderRulesStatus() {
const el = pane.querySelector('#sa-rules-status');
if (!el) return;
const s = RulesKnowledgeProvider.getStatus();
const o = ORIGIN_LABEL[s.origin] || ORIGIN_LABEL.snapshot;
el.innerHTML = `
v${escapeHtml(s.version)}
${o.text}
${s.sectionCount} 章节 · ${s.faqCount} FAQ
更新于 ${escapeHtml(s.updatedAt)}
来源: ${escapeHtml(s.source)}
`;
}
renderRulesStatus();
pane.querySelector('#sa-rules-refresh').addEventListener('click', async (e) => {
const btn = e.currentTarget;
const urlInput = pane.querySelector('#sa-rules-url');
RulesKnowledgeProvider.setRemoteUrl(urlInput.value.trim());
btn.disabled = true;
btn.style.opacity = '0.6';
try {
const s = await RulesKnowledgeProvider.refreshFromRemote();
toast(`规则知识库已更新到 v${s.version}`, 'success');
} catch (err) {
toast(`规则库更新失败: ${err.message}（继续使用本地知识）`, 'error');
} finally {
btn.disabled = false;
btn.style.opacity = '';
renderRulesStatus();
}
});
pane.querySelector('#sa-rules-reset').addEventListener('click', () => {
GM_setValue(SK.RULES_REMOTE, '');
RulesKnowledgeProvider._active = null;
renderRulesStatus();
toast('已清除远程缓存，恢复本地知识', 'success');
});
}
// ---------- Tab: AI 设置 ----------
function buildAiPane() {
const pane = overlay.querySelector('#sa-pane-ai');
pane.innerHTML = `
`;
const listView = pane.querySelector('#sa-model-list-view');
const editorView = pane.querySelector('#sa-model-editor-view');
function renderModelList() {
const listEl = pane.querySelector('#sa-model-list');
const models = ModelManager.getModels();
const activeId = ModelManager.getActiveModelId();
if (models.length === 0) {
listEl.innerHTML = `尚未配置模型，点击下方按钮添加
`;
return;
}
listEl.innerHTML = models.map(m => {
const provider = MODEL_PROVIDERS[m.provider];
const providerName = provider?.name || '自定义';
return `
${providerIconHtml(m.provider, 18)}
${escapeHtml(m.name)} ${m.id === activeId ? '当前' : ''}
${escapeHtml(providerName)} · ${escapeHtml(m.model)} · ${m.apiKey ? '' + getIcon('check', 10) + ' 已配置' : '' + getIcon('close', 10) + ' 未配置'}
${m.id !== activeId ? `` : ''}
`;
}).join('');
listEl.querySelectorAll('.sa-model-card').forEach(card => {
const id = card.dataset.id;
card.querySelectorAll('[data-action]').forEach(btn => {
btn.addEventListener('click', async () => {
const action = btn.dataset.action;
if (action === 'use') {
ModelManager.setActiveModel(id);
renderModelList();
renderNavSummary();
toast(`已切换到 ${ModelManager.getModel(id)?.name}`, 'success');
} else if (action === 'edit') {
renderModelEditor(id);
} else if (action === 'del') {
if (confirm(`确认删除模型 "${ModelManager.getModel(id)?.name}"？`)) {
ModelManager.deleteModel(id);
renderModelList();
renderNavSummary();
toast('已删除', 'success');
}
} else if (action === 'check') {
const model = ModelManager.getModel(id);
if (!model) return;
btn.disabled = true;
const resultHtml = await (async () => {
try {
const r = await testModelConnection(model);
return renderCheckItem('ok', `模型「${model.name}」连接正常`, `延迟 ${r.latencyMs}ms · 服务端返回模型 ${r.modelEcho}`);
} catch (e) {
return renderCheckItem('err', `模型「${model.name}」连接失败`, describeModelError(e));
}
})();
prependCheckResult(pane.querySelector('#sa-model-check-results'), resultHtml);
btn.disabled = false;
}
});
});
});
}
function showListView() {
listView.style.display = '';
editorView.style.display = 'none';
editorView.innerHTML = '';
renderModelList();
}
// 模型编辑：标签内嵌视图（不再弹出二级窗口）
function renderModelEditor(existingId) {
const model = existingId ? ModelManager.getModel(existingId) : null;
editorView.innerHTML = `
${model ? '编辑模型（保存后立即生效）' : '添加模型（保存后立即生效）'}
`;
listView.style.display = 'none';
editorView.style.display = '';
let selectedProvider = model?.provider || 'deepseek';
function collectFormModel() {
return {
name: editorView.querySelector('#sa-me-name').value.trim(),
provider: selectedProvider,
apiUrl: editorView.querySelector('#sa-me-url').value.trim(),
apiKey: editorView.querySelector('#sa-me-key').value.trim(),
model: editorView.querySelector('#sa-me-model').value.trim(),
};
}
function applyProvider(providerKey) {
selectedProvider = providerKey;
const p = MODEL_PROVIDERS[providerKey];
const providerSelect = editorView.querySelector('#sa-me-provider');
if (providerSelect) providerSelect.value = providerKey;
const urlInput = editorView.querySelector('#sa-me-url');
if (!model || model.provider !== providerKey) {
urlInput.value = p.apiUrl;
}
const urlHint = editorView.querySelector('#sa-me-url-hint');
urlHint.textContent = p.apiUrl ? p.keyHint : `${p.keyHint}；自定义地址首次请求时需在浏览器扩展弹窗中允许跨域，或在脚本头部 @connect 中声明目标域名`;
const keyHint = editorView.querySelector('#sa-me-key-hint');
if (p.apiKeyUrl) {
keyHint.innerHTML = `在 ${p.apiKeyUrl} 获取 API Key`;
} else {
keyHint.textContent = '';
}
const modelWrap = editorView.querySelector('#sa-me-model-input-wrap');
const modelHint = editorView.querySelector('#sa-me-model-hint');
if (p.models.length > 0) {
const currentModel = (model && model.provider === providerKey) ? model.model : p.defaultModel;
modelWrap.innerHTML = `
`;
modelHint.textContent = `可下拉选择或手动输入，共 ${p.models.length} 个预设模型`;
} else {
modelWrap.innerHTML = ``;
modelHint.textContent = '请手动输入模型名称';
}
const nameInput = editorView.querySelector('#sa-me-name');
if (!nameInput.value.trim()) {
nameInput.value = `${p.name} ${p.defaultModel || '自定义'}`;
}
}
editorView.querySelector('#sa-me-provider').addEventListener('change', (e) => {
applyProvider(e.target.value);
});
applyProvider(selectedProvider);
editorView.querySelector('#sa-me-back').addEventListener('click', showListView);
editorView.querySelector('#sa-me-test').addEventListener('click', async (e) => {
const btn = e.currentTarget;
const statusEl = editorView.querySelector('#sa-me-check-status');
btn.disabled = true;
const originalHtml = btn.innerHTML;
btn.innerHTML = `${getIcon('refresh', 14)} 检测中…`;
statusEl.style.color = '#94a3b8';
statusEl.textContent = '正在发送最小测试请求 (max_tokens=1)，请稍候…';
try {
const form = collectFormModel();
const r = await testModelConnection(form);
statusEl.style.color = '#4ade80';
statusEl.textContent = `连接正常：延迟 ${r.latencyMs}ms，服务端返回模型 ${r.modelEcho}`;
prependCheckResult(pane.querySelector('#sa-model-check-results'),
renderCheckItem('ok', `模型「${form.name || form.model}」连接正常`, `编辑表单实测 · 延迟 ${r.latencyMs}ms · 服务端模型 ${r.modelEcho}`));
} catch (err) {
statusEl.style.color = '#f87171';
statusEl.textContent = `连接失败：${describeModelError(err)}`;
} finally {
btn.disabled = false;
btn.innerHTML = originalHtml;
}
});
editorView.querySelector('#sa-me-save').addEventListener('click', () => {
const form = collectFormModel();
if (!form.apiUrl) { toast('请输入 API 地址', 'error'); return; }
if (!form.apiKey) { toast('请输入 API Key', 'error'); return; }
if (!form.model) { toast('请选择或输入模型名称', 'error'); return; }
const data = {
...form,
name: form.name || `${MODEL_PROVIDERS[selectedProvider]?.name || '自定义'} ${form.model}`,
};
if (existingId) {
ModelManager.updateModel(existingId, data);
toast('模型已更新', 'success');
} else {
const created = ModelManager.createModel(data);
if (!ModelManager.getActiveModelId()) {
ModelManager.setActiveModel(created.id);
}
toast(`已添加模型 ${created.name}`, 'success');
}
refreshModelSelector();
renderNavSummary();
showListView();
});
}
pane.querySelector('#sa-cfg-add-model').addEventListener('click', () => renderModelEditor(null));
pane.querySelector('#sa-btn-check-all-models').addEventListener('click', async (e) => {
const btn = e.currentTarget;
const models = ModelManager.getModels();
const container = pane.querySelector('#sa-model-check-results');
if (!models.length) {
prependCheckResult(container, renderCheckItem('warn', '尚未配置模型', '点击「添加模型」先完成配置，再执行检测'));
return;
}
btn.disabled = true;
const originalHtml = btn.innerHTML;
btn.innerHTML = `${getIcon('refresh', 13)} 检测中 (0/${models.length})…`;
let okCount = 0;
for (let i = 0; i < models.length; i++) {
const m = models[i];
let item;
try {
const r = await testModelConnection(m);
okCount++;
item = renderCheckItem('ok', `模型「${m.name}」连接正常`, `延迟 ${r.latencyMs}ms · 服务端返回模型 ${r.modelEcho}`);
} catch (err) {
item = renderCheckItem('err', `模型「${m.name}」连接失败`, describeModelError(err));
}
prependCheckResult(container, item);
btn.innerHTML = `${getIcon('refresh', 13)} 检测中 (${i + 1}/${models.length})…`;
}
toast(`模型检测完成：${okCount}/${models.length} 个可用`, okCount === models.length ? 'success' : 'error');
btn.disabled = false;
btn.innerHTML = originalHtml;
});
renderModelList();
}
// ---------- Tab: 智能体设置 ----------
function buildAgentsPane() {
const pane = overlay.querySelector('#sa-pane-agents');
pane.innerHTML = `
`;
const listView = pane.querySelector('#sa-agent-list-view');
const editorView = pane.querySelector('#sa-agent-editor-view');
function renderAgentList() {
const listEl = pane.querySelector('#sa-am-list');
const agents = AgentManager.getAgents();
listEl.innerHTML = agents.map(a => `
${agentIconHtml(a, 18)}
${escapeHtml(a.name)} ${a.builtin ? '内置' : ''}
${escapeHtml(a.description)}
${!a.builtin ? `
` : ''}
`).join('');
listEl.querySelectorAll('.sa-agent-card').forEach(card => {
const id = card.dataset.id;
card.querySelectorAll('.sa-mini-btn').forEach(btn => {
btn.addEventListener('click', () => {
const action = btn.dataset.action;
if (action === 'use') {
AgentManager.switchAgent(id);
if (panelEl?._refreshAgentSelect) panelEl._refreshAgentSelect();
renderMessages();
toast(`已切换到 ${AgentManager.getAgent(id)?.name}`, 'success');
closeSettings();
} else if (action === 'edit') {
renderAgentEditor(id);
} else if (action === 'del') {
if (confirm(`确认删除智能体 "${AgentManager.getAgent(id)?.name}"？`)) {
AgentManager.deleteAgent(id);
toast('已删除', 'success');
renderAgentList();
renderNavSummary();
if (panelEl?._refreshAgentSelect) panelEl._refreshAgentSelect();
renderMessages();
}
}
});
});
});
}
function showListView() {
listView.style.display = '';
editorView.style.display = 'none';
editorView.innerHTML = '';
renderAgentList();
}
// 智能体编辑：标签内嵌视图（不再弹出三级窗口）
function renderAgentEditor(existingId) {
const agent = existingId ? AgentManager.getAgent(existingId) : null;
editorView.innerHTML = `
${agent ? '编辑智能体（保存后立即生效）' : '新建智能体（保存后立即生效）'}
`;
listView.style.display = 'none';
editorView.style.display = '';
editorView.querySelector('#sa-ae-back').addEventListener('click', showListView);
editorView.querySelector('#sa-ae-cancel').addEventListener('click', showListView);
editorView.querySelector('#sa-ae-copy').addEventListener('click', async () => {
const text = editorView.querySelector('#sa-ae-prompt').value.trim();
if (!text) { toast('提示词为空，暂无可复制内容', 'error'); return; }
const copyBtn = editorView.querySelector('#sa-ae-copy');
const ok = await copyTextToClipboard(text);
if (ok) {
copyBtn.innerHTML = `${getIcon('check', 13)} 已复制`;
setTimeout(() => { copyBtn.innerHTML = `${getIcon('copy', 13)} 复制`; }, 1500);
toast('系统提示词已复制到剪贴板', 'success');
} else {
toast('复制失败，请手动全选复制', 'error');
}
});
editorView.querySelector('#sa-ae-gen').addEventListener('click', async () => {
const desc = editorView.querySelector('#sa-ae-need').value.trim();
if (!desc) { toast('请输入需求描述', 'error'); return; }
const btn = editorView.querySelector('#sa-ae-gen');
const promptTa = editorView.querySelector('#sa-ae-prompt');
const cfg = getAiConfig();
if (!cfg.apiKey) { toast('请先配置模型和 API Key', 'error'); switchSettingsTab(overlay, 'ai'); return; }
btn.disabled = true;
btn.innerHTML = `${getIcon('refresh', 14)} 生成中…`;
promptTa.value = '';
promptTa.placeholder = 'AI 正在生成提示词，请稍候…';
try {
const prompt = `请根据以下需求，为一个 Steam AI 智能体编写 systemPrompt（系统提示词）。
用户需求：${desc}
要求：
1. 明确智能体的角色定位和核心能力
2. 列出回答规范和输出格式要求
3. 包含相关领域知识约束
4. 使用中文，专业且完整；内容要详尽，可分章节展开（角色定位/核心能力/回答规范/输出格式/知识约束/注意事项等），不要省略
5. 必须输出完整内容直到自然结束，不要中途截断
请直接输出 systemPrompt 内容，不要包含其他说明。`;
// 流式生成 + 实时预览到提示词输入框；isolated 隔离聊天中止状态；不限 max_tokens、5 分钟超时
const result = await callAiApiWithTyping(prompt, {
temperature: 0.7,
timeout: 300000,
isolated: true,
}, (partial) => {
promptTa.value = cleanToolCallMarkers(partial || '');
promptTa.scrollTop = promptTa.scrollHeight;
});
promptTa.value = cleanToolCallMarkers(result).trim();
toast('提示词已生成', 'success');
} catch (e) {
const msg = e.message === '__SA_ABORTED__' ? '请求已中断' : e.message;
toast('生成失败: ' + msg, 'error');
} finally {
btn.disabled = false;
btn.innerHTML = `${getIcon('sparkle', 14)} AI 生成提示词`;
promptTa.placeholder = '定义智能体的角色、能力、回答规范...';
}
});
editorView.querySelector('#sa-ae-save').addEventListener('click', () => {
const name = editorView.querySelector('#sa-ae-name').value.trim();
const prompt = editorView.querySelector('#sa-ae-prompt').value.trim();
if (!name) { toast('请输入名称', 'error'); return; }
if (!prompt) { toast('请输入系统提示词', 'error'); return; }
const data = {
name,
description: editorView.querySelector('#sa-ae-desc').value.trim(),
icon: editorView.querySelector('#sa-ae-icon').value.trim() || 'bot',
keywords: editorView.querySelector('#sa-ae-keywords').value.split(',').map(s => s.trim()).filter(Boolean),
systemPrompt: prompt,
};
if (existingId) {
AgentManager.updateAgent(existingId, data);
toast('已更新', 'success');
} else {
const created = AgentManager.createAgent(data);
toast(`已创建 ${created.name}`, 'success');
}
if (panelEl?._refreshAgentSelect) panelEl._refreshAgentSelect();
renderNavSummary();
showListView();
});
}
pane.querySelector('#sa-am-new').addEventListener('click', () => renderAgentEditor(null));
pane.querySelector('#sa-am-export').addEventListener('click', () => {
const json = AgentManager.exportAgents();
downloadFile(json, `steam-agents-${Date.now()}.json`);
toast('已导出智能体配置', 'success');
});
pane.querySelector('#sa-am-import').addEventListener('click', () => {
const input = document.createElement('input');
input.type = 'file'; input.accept = '.json';
input.onchange = () => {
const file = input.files[0];
if (!file) return;
const reader = new FileReader();
reader.onload = () => {
try {
const count = AgentManager.importAgents(reader.result);
toast(`成功导入 ${count} 个智能体`, 'success');
renderAgentList();
renderNavSummary();
} catch (e) { toast(e.message, 'error'); }
};
reader.readAsText(file);
};
input.click();
});
renderAgentList();
}
// ---------- Tab: 接口服务 ----------
function buildApiPane() {
const pane = overlay.querySelector('#sa-pane-api');
const steamIdCfg = getConfiguredSteamId();
const detectedId = detectSteamId();
const idStatusText = steamIdCfg
? `已配置：玩家数据查询将使用 ${escapeHtml(steamIdCfg)}`
: (detectedId
? `未配置：将自动使用当前登录用户（${escapeHtml(detectedId)}）`
: '未配置：未检测到登录用户，玩家数据查询需在对话中提供 SteamID');
pane.innerHTML = `
${getIcon('key', 15)} Steam Web API Key
${getIcon('user', 15)} SteamID（玩家数据查询身份，可选）
${getIcon('globe', 15)} ITAD API Key（跨区比价增强，可选）
`;
const resultsEl = pane.querySelector('#sa-api-check-results');
async function runSteamCheck(key, { silent = false } = {}) {
const statusEl = pane.querySelector('#sa-steam-status');
const r = await testSteamApiKey(key);
if (r.success) {
statusEl.style.color = '#4ade80';
statusEl.textContent = `Key 有效${r.samplePlayer ? `（示例查询玩家：${r.samplePlayer}）` : ''}`;
prependCheckResult(resultsEl, renderCheckItem('ok', 'Steam Web API Key 有效', r.samplePlayer ? `示例查询返回玩家「${r.samplePlayer}」，接口调用正常` : (r.note || '接口调用正常')));
} else {
statusEl.style.color = '#f87171';
statusEl.textContent = `检测失败：${r.error}`;
prependCheckResult(resultsEl, renderCheckItem('err', 'Steam Web API Key 检测失败', r.error));
}
if (!silent) toast(r.success ? 'Steam API Key 检测通过' : `Steam API Key 检测失败：${r.error}`, r.success ? 'success' : 'error');
return r;
}
pane.querySelector('#sa-steamkey-test').addEventListener('click', async (e) => {
const btn = e.currentTarget;
btn.disabled = true;
const originalHtml = btn.innerHTML;
btn.innerHTML = `${getIcon('refresh', 13)} 检测中…`;
try { await runSteamCheck(pane.querySelector('#sa-cfg-steamkey').value.trim()); }
finally { btn.disabled = false; btn.innerHTML = originalHtml; }
});
pane.querySelector('#sa-steamid-detect').addEventListener('click', async (e) => {
const btn = e.currentTarget;
const input = pane.querySelector('#sa-cfg-steamid');
const statusEl = pane.querySelector('#sa-steamid-status');
const val = input.value.trim();
btn.disabled = true;
const originalHtml = btn.innerHTML;
btn.innerHTML = `${getIcon('refresh', 13)} 检测中…`;
try {
if (!val) {
const detected = detectSteamId();
if (detected) {
statusEl.style.color = '#4ade80';
statusEl.textContent = `自动检测成功：当前登录用户 ${detected}，留空保存即可自动使用`;
prependCheckResult(resultsEl, renderCheckItem('ok', 'SteamID 自动检测成功', `当前登录用户：${detected}，「我的游戏库 / 资料 / 愿望单」查询将自动使用该身份`));
} else {
statusEl.style.color = '#fbbf24';
statusEl.textContent = '未检测到登录用户：请手动填写 SteamID64（17位数字）或自定义 ID';
prependCheckResult(resultsEl, renderCheckItem('warn', 'SteamID 自动检测失败', '当前页面未检测到登录用户，请手动填写 SteamID64 或自定义 ID 后保存'));
}
} else if (/^\d{17}$/.test(val)) {
statusEl.style.color = '#4ade80';
statusEl.textContent = `格式正确：SteamID64（${val}）`;
prependCheckResult(resultsEl, renderCheckItem('ok', 'SteamID 格式正确', `${val} 是标准的 17 位 SteamID64，保存后玩家数据查询将使用该身份`));
} else {
const apiKey = pane.querySelector('#sa-cfg-steamkey').value.trim() || getSteamApiKey();
if (!apiKey) {
statusEl.style.color = '#fbbf24';
statusEl.textContent = '自定义 ID 校验需 Steam Web API Key：可先保存，工具查询时会自动解析';
} else {
const id64 = await resolveVanityToId64(val, apiKey).catch(() => null);
if (id64) {
statusEl.style.color = '#4ade80';
statusEl.textContent = `自定义 ID 有效：已解析为 SteamID64 ${id64}`;
prependCheckResult(resultsEl, renderCheckItem('ok', 'SteamID 校验通过', `自定义 ID「${escapeHtml(val)}」解析为 ${id64}`));
} else {
statusEl.style.color = '#f87171';
statusEl.textContent = '自定义 ID 未解析到 SteamID64（可能不存在），可保存后在对话中验证';
}
}
}
} finally {
btn.disabled = false;
btn.innerHTML = originalHtml;
}
});
pane.querySelector('#sa-cfg-itadtest').addEventListener('click', async (e) => {
const btn = e.currentTarget;
const keyInput = pane.querySelector('#sa-cfg-itadkey');
const statusEl = pane.querySelector('#sa-cfg-itad-status');
const key = keyInput.value.trim();
if (!key) {
statusEl.style.color = '#fbbf24';
statusEl.textContent = '未填写 Key：跨区比价将使用降级数据源，价格准确度降低';
return;
}
btn.disabled = true;
const originalHtml = btn.innerHTML;
btn.innerHTML = `${getIcon('refresh', 13)} 测试中…`;
try {
const result = await itadTestConnection(key);
if (result.success) {
statusEl.style.color = '#4ade80';
statusEl.textContent = '连接成功：ITAD Key 有效，跨区比价已启用 16 地区增强模式';
prependCheckResult(resultsEl, renderCheckItem('ok', 'ITAD API Key 有效', '跨区比价将使用 ITAD 16 地区增强模式'));
toast('ITAD 连接成功', 'success');
} else {
statusEl.style.color = '#f87171';
statusEl.textContent = `连接失败：${result.error}`;
prependCheckResult(resultsEl, renderCheckItem('err', 'ITAD API Key 检测失败', result.error));
toast(`ITAD 连接失败：${result.error}`, 'error');
}
} finally {
btn.disabled = false;
btn.innerHTML = originalHtml;
}
});
pane.querySelector('#sa-btn-check-all-api').addEventListener('click', async (e) => {
const btn = e.currentTarget;
btn.disabled = true;
const originalHtml = btn.innerHTML;
btn.innerHTML = `${getIcon('refresh', 13)} 检测中…`;
const activeModel = ModelManager.getActiveModel();
if (activeModel) {
try {
const r = await testModelConnection(activeModel);
prependCheckResult(resultsEl, renderCheckItem('ok', `当前模型「${activeModel.name}」连接正常`, `延迟 ${r.latencyMs}ms · 服务端返回模型 ${r.modelEcho}`));
} catch (err) {
prependCheckResult(resultsEl, renderCheckItem('err', `当前模型「${activeModel.name}」连接失败`, describeModelError(err)));
}
} else {
prependCheckResult(resultsEl, renderCheckItem('warn', '未配置 AI 模型', '前往「AI 设置」标签添加模型'));
}
const steamInput = pane.querySelector('#sa-cfg-steamkey').value.trim();
if (steamInput) await runSteamCheck(steamInput, { silent: true });
else prependCheckResult(resultsEl, renderCheckItem('warn', 'Steam Web API Key 未配置', '可选配置；未填写将跳过检测'));
const itadInput = pane.querySelector('#sa-cfg-itadkey').value.trim();
if (itadInput) {
const r = await itadTestConnection(itadInput);
prependCheckResult(resultsEl, r.success
? renderCheckItem('ok', 'ITAD API Key 有效', '跨区比价将使用 16 地区增强模式')
: renderCheckItem('err', 'ITAD API Key 检测失败', r.error));
} else {
prependCheckResult(resultsEl, renderCheckItem('warn', 'ITAD API Key 未配置', '跨区比价使用降级数据源（约 7 地区），价格准确度降低'));
}
toast('接口检测完成，结果见上方列表', 'success');
btn.disabled = false;
btn.innerHTML = originalHtml;
});
}
// ---------- Tab: 数据管理 ----------
function buildDataPane() {
const pane = overlay.querySelector('#sa-pane-data');
const conv = ConversationManager.getCurrentConversation();
pane.innerHTML = `
${getIcon('download', 15)} 导出当前会话
导出文件可直接分享或备份；JSON 可再次导入恢复
${getIcon('edit', 15)} 导入会话
导入后会作为新会话追加到历史列表，不影响现有对话
`;
const convId = ConversationManager.getCurrentId();
pane.querySelector('#sa-export-json').addEventListener('click', () => {
ConversationManager.exportAsJson(convId);
toast('已导出 JSON', 'success');
});
pane.querySelector('#sa-export-md').addEventListener('click', () => {
ConversationManager.exportAsMarkdown(convId);
toast('已导出 Markdown', 'success');
});
pane.querySelector('#sa-import-json').addEventListener('click', () => {
const input = document.createElement('input');
input.type = 'file'; input.accept = '.json';
input.onchange = () => {
const file = input.files[0];
if (!file) return;
const reader = new FileReader();
reader.onload = () => {
try {
const data = JSON.parse(reader.result);
const newConvId = `conv_imported_${Date.now()}`;
ConversationManager._conversations[newConvId] = {
id: newConvId,
title: data.conversation || data.messages?.[0]?.content?.slice(0, 30) || '导入的对话',
agentId: data.agentId || AgentManager._currentAgentId,
modelId: data.modelId || null,
messages: (data.messages || []).map(m => ({
id: `msg_${Date.now()}_${Math.random().toString(36).slice(2, 6)}`,
role: m.role, content: m.content,
timestamp: typeof m.timestamp === 'string' ? new Date(m.timestamp).getTime() : (m.timestamp || Date.now()),
toolCalls: m.toolCalls || [],
})),
createdAt: data.createdAt || new Date().toISOString(),
updatedAt: new Date().toISOString(),
};
ConversationManager.save();
ConversationManager.switchTo(newConvId);
renderMessages();
toast(`导入成功，共 ${data.messages?.length || 0} 条消息`, 'success');
buildDataPane();
} catch (e) { toast('导入失败: ' + e.message, 'error'); }
};
reader.readAsText(file);
};
input.click();
});
}
// ---------- 底部保存 ----------
overlay.querySelector('#sa-cfg-save').addEventListener('click', () => {
GM_setValue(SK.STEAM_KEY, overlay.querySelector('#sa-cfg-steamkey').value.trim());
GM_setValue(SK.STEAM_ID, overlay.querySelector('#sa-cfg-steamid').value.trim());
GM_setValue(SK.ITAD_KEY, overlay.querySelector('#sa-cfg-itadkey').value.trim());
const rulesUrlEl = overlay.querySelector('#sa-rules-url');
if (rulesUrlEl) RulesKnowledgeProvider.setRemoteUrl(rulesUrlEl.value.trim());
GM_setValue(SK.SETTINGS, JSON.stringify({
...settings,
temperature: parseFloat(overlay.querySelector('#sa-cfg-temp').value) || 0.7,
maxIterations: parseInt(overlay.querySelector('#sa-cfg-iter').value) || CONFIG.MAX_ITERATIONS,
}));
toast('设置已保存', 'success');
if (fabEl) {
const newCfg = getAiConfig();
if (newCfg.apiKey) fabEl.classList.add('sa-has-key');
else fabEl.classList.remove('sa-has-key');
}
refreshModelSelector();
closeSettings();
});
buildGlobalPane();
buildAiPane();
buildAgentsPane();
buildApiPane();
buildDataPane();
renderNavSummary();
switchSettingsTab(overlay, initialTab);
applySettingsFocus(overlay, options.focus);
}
// 兼容旧入口：智能体管理按钮 → 设置中心「智能体」标签
function openAgentManager() {
openSettings({ tab: 'agents' });
}
// ============================================================
// 暴露 window.SteamAgent API
// ============================================================
function exposeAPI() {
const api = {
isInstalled: () => true,
version: _v,
open: (options = {}) => openSidebar(options),
close: () => closeSidebar(),
toggle: () => toggleSidebar(),
isOpen: () => panelEl?.classList.contains('sa-open') || false,
send: (message) => {
if (!panelEl?.classList.contains('sa-open')) openSidebar();
if (isProcessing) { toast('AI 正在回复中，请等待完成或点击停止按钮', 'error'); return; }
inputEl.value = message;
handleSend();
},
getAgents: () => AgentManager.getAgents(),
getCurrentAgent: () => AgentManager.getCurrentAgent(),
switchAgent: (agentId) => {
const result = AgentManager.switchAgent(agentId);
if (result && panelEl?._refreshAgentSelect) panelEl._refreshAgentSelect();
renderMessages();
return result;
},
getModels: () => ModelManager.getModels(),
getActiveModel: () => ModelManager.getActiveModel(),
switchModel: (modelId) => {
const result = ModelManager.setActiveModel(modelId);
if (result) {
refreshModelSelector();
ConversationManager.updateCurrentModel(modelId);
}
return result;
},
getConversations: () => ConversationManager.getAllConversations(),
getCurrentConversation: () => ConversationManager.getCurrentConversation(),
createConversation: () => {
const conv = ConversationManager.createConversation(AgentManager._currentAgentId);
renderMessages();
return conv;
},
switchConversation: (convId) => {
const result = ConversationManager.switchTo(convId);
if (result) {
renderMessages();
refreshModelSelector();
if (panelEl?._refreshAgentSelect) panelEl._refreshAgentSelect();
}
return result;
},
exportCurrentChat: () => ConversationManager.exportAsJson(ConversationManager.getCurrentId()),
on: (event, cb) => EventBus.on(event, cb),
off: (event, cb) => EventBus.off(event, cb),
};
try {
if (typeof unsafeWindow !== 'undefined') {
unsafeWindow.SteamAgent = api;
} else {
window.SteamAgent = api;
}
} catch (e) {
console.warn('[SA-Agent] Failed to expose API:', e);
}
}
// ============================================================
// 初始化
// ============================================================
function safeStep(name, fn) {
try { fn(); } catch (e) { console.error('[SA-Agent] 初始化步骤失败: ' + name, e); }
}
// Steam 新版 React 页面在水合/路由切换时可能移除脚本注入的 body 子元素，定时自愈
function startSelfHealing() {
const heal = () => {
try {
if (fabEl && !document.contains(fabEl) && document.body) {
document.body.appendChild(fabEl);
console.warn('[SA-Agent] 浮动按钮被页面移除，已自动恢复');
}
if (panelEl && !document.contains(panelEl) && document.body) {
document.body.appendChild(panelEl);
}
} catch {}
};
setInterval(heal, 5000);
try {
new MutationObserver(heal).observe(document.body, { childList: true });
} catch {}
}
function init() {
try {
if (window !== window.top) return;
} catch { return; }
safeStep('createFloatingButton', createFloatingButton);
safeStep('ModelManager.init', () => ModelManager.init());
safeStep('AgentManager.init', () => AgentManager.init());
safeStep('ConversationManager.init', () => ConversationManager.init());
safeStep('TokenStatsManager.init', () => TokenStatsManager.init());
const storedSide = GM_getValue(SK.PANEL_SIDE, null);
if (storedSide === 'left' || storedSide === 'right') panelSide = storedSide;
safeStep('createSidebar', createSidebar);
safeStep('exposeAPI', exposeAPI);
safeStep('startSelfHealing', startSelfHealing);
safeStep('EventBus.ready', () => EventBus.emit('ready', { version: _v }));
console.log('[SA-Agent] 初始化完成，SteamAgent API 已暴露');
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', init);
} else {
setTimeout(init, 100);
}
})();