@@ -2937,9 +3749,12 @@
手动安装依赖
items: [],
loading: false,
},
+ learningModules: {
+ expressionType: 'dialogues',
+ },
activePage: 'home',
};
- const DASHBOARD_PAGES = ['home', 'overview', 'insights', 'monitoring', 'reviews', 'content', 'reply-strategy', 'graphs', 'integrations', 'settings'];
+ const DASHBOARD_PAGES = ['home', 'overview', 'insights', 'monitoring', 'reviews', 'jargon-learning', 'expression-learning', 'persona-learning', 'content', 'reply-strategy', 'graphs', 'integrations', 'settings'];
const numberFmt = new Intl.NumberFormat('zh-CN', {
maximumFractionDigits: 1,
@@ -3031,6 +3846,27 @@
手动安装依赖
return Array.isArray(value) ? value : [];
}
+ function setText(id, value) {
+ const element = $(id);
+ if (element) {
+ element.textContent = value;
+ }
+ }
+
+ function setHTML(id, value) {
+ const element = $(id);
+ if (element) {
+ element.innerHTML = value;
+ }
+ }
+
+ function syncFieldValue(id, value) {
+ const element = $(id);
+ if (element && document.activeElement !== element) {
+ element.value = value;
+ }
+ }
+
function patternCount(value) {
if (Array.isArray(value)) {
return value.length;
@@ -3412,9 +4248,178 @@
手动安装依赖
if (!state.batch.items.length || force) {
loadBatchList();
}
+ } else if (page === 'jargon-learning') {
+ if (!state.jargon.items.length || force) {
+ loadJargonList();
+ } else {
+ renderLearningModules(state.data || {});
+ }
+ } else if (page === 'expression-learning') {
+ if (force || !state.content.loaded) {
+ loadLearningContent({ quiet: true });
+ } else {
+ renderLearningModules(state.data || {});
+ }
+ } else if (page === 'persona-learning') {
+ renderLearningModules(state.data || {});
}
}
+ function learningModuleSnapshot(data) {
+ const payload = data || {};
+ const metrics = payload.metrics || {};
+ const trends = payload.trends || {};
+ const persona = payload.persona || {};
+ const personaReviewed = payload.personaReviewed || {};
+ const personaState = payload.personaState || {};
+ const personaBackups = payload.personaBackups || {};
+ const style = payload.style || {};
+ const contentPayload = getContentPayload();
+ const jargonStats = extractJargonStats(payload.jargonStats);
+ const personaUpdates = safeArray(persona.updates);
+ const styleBacklog = safeNumber(style.total);
+ const personaTotal = safeNumber(persona.total);
+ const personaPayloadIncludesStyle = personaUpdates.some((item) => item && item.review_source === 'style_learning');
+ const personaBacklog = personaPayloadIncludesStyle ? Math.max(0, personaTotal - styleBacklog) : personaTotal;
+ const totalCandidates = safeNumber(jargonStats.total_candidates);
+ const confirmedJargon = safeNumber(jargonStats.confirmed_jargon);
+ const pendingJargon = Math.max(0, totalCandidates - confirmedJargon);
+ const contentCounts = {
+ dialogues: safeArray(contentPayload.dialogues).length,
+ analysis: safeArray(contentPayload.analysis).length,
+ features: safeArray(contentPayload.features).length,
+ history: safeArray(contentPayload.history).length,
+ };
+ const expressionTotal = Object.values(contentCounts).reduce((sum, value) => sum + value, 0);
+ const backups = safeArray(personaBackups.backups);
+
+ return {
+ metrics,
+ trends,
+ jargon: {
+ stats: jargonStats,
+ totalCandidates,
+ confirmed: confirmedJargon,
+ pending: pendingJargon,
+ occurrences: safeNumber(jargonStats.total_occurrences),
+ completed: safeNumber(jargonStats.completed_inference),
+ items: state.jargon.items.length ? state.jargon.items : extractJargonItems(payload.jargonList),
+ },
+ expression: {
+ content: contentPayload,
+ counts: contentCounts,
+ total: expressionTotal,
+ pending: styleBacklog,
+ reviews: safeArray(style.reviews),
+ batches: safeArray(trends.recent_batches),
+ },
+ persona: {
+ state: personaState,
+ backups,
+ backupTotal: safeNumber(personaBackups.total || backups.length),
+ pending: personaBacklog,
+ reviewed: safeNumber(personaReviewed.total || safeArray(personaReviewed.updates).length),
+ updates: personaUpdates.filter((item) => !(item && item.review_source === 'style_learning')),
+ promptLength: safeNumber(personaState.prompt_length),
+ beginDialogs: safeNumber(personaState.begin_dialog_count),
+ },
+ backlog: personaBacklog + styleBacklog + pendingJargon,
+ contentTotal: expressionTotal,
+ batchCount: safeArray(trends.recent_batches).length,
+ efficiency: safeNumber(metrics.learning_efficiency),
+ };
+ }
+
+ function moduleStatMarkup(rows) {
+ return rows.map(([label, value]) => `
+
+
${escapeHtml(label)}
+
${escapeHtml(value)}
+
+ `).join('');
+ }
+
+ function renderCompactJargonItems(items, limit = 10) {
+ const rows = safeArray(items).slice(0, limit).map((item) => {
+ const id = item.id;
+ const title = item.term || item.content || item.word || '未命名';
+ const definition = item.definition || item.meaning || item.review_detail || item.description || '';
+ const meta = [
+ item.group_id ? `群组 ${item.group_id}` : null,
+ item.is_confirmed !== undefined ? (item.is_confirmed ? '已确认' : '待确认') : null,
+ item.is_global ? '全局' : '本地',
+ item.occurrences !== undefined ? `出现 ${formatCount(item.occurrences)}` : null,
+ ].filter(Boolean).join(' · ');
+ return `
+
+
+
${escapeHtml(title)}
+
${item.is_confirmed ? '已确认' : '待确认'}
+
+
${escapeHtml(meta || '未分组')}
+
${escapeHtml(definition || '暂无释义')}
+
+ ${item.is_confirmed ? actionButton('jargon-edit', id, 'edit', '编辑') : actionButton('jargon-approve', id, 'done', '确认', 'success')}
+ ${item.is_confirmed ? '' : actionButton('jargon-reject', id, 'block', '驳回', 'warning')}
+ ${actionButton('jargon-toggle-global', id, item.is_global ? 'public_off' : 'public', item.is_global ? '取消全局' : '设为全局')}
+
+
+ `;
+ });
+ return rows.length ? rows.join('') : '
';
+ }
+
+ function renderCompactContentItems(type, items, limit = 12) {
+ const rows = safeArray(items).slice(0, limit).map((item) => {
+ const title = item.title || item.type || contentTypeLabel(type);
+ const meta = [item.timestamp ? formatTime(item.timestamp) : null, item.metadata, item.status ? `状态 ${item.status}` : null].filter(Boolean).join(' · ');
+ const text = item.text || item.detail || renderObjectSummary(item.raw) || '暂无内容';
+ return `
+
+
+
${escapeHtml(title)}
+
${escapeHtml(contentTypeLabel(type))}
+
+
${escapeHtml(meta || '学习内容')}
+
${escapeHtml(text)}
+
+ `;
+ });
+ return rows.length ? rows.join('') : `
article暂无${escapeHtml(contentTypeLabel(type))}
`;
+ }
+
+ function renderPersonaStateModule(snapshot) {
+ const statePayload = snapshot.persona.state || {};
+ const persona = statePayload.persona || {};
+ const services = statePayload.available_services || {};
+ const activeServices = Object.entries(services).filter(([, available]) => available).map(([name]) => name);
+ const promptPreview = statePayload.prompt_preview || persona.prompt || persona.system_prompt || '';
+ setText('personaModuleStateHint', statePayload.degraded ? '降级预览' : (persona.name || persona.persona_id || 'default'));
+ setHTML('personaModuleState', `
+
+
+
${escapeHtml(persona.name || persona.persona_id || '默认人格')}
+
${escapeHtml(statePayload.group_id || 'default')}
+
+
Begin dialogs ${formatCount(snapshot.persona.beginDialogs)} · Tools ${formatCount(statePayload.tool_count || 0)} · 服务 ${escapeHtml(activeServices.length ? activeServices.join(', ') : 'fallback')}
+
${escapeHtml(promptPreview || '暂无人格 Prompt')}
+
+ ${snapshot.persona.backups.slice(0, 3).map((item) => `
+
+
+
${escapeHtml(item.backup_name || `备份 ${item.id}`)}
+
${escapeHtml(item.persona_name || 'persona')}
+
+
${escapeHtml(item.timestamp ? formatTime(item.timestamp) : (item.created_at ? formatTime(item.created_at) : '人格备份'))}
+
+ ${actionButton('persona-backup-view', item.id, 'visibility', '查看', '', { 'group-id': item.group_id })}
+ ${actionButton('persona-backup-restore', item.id, 'settings_backup_restore', '恢复', 'warning', { 'group-id': item.group_id })}
+
+
+ `).join('')}
+ `);
+ }
+
function renderHomeModules(data) {
const metrics = data.metrics || {};
const health = data.health || {};
@@ -3485,6 +4490,97 @@
手动安装依赖
: '配置中心';
}
+ function renderLearningModuleCharts(snapshot) {
+ renderMiniBarChart('homeJargonMiniChart', ['候选', '确认', '待确认'], [
+ snapshot.jargon.totalCandidates,
+ snapshot.jargon.confirmed,
+ snapshot.jargon.pending,
+ ], 3);
+ renderMiniBarChart('homeExpressionMiniChart', ['对话', '分析', '模式', '批次'], [
+ snapshot.expression.counts.dialogues,
+ snapshot.expression.counts.analysis,
+ snapshot.expression.counts.features,
+ snapshot.expression.counts.history,
+ ], 2);
+ renderMiniBarChart('homePersonaMiniChart', ['待审', '已审', '备份'], [
+ snapshot.persona.pending,
+ snapshot.persona.reviewed,
+ snapshot.persona.backupTotal,
+ ], 1);
+
+ renderModuleDonutChart('jargonModuleChart', [
+ ['待确认', snapshot.jargon.pending],
+ ['已确认', snapshot.jargon.confirmed],
+ ['完成推理', snapshot.jargon.completed],
+ ], `出现 ${formatCount(snapshot.jargon.occurrences)}`);
+ renderModuleDonutChart('expressionModuleChart', [
+ ['原始对话', snapshot.expression.counts.dialogues],
+ ['分析结果', snapshot.expression.counts.analysis],
+ ['表达模式', snapshot.expression.counts.features],
+ ['学习批次', snapshot.expression.counts.history],
+ ], `总计 ${formatCount(snapshot.expression.total)}`);
+ renderModuleGaugeChart('personaModuleChart', [
+ ['待审人格', snapshot.persona.pending],
+ ['已审人格', snapshot.persona.reviewed],
+ ['人格备份', snapshot.persona.backupTotal],
+ ['Begin dialogs', snapshot.persona.beginDialogs],
+ ], `Prompt ${formatCount(snapshot.persona.promptLength)}`);
+ }
+
+ function renderLearningModules(data) {
+ const snapshot = learningModuleSnapshot(data);
+ setText('learningPulseEfficiency', formatPercent(snapshot.efficiency));
+ setText('learningPulseBacklog', formatCount(snapshot.backlog));
+ setText('learningPulseContent', snapshot.contentTotal ? formatCount(snapshot.contentTotal) : '--');
+ setText('learningPulseBatches', snapshot.batchCount ? formatCount(snapshot.batchCount) : '--');
+
+ setText('homeJargonCandidates', formatCount(snapshot.jargon.totalCandidates));
+ setText('homeJargonConfirmed', formatCount(snapshot.jargon.confirmed));
+ setText('homeJargonPending', formatCount(snapshot.jargon.pending));
+ setText('homeExpressionSamples', snapshot.expression.total ? formatCount(snapshot.expression.total) : '--');
+ setText('homeExpressionPatterns', snapshot.expression.counts.features ? formatCount(snapshot.expression.counts.features) : '--');
+ setText('homeExpressionPending', formatCount(snapshot.expression.pending));
+ setText('homePersonaPending', formatCount(snapshot.persona.pending));
+ setText('homePersonaReviewed', formatCount(snapshot.persona.reviewed));
+ setText('homePersonaBackups', formatCount(snapshot.persona.backupTotal));
+
+ setText('jargonModuleCandidates', formatCount(snapshot.jargon.totalCandidates));
+ setText('jargonModulePending', formatCount(snapshot.jargon.pending));
+ setText('jargonModuleConfirmed', formatCount(snapshot.jargon.confirmed));
+ setText('jargonModuleOccurrences', formatCount(snapshot.jargon.occurrences));
+ setText('jargonLearningSummary', `候选 ${formatCount(snapshot.jargon.totalCandidates)} · 确认 ${formatCount(snapshot.jargon.confirmed)} · 出现 ${formatCount(snapshot.jargon.occurrences)}`);
+ setText('jargonModuleChartHint', `待确认 ${formatCount(snapshot.jargon.pending)} 条`);
+ setText('jargonModuleListHint', `当前筛选 ${state.jargon.filter} · ${formatCount(state.jargon.total || snapshot.jargon.items.length)} 条`);
+ setHTML('jargonModuleList', renderCompactJargonItems(snapshot.jargon.items));
+ syncFieldValue('jargonModuleFilterSelect', state.jargon.filter);
+ syncFieldValue('jargonModuleSearchInput', state.jargon.search || '');
+
+ setText('expressionModuleDialogues', formatCount(snapshot.expression.counts.dialogues));
+ setText('expressionModuleAnalysis', formatCount(snapshot.expression.counts.analysis));
+ setText('expressionModuleFeatures', formatCount(snapshot.expression.counts.features));
+ setText('expressionModulePending', formatCount(snapshot.expression.pending));
+ setText('expressionLearningSummary', `样本 ${formatCount(snapshot.expression.total)} · 待审风格 ${formatCount(snapshot.expression.pending)} · 最近批次 ${formatCount(snapshot.batchCount)}`);
+ setText('expressionModuleChartHint', `${formatCount(snapshot.expression.total)} 条学习内容`);
+ const expressionType = state.learningModules.expressionType || 'dialogues';
+ document.querySelectorAll('[data-expression-module-type]').forEach((tab) => {
+ tab.classList.toggle('active', tab.dataset.expressionModuleType === expressionType);
+ });
+ setText('expressionModuleListHint', `${contentTypeLabel(expressionType)} · ${formatCount(safeArray(snapshot.expression.content[expressionType]).length)} 条`);
+ setHTML('expressionModuleList', renderCompactContentItems(expressionType, snapshot.expression.content[expressionType]));
+
+ setText('personaModulePending', formatCount(snapshot.persona.pending));
+ setText('personaModuleReviewed', formatCount(snapshot.persona.reviewed));
+ setText('personaModuleBackups', formatCount(snapshot.persona.backupTotal));
+ setText('personaModulePrompt', formatCount(snapshot.persona.promptLength));
+ setText('personaLearningSummary', `待审 ${formatCount(snapshot.persona.pending)} · 已审 ${formatCount(snapshot.persona.reviewed)} · 备份 ${formatCount(snapshot.persona.backupTotal)}`);
+ setText('personaModuleChartHint', `Prompt ${formatCount(snapshot.persona.promptLength)} 字 · Begin dialogs ${formatCount(snapshot.persona.beginDialogs)}`);
+ setText('personaModuleListHint', `${formatCount(snapshot.persona.pending)} 条待审`);
+ setHTML('personaModuleList', renderPersonaQueue(snapshot.persona.updates));
+ renderPersonaStateModule(snapshot);
+
+ renderLearningModuleCharts(snapshot);
+ }
+
function collectLLMCalls(llmCalls, llmCallBreakdown, llmCallSummary, filterModelSummary) {
const sourceRows = safeArray(llmCallBreakdown).length
? safeArray(llmCallBreakdown)
@@ -3864,7 +4960,7 @@
手动安装依赖
llm: 'monitoring',
efficiency: 'monitoring',
reviews: 'reviews',
- jargon: 'reviews',
+ jargon: 'jargon-learning',
batches: 'reviews',
messages: 'overview',
stable: 'overview',
@@ -4074,6 +5170,182 @@
手动安装依赖
return state.charts[id];
}
+ function renderMiniBarChart(id, labels, values, accentIndex = 0) {
+ const chart = ensureChart(id);
+ if (!chart) {
+ return;
+ }
+ const palette = getThemePalette();
+ chart.setOption({
+ backgroundColor: 'transparent',
+ animation: true,
+ grid: { left: 4, right: 4, top: 6, bottom: 4 },
+ xAxis: {
+ type: 'category',
+ data: labels,
+ show: false,
+ },
+ yAxis: {
+ type: 'value',
+ show: false,
+ },
+ tooltip: {
+ trigger: 'axis',
+ backgroundColor: getTooltipBackground(),
+ borderColor: getTooltipBorderColor(),
+ borderWidth: 1,
+ textStyle: { color: getTextColor() },
+ },
+ series: [{
+ type: 'bar',
+ data: values,
+ barWidth: '48%',
+ itemStyle: {
+ color: palette[accentIndex] || palette[0],
+ borderRadius: [6, 6, 2, 2],
+ },
+ }],
+ }, true);
+ }
+
+ function renderModuleDonutChart(id, rows, centerLabel) {
+ const chart = ensureChart(id);
+ if (!chart) {
+ return;
+ }
+ const data = rows
+ .map(([name, value]) => ({ name, value: Math.max(0, safeNumber(value)) }))
+ .filter((item) => item.value > 0);
+
+ if (!data.length) {
+ chart.setOption({
+ graphic: [{
+ type: 'text',
+ left: 'center',
+ top: 'middle',
+ style: {
+ text: '暂无数据',
+ fill: getTextColor(),
+ fontSize: 14,
+ },
+ }],
+ }, true);
+ return;
+ }
+
+ chart.setOption({
+ backgroundColor: 'transparent',
+ color: getThemePalette(),
+ textStyle: { color: getTextColor() },
+ tooltip: {
+ trigger: 'item',
+ backgroundColor: getTooltipBackground(),
+ borderColor: getTooltipBorderColor(),
+ borderWidth: 1,
+ textStyle: { color: getTextColor() },
+ },
+ legend: {
+ bottom: 0,
+ itemWidth: 10,
+ itemHeight: 10,
+ textStyle: { color: getMutedColor(), fontSize: 11 },
+ },
+ series: [{
+ type: 'pie',
+ radius: ['48%', '70%'],
+ center: ['50%', '43%'],
+ avoidLabelOverlap: true,
+ label: {
+ formatter: '{b}\n{c}',
+ color: getTextColor(),
+ fontSize: 12,
+ },
+ labelLine: {
+ length: 10,
+ length2: 8,
+ lineStyle: { color: getBorderColor() },
+ },
+ emphasis: {
+ scale: true,
+ scaleSize: 8,
+ },
+ data,
+ }],
+ graphic: [{
+ type: 'text',
+ left: 'center',
+ top: '38%',
+ style: {
+ text: centerLabel || '',
+ fill: getMutedColor(),
+ fontSize: 12,
+ fontWeight: 700,
+ textAlign: 'center',
+ },
+ }],
+ }, true);
+ }
+
+ function renderModuleGaugeChart(id, rows, centerValue) {
+ const chart = ensureChart(id);
+ if (!chart) {
+ return;
+ }
+ const maxValue = Math.max(1, ...rows.map(([, value]) => safeNumber(value)));
+ chart.setOption({
+ backgroundColor: 'transparent',
+ color: getThemePalette(),
+ textStyle: { color: getTextColor() },
+ grid: { left: 100, right: 28, top: 16, bottom: 24 },
+ tooltip: {
+ trigger: 'axis',
+ axisPointer: { type: 'shadow' },
+ backgroundColor: getTooltipBackground(),
+ borderColor: getTooltipBorderColor(),
+ borderWidth: 1,
+ textStyle: { color: getTextColor() },
+ },
+ xAxis: {
+ type: 'value',
+ max: Math.ceil(maxValue * 1.2),
+ axisLabel: { color: getMutedColor() },
+ splitLine: { lineStyle: { color: getGridColor() } },
+ },
+ yAxis: {
+ type: 'category',
+ data: rows.map(([label]) => label),
+ axisLabel: { color: getTextColor() },
+ axisLine: { lineStyle: { color: getBorderColor() } },
+ },
+ series: [{
+ type: 'bar',
+ data: rows.map(([, value]) => safeNumber(value)),
+ barWidth: 18,
+ itemStyle: {
+ color: getTrendBarGradient(),
+ borderRadius: [0, 8, 8, 0],
+ },
+ label: {
+ show: true,
+ position: 'right',
+ color: getMutedColor(),
+ formatter: '{c}',
+ },
+ }],
+ graphic: centerValue ? [{
+ type: 'text',
+ right: 18,
+ top: 8,
+ style: {
+ text: centerValue,
+ fill: getMutedColor(),
+ fontSize: 12,
+ fontWeight: 700,
+ },
+ }] : [],
+ }, true);
+ }
+
function confidenceLabel(value) {
if (value === null || value === undefined || value === '') {
return null;
@@ -4083,7 +5355,7 @@
手动安装依赖
return `置信 ${formatPercent(score <= 1 ? score * 100 : score)}`;
}
- function actionButton(action, id, icon, label, tone = '') {
+ function actionButton(action, id, icon, label, tone = '', attrs = {}) {
if (id === undefined || id === null || id === '') {
return '';
}
@@ -4092,12 +5364,17 @@
手动安装依赖
const displayIcon = icon;
const displayLabel = label;
const displayTone = tone;
+ const attrHtml = Object.entries(attrs || {})
+ .filter(([, value]) => value !== undefined && value !== null && value !== '')
+ .map(([key, value]) => `data-${key}="${escapeHtml(value)}"`)
+ .join(' ');
return `
`;
@@ -5933,7 +7210,21 @@
${escapeHtml(item.title)}
return payload;
}
- async function runDashboardAction(action, id) {
+ async function runDashboardAction(action, id, meta = {}) {
+ if (action === 'module-refresh') {
+ if (id === 'jargon') {
+ await loadJargonList();
+ } else if (id === 'expression') {
+ await loadLearningContent();
+ } else if (id === 'persona') {
+ await loadDashboard();
+ } else {
+ await loadDashboard();
+ }
+ showToast('模块已刷新', 'ok');
+ return;
+ }
+
if (id === undefined || id === null || id === '') {
setQueueStatus('缺少可操作的 ID。', 'error');
return;
@@ -5974,6 +7265,10 @@
${escapeHtml(item.title)}
try {
let payload = null;
+ const backupGroupId = meta.groupId || '';
+ const backupQuery = backupGroupId
+ ? `?${new URLSearchParams({ group_id: backupGroupId }).toString()}`
+ : '';
if (action === 'persona-approve') {
if (!(await showConfirm('审批确认', '确定通过这条人格更新？', '批准'))) { showToast('已取消', 'warn'); state.actionBusy.delete(busyKey); renderAll(state.data || {}); return; }
payload = await postJson(`/api/persona_updates/${encodeURIComponent(id)}/review`, { action: 'approve' });
@@ -5983,7 +7278,7 @@
${escapeHtml(item.title)}
} else if (action === 'persona-delete') {
payload = await postJson(`/api/persona_updates/${encodeURIComponent(id)}/delete`);
} else if (action === 'persona-backup-view') {
- payload = await safeFetch(`/api/persona_backups/${encodeURIComponent(id)}?group_id=default`);
+ payload = await safeFetch(`/api/persona_backups/${encodeURIComponent(id)}${backupQuery}`);
if (!payload) {
throw new Error('人格备份不存在');
}
@@ -5993,9 +7288,9 @@
${escapeHtml(item.title)}
showToast('人格备份详情已读取', 'ok');
return;
} else if (action === 'persona-backup-restore') {
- payload = await postJson(`/api/persona_backups/${encodeURIComponent(id)}/restore`, { group_id: 'default' });
+ payload = await postJson(`/api/persona_backups/${encodeURIComponent(id)}/restore`, backupGroupId ? { group_id: backupGroupId } : {});
} else if (action === 'persona-backup-delete') {
- payload = await deleteJson(`/api/persona_backups/${encodeURIComponent(id)}?group_id=default`);
+ payload = await deleteJson(`/api/persona_backups/${encodeURIComponent(id)}${backupQuery}`);
} else if (action === 'jargon-approve') {
if (!(await showConfirm('审批确认', '确定确认这条黑话？', '确认'))) { showToast('已取消', 'warn'); state.actionBusy.delete(busyKey); renderAll(state.data || {}); return; }
payload = await postJson(`/api/jargon/${encodeURIComponent(id)}/review`, { action: 'approve' });
@@ -6625,6 +7920,7 @@
${escapeHtml(item.title)}
renderLearningContent();
if (state.data) {
renderHomeModules(state.data);
+ renderLearningModules(state.data);
}
}
}
@@ -6634,11 +7930,13 @@
${escapeHtml(item.title)}
renderSummary(data);
renderInsightPanel(data);
renderHomeModules(data);
+ renderLearningModules(data);
renderTrendChart(data.trends || {});
renderEfficiencyChart(data.metrics || {});
if (state.content.data) {
renderLearningContent();
renderHomeModules(data);
+ renderLearningModules(data);
}
if (Object.values(state.charts).length) {
Object.values(state.charts).forEach((chart) => chart && chart.resize());
@@ -6726,6 +8024,61 @@
${escapeHtml(item.title)}
}
}
+ function initPhysicsMotion() {
+ const reduceMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+ if (reduceMotion) {
+ return;
+ }
+
+ const surfaces = Array.from(document.querySelectorAll('[data-physics]'));
+ surfaces.forEach((surface) => {
+ const settle = () => {
+ surface.classList.remove('is-pressing');
+ surface.animate([
+ {
+ transform: getComputedStyle(surface).transform === 'none'
+ ? 'perspective(900px) translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg) scale(1)'
+ : getComputedStyle(surface).transform,
+ },
+ {
+ transform: 'perspective(900px) translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg) scale(1)',
+ },
+ ], {
+ duration: 520,
+ easing: 'cubic-bezier(0.22, 1.35, 0.36, 1)',
+ });
+ surface.style.setProperty('--spring-x', '0px');
+ surface.style.setProperty('--spring-y', '0px');
+ surface.style.setProperty('--spring-rx', '0deg');
+ surface.style.setProperty('--spring-ry', '0deg');
+ surface.style.setProperty('--spring-scale', '1');
+ };
+
+ surface.addEventListener('pointermove', (event) => {
+ const rect = surface.getBoundingClientRect();
+ if (!rect.width || !rect.height) {
+ return;
+ }
+ const px = (event.clientX - rect.left) / rect.width - 0.5;
+ const py = (event.clientY - rect.top) / rect.height - 0.5;
+ const strength = surface.classList.contains('is-pressing') ? 1.2 : 0.72;
+ surface.style.setProperty('--spring-x', `${(px * 7 * strength).toFixed(2)}px`);
+ surface.style.setProperty('--spring-y', `${(py * 7 * strength).toFixed(2)}px`);
+ surface.style.setProperty('--spring-rx', `${(-py * 4 * strength).toFixed(2)}deg`);
+ surface.style.setProperty('--spring-ry', `${(px * 4 * strength).toFixed(2)}deg`);
+ });
+
+ surface.addEventListener('pointerdown', () => {
+ surface.classList.add('is-pressing');
+ surface.style.setProperty('--spring-scale', '0.985');
+ });
+ surface.addEventListener('pointerup', settle);
+ surface.addEventListener('pointercancel', settle);
+ surface.addEventListener('pointerleave', settle);
+ surface.addEventListener('blur', settle);
+ });
+ }
+
function updateLastUpdated() {
$('lastUpdated').textContent = new Intl.DateTimeFormat('zh-CN', {
hour: '2-digit',
@@ -6774,6 +8127,7 @@
${escapeHtml(item.title)}
style,
jargonStats,
jargonList,
+ contentText,
] = await Promise.all([
safeFetch('/api/metrics'),
safeFetch('/api/metrics/trends'),
@@ -6782,10 +8136,11 @@
${escapeHtml(item.title)}
safeFetch('/api/persona_updates?limit=10'),
safeFetch('/api/persona_updates/reviewed?limit=5'),
safeFetch('/api/persona_management/current?group_id=default'),
- safeFetch('/api/persona_backups/list?group_id=default&limit=8'),
+ safeFetch('/api/persona_backups/list?limit=8'),
safeFetch('/api/style_learning/reviews?limit=5'),
safeFetch('/api/jargon/stats'),
safeFetch('/api/jargon/list?page_size=5&confirmed=false&pending=true'),
+ safeFetch('/api/style_learning/content_text'),
]);
const fetchErrors = [];
@@ -6811,6 +8166,11 @@
${escapeHtml(item.title)}
_errors: fetchErrors,
};
+ if (contentText) {
+ state.content.data = contentText;
+ state.content.loaded = true;
+ }
+
renderAll(merged);
if (fetchErrors.length) {
@@ -6865,6 +8225,9 @@
${escapeHtml(item.title)}
state.jargon.totalPages = Math.max(1, Math.ceil(total / state.jargon.pageSize));
renderJargonPanel();
+ if (state.data) {
+ renderLearningModules(state.data);
+ }
} catch (e) {
console.error('Failed to load jargon list:', e);
} finally {
@@ -6897,6 +8260,9 @@
${escapeHtml(item.title)}
}
renderBatchPanel();
+ if (state.data) {
+ renderLearningModules(state.data);
+ }
} catch (e) {
console.error('Failed to load batch list:', e);
} finally {
@@ -6986,6 +8352,9 @@
${escapeHtml(item.title)}
$('jargonNextBtn').disabled = page >= totalPages;
$('jargonHint').textContent = `候选 ${formatCount((jargonStats.total_candidates ?? jargonStats.totalCandidates) || 0)} · 第 ${page}/${totalPages} 页`;
+ if (state.data) {
+ renderLearningModules(state.data);
+ }
}
function renderBatchPanel() {
@@ -7105,6 +8474,7 @@
${escapeHtml(item.title)}
$('jargonFilterSelect').addEventListener('change', (event) => {
state.jargon.filter = event.target.value;
state.jargon.page = 1;
+ syncFieldValue('jargonModuleFilterSelect', state.jargon.filter);
loadJargonList();
});
$('jargonSortSelect').addEventListener('change', (event) => {
@@ -7118,9 +8488,32 @@
${escapeHtml(item.title)}
jargonSearchTimer = setTimeout(() => {
state.jargon.search = event.target.value || '';
state.jargon.page = 1;
+ syncFieldValue('jargonModuleSearchInput', state.jargon.search);
loadJargonList();
}, 300);
});
+ const jargonModuleFilterSelect = $('jargonModuleFilterSelect');
+ if (jargonModuleFilterSelect) {
+ jargonModuleFilterSelect.addEventListener('change', (event) => {
+ state.jargon.filter = event.target.value;
+ state.jargon.page = 1;
+ syncFieldValue('jargonFilterSelect', state.jargon.filter);
+ loadJargonList();
+ });
+ }
+ const jargonModuleSearchInput = $('jargonModuleSearchInput');
+ if (jargonModuleSearchInput) {
+ let jargonModuleSearchTimer = null;
+ jargonModuleSearchInput.addEventListener('input', (event) => {
+ clearTimeout(jargonModuleSearchTimer);
+ jargonModuleSearchTimer = setTimeout(() => {
+ state.jargon.search = event.target.value || '';
+ state.jargon.page = 1;
+ syncFieldValue('jargonSearchInput', state.jargon.search);
+ loadJargonList();
+ }, 300);
+ });
+ }
$('jargonPrevBtn').addEventListener('click', () => {
if (state.jargon.page > 1) {
state.jargon.page--;
@@ -7155,7 +8548,9 @@
${escapeHtml(item.title)}
document.body.addEventListener('click', (event) => {
const actionTarget = event.target.closest('[data-dashboard-action]');
if (actionTarget) {
- runDashboardAction(actionTarget.dataset.dashboardAction, actionTarget.dataset.id);
+ runDashboardAction(actionTarget.dataset.dashboardAction, actionTarget.dataset.id, {
+ groupId: actionTarget.dataset.groupId || '',
+ });
return;
}
@@ -7197,6 +8592,15 @@
${escapeHtml(item.title)}
}
return;
}
+
+ const expressionModuleTab = event.target.closest('[data-expression-module-type]');
+ if (expressionModuleTab) {
+ state.learningModules.expressionType = ['dialogues', 'analysis', 'features', 'history'].includes(expressionModuleTab.dataset.expressionModuleType)
+ ? expressionModuleTab.dataset.expressionModuleType
+ : 'dialogues';
+ renderLearningModules(state.data || {});
+ return;
+ }
});
const graphReloadBtn = $('graphReloadBtn');
@@ -7243,6 +8647,7 @@
${escapeHtml(item.title)}
function init() {
applyTheme(state.theme);
bindEvents();
+ initPhysicsMotion();
navigateToPage(resolvePageFromHash(), { skipHash: true, instant: true });
loadDashboard();
loadConfigPanel();
diff --git a/webui/blueprints/personas.py b/webui/blueprints/personas.py
index ab9cd47e..25db54d1 100644
--- a/webui/blueprints/personas.py
+++ b/webui/blueprints/personas.py
@@ -180,7 +180,7 @@ async def get_current_persona_state():
@require_auth
async def list_persona_backups():
"""获取人格备份列表"""
- group_id = request.args.get("group_id", "default")
+ group_id = request.args.get("group_id")
try:
limit = _parse_backup_limit(request.args.get("limit", 20))
container = get_container()
@@ -208,7 +208,7 @@ async def get_persona_backup(backup_id: int):
try:
container = get_container()
backup_service = PersonaBackupService(container)
- group_id = request.args.get("group_id", "default")
+ group_id = request.args.get("group_id")
backup = await backup_service.get_backup(backup_id, group_id=group_id)
return jsonify(backup), 200
@@ -225,7 +225,7 @@ async def restore_persona_backup(backup_id: int):
"""恢复人格备份"""
try:
data = await request.get_json(silent=True) or {}
- group_id = data.get("group_id") or request.args.get("group_id", "default")
+ group_id = data.get("group_id") or request.args.get("group_id")
container = get_container()
backup_service = PersonaBackupService(container)
@@ -249,7 +249,7 @@ async def delete_persona_backup(backup_id: int):
try:
container = get_container()
backup_service = PersonaBackupService(container)
- group_id = request.args.get("group_id", "default")
+ group_id = request.args.get("group_id")
success, message = await backup_service.delete_backup(backup_id, group_id=group_id)
if success:
diff --git a/webui/services/persona_backup_service.py b/webui/services/persona_backup_service.py
index 336d2dcd..2e70a3eb 100644
--- a/webui/services/persona_backup_service.py
+++ b/webui/services/persona_backup_service.py
@@ -75,14 +75,24 @@ def _ensure_database(self):
if not self.database_manager:
raise ValueError('数据库服务未初始化，无法管理人格备份')
- async def list_backups(self, group_id: str = 'default', limit: Any = 20) -> Dict[str, Any]:
+ @staticmethod
+ def _normalize_group_id(group_id: Any) -> Optional[str]:
+ if group_id is None:
+ return None
+ value = str(group_id).strip()
+ if not value or value.lower() in {'all', '*'}:
+ return None
+ return value
+
+ async def list_backups(self, group_id: Optional[str] = None, limit: Any = 20) -> Dict[str, Any]:
"""获取人格备份列表。"""
self._ensure_database()
+ normalized_group_id = self._normalize_group_id(group_id)
normalized_limit = self._normalize_limit(limit)
if not hasattr(self.database_manager, 'get_persona_backups'):
return {
- 'group_id': group_id,
+ 'group_id': normalized_group_id,
'backups': [],
'total': 0,
'available': False,
@@ -91,30 +101,32 @@ async def list_backups(self, group_id: str = 'default', limit: Any = 20) -> Dict
try:
backups = await self.database_manager.get_persona_backups(
- group_id=group_id,
+ group_id=normalized_group_id,
limit=normalized_limit,
include_content=True,
)
except TypeError:
try:
- backups = await self.database_manager.get_persona_backups(group_id, normalized_limit)
+ backups = await self.database_manager.get_persona_backups(normalized_group_id, normalized_limit)
except TypeError:
backups = await self.database_manager.get_persona_backups(normalized_limit)
summaries = [self._backup_summary(backup) for backup in backups]
return {
- 'group_id': group_id,
+ 'group_id': normalized_group_id,
'backups': summaries,
'total': len(summaries),
'available': True,
+ 'message': '' if summaries else '暂无人格备份',
}
- async def get_backup(self, backup_id: int, group_id: str = 'default') -> Dict[str, Any]:
+ async def get_backup(self, backup_id: int, group_id: Optional[str] = None) -> Dict[str, Any]:
"""获取人格备份详情。"""
self._ensure_database()
+ normalized_group_id = self._normalize_group_id(group_id)
if hasattr(self.database_manager, 'get_persona_backup'):
- backup = await self.database_manager.get_persona_backup(backup_id, group_id=group_id)
+ backup = await self.database_manager.get_persona_backup(backup_id, group_id=normalized_group_id)
elif hasattr(self.database_manager, 'restore_persona_backup'):
- backup = await self.database_manager.restore_persona_backup(group_id, backup_id)
+ backup = await self.database_manager.restore_persona_backup(normalized_group_id, backup_id)
else:
backup = None
@@ -125,17 +137,20 @@ async def get_backup(self, backup_id: int, group_id: str = 'default') -> Dict[st
detail['summary'] = self._backup_summary(detail)
return detail
- async def restore_backup(self, backup_id: int, group_id: str = 'default') -> Tuple[bool, str]:
+ async def restore_backup(self, backup_id: int, group_id: Optional[str] = None) -> Tuple[bool, str]:
"""恢复人格备份。"""
+ normalized_group_id = self._normalize_group_id(group_id)
+ backup = await self.get_backup(backup_id, group_id=normalized_group_id)
+ effective_group_id = normalized_group_id or backup.get('group_id') or 'default'
+
if self.persona_backup_manager and hasattr(self.persona_backup_manager, 'restore_backup'):
try:
- success = await self.persona_backup_manager.restore_backup(group_id, backup_id)
+ success = await self.persona_backup_manager.restore_backup(effective_group_id, backup_id)
if success:
return True, '人格备份恢复成功'
except Exception as e:
logger.warning(f"正式备份管理器恢复失败，尝试 WebUI fallback: {e}")
- backup = await self.get_backup(backup_id, group_id=group_id)
persona = self._persona_from_backup(backup)
if not persona:
return False, '备份中没有可恢复的人格内容'
@@ -171,11 +186,12 @@ async def restore_backup(self, backup_id: int, group_id: str = 'default') -> Tup
return False, 'PersonaManager 未初始化，无法恢复备份'
- async def delete_backup(self, backup_id: int, group_id: str = 'default') -> Tuple[bool, str]:
+ async def delete_backup(self, backup_id: int, group_id: Optional[str] = None) -> Tuple[bool, str]:
"""删除人格备份。"""
self._ensure_database()
+ normalized_group_id = self._normalize_group_id(group_id)
if not hasattr(self.database_manager, 'delete_persona_backup'):
return False, '当前数据库实现不支持删除人格备份'
- success = await self.database_manager.delete_persona_backup(backup_id, group_id=group_id)
+ success = await self.database_manager.delete_persona_backup(backup_id, group_id=normalized_group_id)
return (True, '人格备份已删除') if success else (False, '人格备份不存在或删除失败')