-
聊天界面点击悬浮球 🎨 即可为最后一条AI消息生成配图。开启自动模式后，AI回复时会自动配图。
+
+
消息楼层按钮的 🎨 为对应消息生成配图。
+
悬浮按钮的 🎨 仅作用于最后一条AI消息。
+
开启自动模式后，AI回复时会自动配图。
+
@@ -829,7 +851,9 @@ let state = {
paramsPresets: [],
llmApi: { provider: 'st', url: '', key: '', model: '', modelCache: [] },
useStream: true,
- characterTags: []
+ characterTags: [],
+ showFloorButton: true,
+ showFloatingButton: false
};
let gallerySummary = {};
@@ -1259,6 +1283,8 @@ function getCurrentLlmModel() {
function applyStateToUI() {
updateBadge(state.enabled);
updateModeButtons(state.mode);
+ $('nd_show_floor').checked = state.showFloorButton !== false;
+ $('nd_show_floating').checked = state.showFloatingButton === true;
$('nd_api_key').value = state.apiKey || '';
$('nd_timeout').value = Math.round((state.timeout > 0 ? state.timeout : DEFAULTS.timeout) / 1000);
@@ -1488,6 +1514,22 @@ document.addEventListener('DOMContentLoaded', () => {
updateModeButtons(state.mode);
postToParent({ type: 'SAVE_MODE', mode: state.mode });
}));
+
+ $('nd_show_floor').addEventListener('change', () => {
+ postToParent({
+ type: 'SAVE_BUTTON_MODE',
+ showFloorButton: $('nd_show_floor').checked,
+ showFloatingButton: $('nd_show_floating').checked
+ });
+ });
+
+ $('nd_show_floating').addEventListener('change', () => {
+ postToParent({
+ type: 'SAVE_BUTTON_MODE',
+ showFloorButton: $('nd_show_floor').checked,
+ showFloatingButton: $('nd_show_floating').checked
+ });
+ });
// ═══════════════════════════════════════════════════════════════════════
// 关闭按钮
diff --git a/modules/novel-draw/novel-draw.js b/modules/novel-draw/novel-draw.js
index cc71b60..373b16c 100644
--- a/modules/novel-draw/novel-draw.js
+++ b/modules/novel-draw/novel-draw.js
@@ -87,6 +87,8 @@ const DEFAULT_SETTINGS = {
useWorldInfo: false,
characterTags: [],
overrideSize: 'default',
+ showFloorButton: true,
+ showFloatingButton: false,
};
// ═══════════════════════════════════════════════════════════════════════════
@@ -2097,6 +2099,8 @@ async function sendInitData() {
useWorldInfo: settings.useWorldInfo,
characterTags: settings.characterTags,
overrideSize: settings.overrideSize,
+ showFloorButton: settings.showFloorButton !== false,
+ showFloatingButton: settings.showFloatingButton === true,
},
cacheStats: stats,
gallerySummary,
@@ -2131,6 +2135,31 @@ async function handleFrameMessage(event) {
break;
}
+ case 'SAVE_BUTTON_MODE': {
+ const s = getSettings();
+ if (typeof data.showFloorButton === 'boolean') s.showFloorButton = data.showFloorButton;
+ if (typeof data.showFloatingButton === 'boolean') s.showFloatingButton = data.showFloatingButton;
+ const ok = await saveSettingsAndToast(s, '已保存');
+ if (ok) {
+ try {
+ const fp = await import('./floating-panel.js');
+ fp.updateButtonVisibility?.(s.showFloorButton !== false, s.showFloatingButton === true);
+ } catch {}
+ if (s.showFloorButton !== false && typeof ensureNovelDrawPanelRef === 'function') {
+ const context = getContext();
+ const chat = context.chat || [];
+ chat.forEach((message, messageId) => {
+ if (!message || message.is_user) return;
+ const messageEl = document.querySelector(`.mes[mesid="${messageId}"]`);
+ if (!messageEl) return;
+ ensureNovelDrawPanelRef?.(messageEl, messageId);
+ });
+ }
+ sendInitData();
+ }
+ break;
+ }
+
case 'SAVE_API_KEY': {
const s = getSettings();
s.apiKey = typeof data.apiKey === 'string' ? data.apiKey : s.apiKey;
@@ -2471,8 +2500,9 @@ export async function initNovelDraw() {
// 动态导入 floating-panel（避免循环依赖）
// ════════════════════════════════════════════════════════════════════
- const { ensureNovelDrawPanel: ensureNovelDrawPanelFn } = await import('./floating-panel.js');
+ const { ensureNovelDrawPanel: ensureNovelDrawPanelFn, initFloatingPanel } = await import('./floating-panel.js');
ensureNovelDrawPanelRef = ensureNovelDrawPanelFn;
+ initFloatingPanel?.();
// 为现有消息创建画图面板
const renderExistingPanels = () => {