语音交互
${state.voiceEnabled ? `
语音 AI
${renderFeatureSelect({
title: '语音识别',
toggleKey: 'asr-enabled',
checked: state.asrEnabled,
activeId: state.selectedAsrModelId,
options: asrModels,
hint: 'API Key 统一在 ASR 模型管理中维护，连接成功且启用后才可选择',
emptyText: '暂无可用 ASR 模型，请先创建并通过自动校验',
manageAction: 'asr-model-manager',
manageText: '管理 ASR 模型',
})}
${renderFeatureSelect({
title: '语音合成',
toggleKey: 'tts-enabled',
checked: state.ttsEnabled,
activeId: state.selectedTtsModelId,
options: ttsModels,
hint: 'API Key、Voice ID 和音频格式统一在 TTS 模型管理中维护',
emptyText: '暂无可用 TTS 模型，请先创建并通过自动校验',
manageAction: 'tts-model-manager',
manageText: '管理 TTS 模型',
})}
热词
热词组绑定
热词组来自热词库管理，新增后会自动出现在这里
语音合成播报过滤
${state.ttsFilterEnabled ? renderTtsFilterSummary(state) : ''}
` : `
当前为文字交互模式
关闭语音交互后，不展示语音 AI、热词、播报过滤和对话打断配置。
`}
`;
}
function renderUnderstandStep(state) {
const data = AGENT_CONFIG_MOCK.understand;
const textModels = getAvailableTextModels();
if (state.selectedTextModelId && !textModels.some(model => model.id === state.selectedTextModelId)) {
state.selectedTextModelId = '';
}
if (!state.selectedTextModelId && textModels.length) {
state.selectedTextModelId = textModels[0].id;
}
const selectedModel = textModels.find(item => item.id === state.selectedTextModelId) || textModels[0] || null;
return `
${renderSection('意图识别', '', `${data.intentModel.desc} 关闭将不再触发调用工具/Agent 等基于语义理解的交互功能，适用于低成本、轻量级语音交互场景。`, `
`)}
${renderSection('文本模型', `
模型选择
模型凭证统一在文本模型管理中维护，校验通过并启用后才可选择
${selectedModel ? `
${escapeHtml(selectedModel.desc)}
` : ''}
`)}
${renderPromptEditor(state.prompt || data.prompt)}
${renderSection('对话变量', `
${renderVariableSimpleEditor(state)}
`, '变量是智能体运行时的状态存储，可用于注入 Prompt、节点传递、流程控制和上下文记忆。', `
`)}
${renderSection('上下文轮数', `
携带最近
轮对话作为上下文
`)}
${renderKnowledgeBaseSection(state.knowledgeBases || data.knowledgeBases)}
${renderSection('对话承接语', '', '大模型基于用户输入自动生成承接语，减少回复等待时间', `
`)}
${renderSection('互联网搜索', '', '关闭后不展示搜索模式，仅保留本地知识和模型能力', `
`)}
${renderSection('长期记忆', '', '基于对话历史形成专属记忆库，并在后续对话中体现。开启长期记忆后，结合记忆内容进行回复的对话会增加额外耗时。', `
`)}
${renderSection('指令', `
当前智能体只会调用已挂载的指令。指令创建后会保存在指令库中，可重复选择。
${commands.length ? commands.map(item => `
${escapeHtml(item.name)} ${escapeHtml(item.commandType || '自定义指令')}
${escapeHtml(item.desc)}
`).join('') : `
暂无已挂载指令
从 0 开始创建指令，创建后可在指令库中重复选择。
`}
`)}
${renderSection('插件', `
当前智能体只会调用已挂载的插件。插件创建后会保存在插件库中，可重复选择。
${plugins.length ? plugins.map(item => `
${escapeHtml(item.name)} ${escapeHtml(item.pluginType || '自定义插件')}
${escapeHtml(item.desc)}
${escapeHtml(item.status || '系统执行')}
`).join('') : `
暂无已挂载插件
从 0 开始创建插件，创建后可在插件库中重复选择。
`}
`)}
${renderMcpSection(state)}
${escapeHtml(message.content)}
`;
}
const content = message.displayContent !== undefined ? message.displayContent : message.content;
return `
${escapeHtml(content || '')}
${message.content ? `
` : ''}
`;
}
function getRunSession(state) {
if (!state.runSession) {
state.runSession = {};
}
return state.runSession;
}
function getRuntimeApiKeysForApp(state) {
const settings = typeof loadSettings === 'function'
? loadSettings()
: (window.__talkingqSettings || {});
if (Array.isArray(settings.apiKeyRecords)) {
const records = settings.apiKeyRecords
.filter(record => String(record.value || '').trim())
.map(record => ({
id: record.id,
name: record.name || 'API Key',
provider: record.provider || record.providerId || 'Custom',
value: record.value,
}));
if (records.length) return records;
}
const apiKeys = settings.apiKeys || {};
return [
{ id: 'openai', name: 'OpenAI API Key', provider: 'OpenAI', value: apiKeys.openai || '' },
{ id: 'ali', name: '阿里云百炼 API Key', provider: 'Alibaba Cloud Bailian', value: apiKeys.ali || '' },
{ id: 'gemini', name: 'Google Gemini API Key', provider: 'Google Gemini', value: apiKeys.gemini || '' },
].filter(item => String(item.value || '').trim());
}
function formatRuntimeDuration(seconds) {
const safe = Math.max(0, Number(seconds) || 0);
const min = Math.floor(safe / 60);
const sec = safe % 60;
return `${String(min).padStart(2, '0')}:${String(sec).padStart(2, '0')}`;
}
function getAgentRunTimerKey(state) {
return state.app?.id || 'default';
}
function clearAgentRunTimer(state) {
const timers = ensureAgentRunTimers();
const key = getAgentRunTimerKey(state);
if (timers[key]) {
window.clearInterval(timers[key]);
delete timers[key];
}
}
function buildAgentConfigSnapshot(state) {
return {
appId: state.app?.id,
appName: state.app?.name,
savedAt: state.lastSavedAt,
voiceEnabled: state.voiceEnabled,
asrEnabled: state.asrEnabled,
ttsEnabled: state.ttsEnabled,
selectedInteractionLanguage: state.selectedInteractionLanguage,
selectedAsrModelId: state.selectedAsrModelId,
selectedTtsModelId: state.selectedTtsModelId,
selectedTextModelId: state.selectedTextModelId,
selectedHotwordGroupId: state.selectedHotwordGroupId,
ttsFilterEnabled: state.ttsFilterEnabled,
interruptPrimaryEnabled: state.interruptPrimaryEnabled,
interruptSecondaryEnabled: state.interruptSecondaryEnabled,
semanticStopEnabled: state.semanticStopEnabled,
intentEnabled: state.intentEnabled,
dialogueContinuationEnabled: state.dialogueContinuationEnabled,
knowledgeSearchEnabled: state.knowledgeSearchEnabled,
longTermMemoryEnabled: state.longTermMemoryEnabled,
prompt: state.prompt,
variables: state.variables,
knowledgeBases: state.knowledgeBases,
selectedCommandIds: state.selectedCommandIds,
selectedPluginIds: state.selectedPluginIds,
selectedMcpServiceIds: state.selectedMcpServiceIds,
};
}
function updateAgentAutosaveIndicator(state) {
const indicator = document.querySelector('#agentAutosaveStatus');
if (!indicator) return;
indicator.classList.toggle('saving', state.saveStatus === 'saving');
indicator.textContent = state.saveStatus === 'saving'
? '自动保存中'
: state.lastSavedAt ? `已自动保存 ${getTimeOnly(state.lastSavedAt)}` : '等待自动保存';
}
function autoSaveAgentConfig(state) {
state.saveStatus = 'saved';
state.lastSavedAt = getNowText();
const store = ensureAgentConfigAutosaves();
store[state.app?.id || 'default'] = buildAgentConfigSnapshot(state);
updateAgentAutosaveIndicator(state);
}
function scheduleAgentConfigAutoSave(state) {
if (state.__saveTimer) {
window.clearTimeout(state.__saveTimer);
}
state.saveStatus = 'saving';
updateAgentAutosaveIndicator(state);
state.__saveTimer = window.setTimeout(() => {
autoSaveAgentConfig(state);
state.__saveTimer = null;
}, 300);
}
function getMockTranscriptForSecond(second) {
const fragments = [
'你好小Q',
'你好小Q，今天可以给我讲一个太空故事吗',
'你好小Q，今天可以给我讲一个太空故事吗，里面要有机器人和小朋友',
'你好小Q，今天可以给我讲一个太空故事吗，里面要有机器人和小朋友，最后要开心一点',
];
if (second <= 1) return fragments[0];
if (second <= 2) return fragments[1];
if (second <= 4) return fragments[2];
return fragments[3];
}
function getMockAiResponseForSecond(second) {
if (second < 2) return '';
if (second < 4) return '可以呀，我正在准备一个温柔的太空小故事。';
return '当然可以。小朋友坐上银色小飞船，和机器人小Q一起飞向月亮。他们发现一颗会唱歌的小星星，最后把星光带回家，送给每一个睡前还想听故事的小朋友。';
}
function getAgentRuntimeUserName() {
return window.__currentUser?.displayName
|| window.__currentUser?.name
|| window.currentUser?.displayName
|| window.currentUser?.name
|| 'Admin';
}
function syncVoiceRuntimeDom(container, state) {
const panel = container.querySelector('.agent-voice-panel.recording');
if (!panel || state.preview !== 'voice-runtime') return false;
const session = getRunSession(state);
const latency = session.latencyMs == null ? '3377ms' : `${session.latencyMs}ms`;
const recordText = session.isRecording ? formatRuntimeDuration(session.elapsedSeconds) : '00:00';
const transcript = session.transcript || '正在监听，请开始说话...';
const aiResponse = session.aiDisplayResponse !== undefined ? session.aiDisplayResponse : (session.aiResponse || '');
const transcriptNode = panel.querySelector('[data-voice-runtime="transcript"]');
if (transcriptNode) transcriptNode.textContent = transcript;
const aiContentNode = panel.querySelector('[data-voice-runtime="ai-content"]');
if (aiContentNode) {
if (aiResponse) {
aiContentNode.textContent = aiResponse;
} else if (!aiContentNode.querySelector('.agent-runtime-typing')) {
aiContentNode.innerHTML = '