diff --git a/ui/message-table-renderer.js b/ui/message-table-renderer.js index 73f3a8e..f5bd8f4 100644 --- a/ui/message-table-renderer.js +++ b/ui/message-table-renderer.js @@ -1,178 +1,184 @@ -import { getMemoryState, getHighlights } from '../core/table-system/manager.js'; -import { extension_settings } from '/scripts/extensions.js'; -import { extensionName } from '../utils/settings.js'; - -const TABLE_CONTAINER_ID = 'amily2-chat-table-container'; -const isTouchDevice = () => window.matchMedia('(pointer: coarse)').matches; - -function renderTablesToHtml(tables, highlights) { - if (!tables || tables.length === 0) { - return ''; - } - - let html = ''; - tables.forEach((table, tableIndex) => { - if (table.rows && table.rows.length > 0) { - html += `
`; - html += `${table.name}`; - html += `
`; - html += ''; - - html += ''; - table.headers.forEach(header => { - html += ``; - }); - html += ''; - - html += ''; - table.rows.forEach((row, rowIndex) => { - html += ''; - row.forEach((cell, colIndex) => { - const highlightKey = `${tableIndex}-${rowIndex}-${colIndex}`; - const isHighlighted = highlights.has(highlightKey); - const highlightClass = isHighlighted ? ' amily2-cell-highlight' : ''; - html += ``; - }); - html += ''; - }); - html += ''; - - html += '
${header}
${cell}
'; - html += '
'; - html += `
`; - } - }); - - return html; -} - -function removeTableContainer() { - const existingContainer = document.getElementById(TABLE_CONTAINER_ID); - if (existingContainer) { - existingContainer.remove(); - } -} - -function bindSwipePreventer(container) { - if (!isTouchDevice()) { - return; - } - - let touchstartX = 0; - let touchstartY = 0; - - container.addEventListener('touchstart', function(event) { - touchstartX = event.changedTouches[0].screenX; - touchstartY = event.changedTouches[0].screenY; - }, { passive: true }); - - container.addEventListener('touchmove', function(event) { - const touchendX = event.changedTouches[0].screenX; - const touchendY = event.changedTouches[0].screenY; - - const deltaX = Math.abs(touchendX - touchstartX); - const deltaY = Math.abs(touchendY - touchstartY); - - if (deltaX > deltaY) { - event.stopPropagation(); - } - }, { passive: false }); -} - -export function updateOrInsertTableInChat() { - - setTimeout(() => { - const settings = extension_settings[extensionName]; - removeTableContainer(); - - if (!settings || !settings.show_table_in_chat) { - return; - } - - const tables = getMemoryState(); - - if (!tables || tables.every(t => !t.rows || t.rows.length === 0)) { - return; - } - - const highlights = getHighlights(); - const htmlContent = renderTablesToHtml(tables, highlights); - - if (!htmlContent) { - return; - } - - const lastMessage = document.querySelector('.last_mes .mes_text'); - if (lastMessage) { - const container = document.createElement('div'); - container.id = TABLE_CONTAINER_ID; - container.innerHTML = htmlContent; - lastMessage.appendChild(container); - bindSwipePreventer(container); - } else { - console.warn('[Amily2] 未找到最后一条消息的容器，无法插入表格。'); - } - }, 0); -} - -function debounce(func, wait) { - let timeout; - return function executedFunction(...args) { - const later = () => { - clearTimeout(timeout); - func(...args); - }; - clearTimeout(timeout); - timeout = setTimeout(later, wait); - }; -} - -let chatObserver = null; -const debouncedUpdate = debounce(updateOrInsertTableInChat, 100); - -export function startContinuousRendering() { - if (chatObserver) { - console.log('[Amily2] Continuous rendering is already active.'); - return; - } - - const chatContainer = document.getElementById('chat'); - if (!chatContainer) { - console.error('[Amily2] Could not find chat container to observe.'); - setTimeout(startContinuousRendering, 500); - return; - } - - const observerConfig = { childList: true }; - - chatObserver = new MutationObserver((mutationsList, observer) => { - for (const mutation of mutationsList) { - if (mutation.type === 'childList' && mutation.addedNodes.length > 0) { - let messageAdded = false; - mutation.addedNodes.forEach(node => { - if (node.nodeType === 1 && node.classList.contains('mes')) { - messageAdded = true; - } - }); - - if (messageAdded) { - debouncedUpdate(); - return; - } - } - } - }); - - chatObserver.observe(chatContainer, observerConfig); - console.log('[Amily2] Started continuous table rendering.'); - updateOrInsertTableInChat(); -} - -export function stopContinuousRendering() { - if (chatObserver) { - chatObserver.disconnect(); - chatObserver = null; - removeTableContainer(); - console.log('[Amily2] Stopped continuous table rendering.'); - } -} +import { getMemoryState, getHighlights } from '../core/table-system/manager.js'; +import { extension_settings } from '/scripts/extensions.js'; +import { extensionName } from '../utils/settings.js'; + +const TABLE_CONTAINER_ID = 'amily2-chat-table-container'; +const isTouchDevice = () => window.matchMedia('(pointer: coarse)').matches; + +function renderTablesToHtml(tables, highlights) { + if (!tables || tables.length === 0) { + return ''; + } + + let html = ''; + tables.forEach((table, tableIndex) => { + if (table.rows && table.rows.length > 0) { + html += `
`; + html += `${table.name}`; + html += `
`; + html += ''; + + html += ''; + table.headers.forEach(header => { + html += ``; + }); + html += ''; + + html += ''; + table.rows.forEach((row, rowIndex) => { + html += ''; + row.forEach((cell, colIndex) => { + const highlightKey = `${tableIndex}-${rowIndex}-${colIndex}`; + const isHighlighted = highlights.has(highlightKey); + const highlightClass = isHighlighted ? ' amily2-cell-highlight' : ''; + html += ``; + }); + html += ''; + }); + html += ''; + + html += '
${header}
${cell}
'; + html += '
'; + html += `
`; + } + }); + + return html; +} + +function removeTableContainer() { + const existingContainer = document.getElementById(TABLE_CONTAINER_ID); + if (existingContainer) { + existingContainer.remove(); + } +} + +function bindSwipePreventer(container) { + if (!isTouchDevice()) { + return; + } + + let touchstartX = 0; + let touchstartY = 0; + + container.addEventListener('touchstart', function(event) { + touchstartX = event.changedTouches[0].screenX; + touchstartY = event.changedTouches[0].screenY; + }, { passive: true }); + + container.addEventListener('touchmove', function(event) { + const touchendX = event.changedTouches[0].screenX; + const touchendY = event.changedTouches[0].screenY; + + const deltaX = Math.abs(touchendX - touchstartX); + const deltaY = Math.abs(touchendY - touchstartY); + + if (deltaX > deltaY) { + event.stopPropagation(); + } + }, { passive: false }); +} + +export function updateOrInsertTableInChat() { + + setTimeout(() => { + const settings = extension_settings[extensionName]; + removeTableContainer(); + + if (!settings || !settings.show_table_in_chat) { + return; + } + + const tables = getMemoryState(); + + if (!tables || tables.every(t => !t.rows || t.rows.length === 0)) { + return; + } + + const highlights = getHighlights(); + const htmlContent = renderTablesToHtml(tables, highlights); + + if (!htmlContent) { + return; + } + + const lastMessage = document.querySelector('.last_mes .mes_text'); + if (lastMessage) { + const container = document.createElement('div'); + container.id = TABLE_CONTAINER_ID; + container.innerHTML = htmlContent; + + // On mobile devices, add a specific class to enable horizontal scrolling via CSS + if (isTouchDevice()) { + container.classList.add('mobile-table-view'); + } + + lastMessage.appendChild(container); + bindSwipePreventer(container); + } else { + console.warn('[Amily2] 未找到最后一条消息的容器，无法插入表格。'); + } + }, 0); +} + +function debounce(func, wait) { + let timeout; + return function executedFunction(...args) { + const later = () => { + clearTimeout(timeout); + func(...args); + }; + clearTimeout(timeout); + timeout = setTimeout(later, wait); + }; +} + +let chatObserver = null; +const debouncedUpdate = debounce(updateOrInsertTableInChat, 100); + +export function startContinuousRendering() { + if (chatObserver) { + console.log('[Amily2] Continuous rendering is already active.'); + return; + } + + const chatContainer = document.getElementById('chat'); + if (!chatContainer) { + console.error('[Amily2] Could not find chat container to observe.'); + setTimeout(startContinuousRendering, 500); + return; + } + + const observerConfig = { childList: true }; + + chatObserver = new MutationObserver((mutationsList, observer) => { + for (const mutation of mutationsList) { + if (mutation.type === 'childList' && mutation.addedNodes.length > 0) { + let messageAdded = false; + mutation.addedNodes.forEach(node => { + if (node.nodeType === 1 && node.classList.contains('mes')) { + messageAdded = true; + } + }); + + if (messageAdded) { + debouncedUpdate(); + return; + } + } + } + }); + + chatObserver.observe(chatContainer, observerConfig); + console.log('[Amily2] Started continuous table rendering.'); + updateOrInsertTableInChat(); +} + +export function stopContinuousRendering() { + if (chatObserver) { + chatObserver.disconnect(); + chatObserver = null; + removeTableContainer(); + console.log('[Amily2] Stopped continuous table rendering.'); + } +} diff --git a/ui/table-bindings.js b/ui/table-bindings.js index 2901264..8ee18ca 100644 --- a/ui/table-bindings.js +++ b/ui/table-bindings.js @@ -1,2045 +1,2035 @@ -import * as TableManager from '../core/table-system/manager.js'; -import { log } from '../core/table-system/logger.js'; -import { extension_settings, getContext } from '/scripts/extensions.js'; -import { extensionName } from '../utils/settings.js'; -import { updateOrInsertTableInChat } from './message-table-renderer.js'; -import { saveSettingsDebounced } from '/script.js'; -import { startBatchFilling } from '../core/table-system/batch-filler.js'; -import { showHtmlModal } from './page-window.js'; -import { DEFAULT_AI_RULE_TEMPLATE, DEFAULT_AI_FLOW_TEMPLATE } from '../core/table-system/settings.js'; -import { world_names, loadWorldInfo } from '/scripts/world-info.js'; -import { safeCharLorebooks, safeLorebookEntries } from '../core/tavernhelper-compatibility.js'; -import { characters, this_chid, eventSource, event_types } from "/script.js"; -import { fetchNccsModels, testNccsApiConnection } from '../core/api/NccsApi.js'; - -const isTouchDevice = () => window.matchMedia('(pointer: coarse)').matches; - -// More reliable check for mobile layout adjustments -const isMobileForScrolling = () => window.innerWidth <= 768; - -const getAllTablesContainer = () => document.getElementById('all-tables-container'); - -let isResizing = false; - - -function toggleRowContextMenu(event) { - event.preventDefault(); - event.stopPropagation(); - - const targetTd = event.target.closest('td.index-col'); - if (!targetTd) return; - - const tableWrapper = targetTd.closest('.amily2-table-wrapper'); - if (!tableWrapper) return; - - const isActive = targetTd.classList.contains('amily2-menu-open'); - - // Close all other open menus (both row and column) - document.querySelectorAll('.amily2-menu-open').forEach(openEl => { - if (openEl !== targetTd) { - openEl.classList.remove('amily2-menu-open'); - const otherWrapper = openEl.closest('.amily2-table-wrapper'); - if (otherWrapper) { - otherWrapper.style.overflowX = 'auto'; - otherWrapper.style.zIndex = ''; - otherWrapper.style.position = ''; - } - } - }); - - // Toggle the class on the current cell - targetTd.classList.toggle('amily2-menu-open'); - - // Adjust the overflow property - if (targetTd.classList.contains('amily2-menu-open')) { - tableWrapper.style.overflowX = 'visible'; - tableWrapper.style.position = 'relative'; - tableWrapper.style.zIndex = '10'; - } else { - tableWrapper.style.overflowX = 'auto'; - tableWrapper.style.position = ''; - tableWrapper.style.zIndex = ''; - } - - const closeMenu = (e) => { - if (!targetTd.contains(e.target)) { - targetTd.classList.remove('amily2-menu-open'); - tableWrapper.style.overflowX = 'auto'; - tableWrapper.style.position = ''; - tableWrapper.style.zIndex = ''; - document.removeEventListener('click', closeMenu, true); - } - }; - - if (targetTd.classList.contains('amily2-menu-open')) { - setTimeout(() => { - document.addEventListener('click', closeMenu, true); - }, 0); - } -} - - -function toggleColumnContextMenu(event) { - if (isResizing || event.target.classList.contains('amily2-resizer')) { - return; - } - event.preventDefault(); - event.stopPropagation(); - - const targetTh = event.target.closest('th'); - if (!targetTh) return; - - const tableWrapper = targetTh.closest('.amily2-table-wrapper'); - if (!tableWrapper) return; - - const isActive = targetTh.classList.contains('amily2-menu-open'); - - // Close all other open menus and reset their wrappers' overflow - document.querySelectorAll('th.amily2-menu-open').forEach(openTh => { - if (openTh !== targetTh) { - openTh.classList.remove('amily2-menu-open'); - const otherWrapper = openTh.closest('.amily2-table-wrapper'); - if (otherWrapper) { - otherWrapper.style.overflowX = 'auto'; - otherWrapper.style.zIndex = ''; - otherWrapper.style.position = ''; - } - } - }); - - // Toggle the class on the current header - targetTh.classList.toggle('amily2-menu-open'); - - // Adjust the overflow property based on whether the menu is now open or closed - if (targetTh.classList.contains('amily2-menu-open')) { - tableWrapper.style.overflowX = 'visible'; - tableWrapper.style.position = 'relative'; // z-index only works on positioned elements - tableWrapper.style.zIndex = '10'; - } else { - tableWrapper.style.overflowX = 'auto'; - tableWrapper.style.position = ''; - tableWrapper.style.zIndex = ''; - } - - const closeMenu = (e) => { - // Check if the click is outside the th containing the menu - if (!targetTh.contains(e.target)) { - targetTh.classList.remove('amily2-menu-open'); - tableWrapper.style.overflowX = 'auto'; - tableWrapper.style.position = ''; - tableWrapper.style.zIndex = ''; - document.removeEventListener('click', closeMenu, true); - } - }; - - // If the menu was opened, set up the listener to close it - if (targetTh.classList.contains('amily2-menu-open')) { - setTimeout(() => { - document.addEventListener('click', closeMenu, true); - }, 0); - } -} - - -function toggleHeaderIndexContextMenu(event) { - event.preventDefault(); - event.stopPropagation(); - - const targetTh = event.target.closest('th.index-col'); - if (!targetTh) return; - - const menu = targetTh.querySelector('.amily2-context-menu'); - if (!menu) return; - - const isActive = menu.classList.contains('amily2-menu-active'); - - document.querySelectorAll('.amily2-context-menu.amily2-menu-active').forEach(activeMenu => { - activeMenu.classList.remove('amily2-menu-active'); - }); - - if (!isActive) { - menu.classList.add('amily2-menu-active'); - } - - const closeMenu = (e) => { - if (!menu.contains(e.target)) { - menu.classList.remove('amily2-menu-active'); - document.removeEventListener('click', closeMenu, true); - } - }; - - setTimeout(() => { - if (menu.classList.contains('amily2-menu-active')) { - document.addEventListener('click', closeMenu, true); - } - }, 0); -} - - -function showInputDialog({ title, label, currentValue, placeholder, onSave }) { - const dialogHtml = ` - -
-

- ${title} -

-
-
- - - 提示：输入内容将用于更新项目。 -
-
-
-
- 取消 -
-
- 确认 -
-
-
- `; - - const dialogElement = $(dialogHtml).appendTo('body'); - const input = dialogElement.find('#generic-input'); - - const closeDialog = () => { - dialogElement[0].close(); - dialogElement.remove(); - }; - - const save = () => { - const newValue = input.val().trim(); - if (newValue && newValue !== currentValue) { - onSave(newValue); - } else if (!newValue) { - toastr.warning('名称不能为空！'); - input.focus(); - return; - } - closeDialog(); - }; - - dialogElement.find('.popup-button-ok').on('click', save); - dialogElement.find('.popup-button-cancel').on('click', closeDialog); - input.on('keypress', (e) => { if (e.which === 13) save(); }); - input.on('keydown', (e) => { if (e.which === 27) closeDialog(); }); - - dialogElement[0].showModal(); - input.focus().select(); -} - - -function showColumnNameEditor(tableIndex, colIndex, currentName) { - showInputDialog({ - title: '编辑列名', - label: '列名：', - currentValue: currentName, - placeholder: '请输入列名...', - onSave: (newName) => { - TableManager.updateHeader(tableIndex, colIndex, newName); - renderTables(); - toastr.success(`列名已更新为 "${newName}"`); - } - }); -} - - -function showTableNameEditor(tableIndex, currentName) { - showInputDialog({ - title: '编辑表名', - label: '表名：', - currentValue: currentName, - placeholder: '请输入表名...', - onSave: (newName) => { - TableManager.renameTable(tableIndex, newName); - renderTables(); - toastr.success(`表名已更新为 "${newName}"`); - } - }); -} - - -function positionContextMenu(menu, trigger) { - menu.style.position = 'absolute'; - menu.style.zIndex = '10000'; - menu.style.left = '0'; - menu.style.right = 'auto'; - menu.style.marginTop = ''; - menu.style.marginBottom = ''; - menu.style.maxHeight = ''; - menu.style.overflowY = ''; - - const viewportHeight = window.innerHeight; - const triggerRect = trigger.getBoundingClientRect(); - const menuHeight = 200; - const scrollContainer = trigger.closest('.hly-scroll'); - const containerRect = scrollContainer ? scrollContainer.getBoundingClientRect() : { top: 0, bottom: viewportHeight }; - - const spaceBelow = Math.min(viewportHeight, containerRect.bottom) - triggerRect.bottom; - const spaceAbove = triggerRect.top - Math.max(0, containerRect.top); - - if (spaceBelow < menuHeight && spaceAbove > spaceBelow) { - menu.style.top = 'auto'; - menu.style.bottom = '100%'; - menu.style.marginBottom = '2px'; - } else { - menu.style.top = '100%'; - menu.style.bottom = 'auto'; - menu.style.marginTop = '2px'; - } - - const menuWidth = 160; - const table = trigger.closest('table'); - const tableWrapper = table ? table.closest('div[style*="overflowX"]') : null; - - if (tableWrapper) { - const wrapperRect = tableWrapper.getBoundingClientRect(); - const triggerLeftInWrapper = triggerRect.left - wrapperRect.left; - - if (triggerLeftInWrapper + menuWidth > wrapperRect.width - 20) { - menu.style.left = 'auto'; - menu.style.right = '0'; - } - } -} - - -export function renderTables() { - let tables = TableManager.getMemoryState(); - if (!tables) { - log('内存状态为空，从聊天记录加载作为后备。', 'warn'); - tables = TableManager.loadTables(); - } - - const container = getAllTablesContainer(); - - if (!tables || !container) { - console.error('[内存储司-工部] 缺少表格数据或容器，无法渲染。'); - return; - } - - const highlights = TableManager.getHighlights(); - - const placeholder = document.getElementById('add-table-placeholder'); - if (placeholder) { - placeholder.remove(); - } - - container.innerHTML = ''; - - tables.forEach((tableData, tableIndex) => { - const header = document.createElement('div'); - header.style.display = 'flex'; - header.style.justifyContent = 'space-between'; - header.style.alignItems = 'center'; - const title = document.createElement('h3'); - title.innerHTML = ` ${tableData.name}`; - const controls = document.createElement('div'); - controls.className = 'table-controls'; - - const moveUpBtn = tableIndex > 0 ? `` : ''; - const moveDownBtn = tableIndex < tables.length - 1 ? `` : ''; - - controls.innerHTML = ` - ${moveUpBtn} - ${moveDownBtn} - - - `; - header.appendChild(title); - header.appendChild(controls); - container.appendChild(header); - - const tableWrapper = document.createElement('div'); - tableWrapper.className = 'amily2-table-wrapper'; - - const tableElement = document.createElement('table'); - tableElement.id = `amily2-table-${tableIndex}`; - tableElement.dataset.tableIndex = tableIndex; - - const colgroup = document.createElement('colgroup'); - const indexCol = document.createElement('col'); - indexCol.style.width = '40px'; - colgroup.appendChild(indexCol); - - if (tableData.headers) { - tableData.headers.forEach((_, colIndex) => { - const col = document.createElement('col'); - // Assign a default width of 120px if none is specified - const colWidth = (tableData.columnWidths && tableData.columnWidths[colIndex]) ? tableData.columnWidths[colIndex] : 90; - col.style.width = `${colWidth}px`; - colgroup.appendChild(col); - }); - } - tableElement.appendChild(colgroup); - - // Explicitly calculate and set the total table width to override CSS conflicts - let totalWidth = 0; - const cols = colgroup.querySelectorAll('col'); - cols.forEach(col => { - totalWidth += parseInt(col.style.width, 10); - }); - tableElement.style.width = `${totalWidth}px`; - - const thead = tableElement.createTHead(); - const headerRow = thead.insertRow(); - - const indexTh = document.createElement('th'); - indexTh.className = 'index-col'; - indexTh.textContent = '#'; - indexTh.style.cursor = 'pointer'; - indexTh.title = '点击添加第一行'; - - // 为表头的 # 号添加特殊的上下文菜单（仅在表格为空时显示） - if (!tableData.rows || tableData.rows.length === 0) { - const headerMenu = document.createElement('div'); - headerMenu.className = 'amily2-context-menu amily2-header-menu'; - headerMenu.style.display = 'none'; // 默认隐藏 - - const addRowButton = document.createElement('button'); - addRowButton.innerHTML = ' 创建第一行'; - addRowButton.className = 'menu_button small_button'; - addRowButton.addEventListener('click', (e) => { - e.stopPropagation(); - TableManager.addRow(tableIndex); - renderTables(); - }); - - headerMenu.appendChild(addRowButton); - indexTh.appendChild(headerMenu); - - // 为表头添加直接的点击事件监听器 - indexTh.addEventListener('click', (e) => { - e.preventDefault(); - e.stopPropagation(); - console.log('Header # clicked for table', tableIndex); - - // 直接执行添加行操作 - TableManager.addRow(tableIndex); - renderTables(); - toastr.success('已添加第一行'); - }); - } - - headerRow.appendChild(indexTh); - - tableData.headers.forEach((headerText, colIndex) => { - const th = document.createElement('th'); - th.dataset.colIndex = colIndex; - th.style.cursor = 'pointer'; - - const headerContent = document.createElement('span'); - headerContent.className = 'amily2-header-text'; - headerContent.textContent = headerText; - th.appendChild(headerContent); - - const menu = document.createElement('div'); - menu.className = 'amily2-context-menu'; - - const actions = [ - { label: '向左移动', action: 'move-left', icon: 'fa-arrow-left' }, - { label: '向右移动', action: 'move-right', icon: 'fa-arrow-right' }, - { label: '在左加列', action: 'add-left', icon: 'fa-plus-circle' }, - { label: '在右加列', action: 'add-right', icon: 'fa-plus-circle' }, - { label: '编辑列名', action: 'rename', icon: 'fa-pen' }, - { label: '删除该列', action: 'delete', icon: 'fa-trash-alt', isDanger: true } - ]; - - actions.forEach(({ label, action, icon, isDanger }) => { - const button = document.createElement('button'); - button.textContent = label; - button.className = 'menu_button small_button'; - if (isDanger) button.classList.add('danger'); - - button.addEventListener('click', (e) => { - e.stopPropagation(); - switch (action) { - case 'move-left': - TableManager.moveColumn(tableIndex, colIndex, 'left'); - break; - case 'move-right': - TableManager.moveColumn(tableIndex, colIndex, 'right'); - break; - case 'add-left': - TableManager.insertColumn(tableIndex, colIndex, 'left'); - break; - case 'add-right': - TableManager.insertColumn(tableIndex, colIndex, 'right'); - break; - case 'rename': - showColumnNameEditor(tableIndex, colIndex, headerText); - break; - case 'delete': - if (confirm(`您确定要删除 “${headerText}” 列吗？`)) { - TableManager.deleteColumn(tableIndex, colIndex); - } - break; - } - renderTables(); - }); - menu.appendChild(button); - }); - - th.appendChild(menu); - - const resizer = document.createElement('div'); - resizer.className = 'amily2-resizer'; - th.appendChild(resizer); - - const startResize = (startEvent) => { - startEvent.preventDefault(); - startEvent.stopPropagation(); - - isResizing = true; - - const table = startEvent.target.closest('table'); - const th = startEvent.target.parentElement; - const col = table.querySelector(`colgroup > col:nth-child(${th.cellIndex + 1})`); - - const isTouchEvent = startEvent.type.startsWith('touch'); - const startX = isTouchEvent ? startEvent.touches[0].clientX : startEvent.clientX; - const startWidth = th.offsetWidth; - - const onMove = (moveEvent) => { - const currentX = isTouchEvent ? moveEvent.touches[0].clientX : moveEvent.clientX; - const newWidth = startWidth + (currentX - startX); - if (newWidth > 50) { - col.style.width = `${newWidth}px`; - } - }; - - const onEnd = () => { - document.removeEventListener('mousemove', onMove); - document.removeEventListener('mouseup', onEnd); - document.removeEventListener('touchmove', onMove); - document.removeEventListener('touchend', onEnd); - - const finalWidth = parseInt(col.style.width, 10); - TableManager.updateColumnWidth(tableIndex, colIndex, finalWidth); - - setTimeout(() => { isResizing = false; }, 0); - }; - - if (isTouchEvent) { - document.addEventListener('touchmove', onMove, { passive: false }); - document.addEventListener('touchend', onEnd); - } else { - document.addEventListener('mousemove', onMove); - document.addEventListener('mouseup', onEnd); - } - }; - - resizer.addEventListener('mousedown', startResize); - resizer.addEventListener('touchstart', startResize, { passive: false }); - - headerRow.appendChild(th); - }); - - const tbody = tableElement.createTBody(); - if (tableData.rows && tableData.rows.length > 0) { - tableData.rows.forEach((rowData, rowIndex) => { - const row = tbody.insertRow(); - row.dataset.rowIndex = rowIndex; - - const indexCell = row.insertCell(); - indexCell.className = 'index-col'; - - const rowIndexSpan = document.createElement('span'); - rowIndexSpan.textContent = rowIndex + 1; - indexCell.appendChild(rowIndexSpan); - - const menu = document.createElement('div'); - menu.className = 'amily2-context-menu amily2-row-context-menu'; - - const actions = [ - { label: '向上移动', action: 'move-up', icon: 'fa-arrow-up' }, - { label: '向下移动', action: 'move-down', icon: 'fa-arrow-down' }, - { label: '在上加行', action: 'add-above', icon: 'fa-plus-circle' }, - { label: '在下加行', action: 'add-below', icon: 'fa-plus-circle' }, - { label: '删除该行', action: 'delete-row', icon: 'fa-trash-alt', isDanger: true } - ]; - - actions.forEach(({ label, action, icon, isDanger }) => { - const button = document.createElement('button'); - button.innerHTML = ` ${label}`; - button.className = 'menu_button small_button'; - if (isDanger) button.classList.add('danger'); - - button.addEventListener('click', (e) => { - e.stopPropagation(); - - switch (action) { - case 'move-up': - TableManager.moveRow(tableIndex, rowIndex, 'up'); - break; - case 'move-down': - TableManager.moveRow(tableIndex, rowIndex, 'down'); - break; - case 'add-above': - TableManager.insertRow(tableIndex, rowIndex, 'above'); - break; - case 'add-below': - TableManager.insertRow(tableIndex, rowIndex, 'below'); - break; - case 'delete-row': - if (confirm(`您确定要删除第 ${rowIndex + 1} 行吗？`)) { - TableManager.deleteRow(tableIndex, rowIndex); - } - break; - } - renderTables(); - }); - menu.appendChild(button); - }); - indexCell.appendChild(menu); - - rowData.forEach((cellData, colIndex) => { - const cell = row.insertCell(); - - const cellContent = document.createElement('div'); - cellContent.className = 'amily2-cell-content'; - cellContent.textContent = cellData; - cell.appendChild(cellContent); - - if (!isTouchDevice()) { - cell.setAttribute('contenteditable', 'true'); - } - cell.dataset.colIndex = colIndex; - cell.dataset.label = tableData.headers[colIndex] || ''; - - const highlightKey = `${tableIndex}-${rowIndex}-${colIndex}`; - if (highlights.has(highlightKey)) { - cell.classList.add('cell-highlight'); - } - }); - }); - } - tableWrapper.appendChild(tableElement); - container.appendChild(tableWrapper); - }); - - if (placeholder) { - container.appendChild(placeholder); - } - - // Also update the in-chat table whenever the main tables are re-rendered - updateOrInsertTableInChat(); -} - - -function openTableRuleEditor() { - const settings = extension_settings[extensionName]; - const tags = settings.table_tags_to_extract || ''; - const exclusionRules = settings.table_exclusion_rules || []; - - const rulesHtml = exclusionRules.map((rule, index) => ` -
- - - - - -
- `).join(''); - - const modalHtml = ` -
-
- - - 仅提取指定XML标签的内容，例如填“content”，即提取...中的内容。 -
-
- -
${rulesHtml}
- - 移除所有被起始和结束标记包裹的内容（例如 OOC 部分）。 -
-
- `; - - const dialog = showHtmlModal('配置独立提取规则', modalHtml, { - onOk: () => { - const newTags = document.getElementById('table-tags-input').value; - updateAndSaveTableSetting('table_tags_to_extract', newTags); - - const newExclusionRules = []; - document.querySelectorAll('#exclusion-rules-list .exclusion-rule-item').forEach(item => { - const start = item.querySelector('.rule-start').value.trim(); - const end = item.querySelector('.rule-end').value.trim(); - if (start && end) { - newExclusionRules.push({ start, end }); - } - }); - updateAndSaveTableSetting('table_exclusion_rules', newExclusionRules); - toastr.success('独立提取规则已保存。'); - }, - onShow: (dialogElement) => { - const rulesList = dialogElement.find('#exclusion-rules-list'); - - dialogElement.find('#add-exclusion-rule-btn').on('click', () => { - const newIndex = rulesList.children().length; - const newItemHtml = ` -
- - - - - -
`; - rulesList.append(newItemHtml); - }); - - rulesList.on('click', '.remove-rule-btn', function() { - $(this).closest('.exclusion-rule-item').remove(); - }); - } - }); -} - -function openRuleEditor(tableIndex) { - const tables = TableManager.getMemoryState(); - if (!tables || !tables[tableIndex]) return; - const table = tables[tableIndex]; - - // 兼容旧数据结构 - if (table.charLimitRule && !table.charLimitRules) { - table.charLimitRules = {}; - if (table.charLimitRule.columnIndex !== -1) { - table.charLimitRules[table.charLimitRule.columnIndex] = table.charLimitRule.limit; - } - } - const charLimitRules = table.charLimitRules || {}; - - const renderCharLimitRules = (rules) => { - return Object.entries(rules).map(([colIndex, limit]) => { - const header = table.headers[colIndex] || `未知列 (${colIndex})`; - return ` -
- ${header}: 不超过 ${limit} 字 - -
- `; - }).join(''); - }; - - const getColumnOptions = (rules) => { - return table.headers.map((header, index) => { - // 如果该列已存在规则，则不应出现在下拉菜单中 - if (rules[index]) return ''; - return ``; - }).join(''); - }; - - const dialogHtml = ` - -
-

- 编辑 “${table.name}” 的规则 -

-
-
- -
- - -
- ${renderCharLimitRules(charLimitRules)} -
- -
-
- - - -
-
- 您可以为多个不同的列添加字符数限制规则。 -
- -
- - - 当表格总行数超过设定值时，将在表格底部显示警告。 -
- -
- -
- - -
-
- - -
-
- - -
-
- - -
-
-
-
-
保存
-
取消
-
-
- `; - - const dialogElement = $(dialogHtml).appendTo('body'); - - const closeDialog = () => { - dialogElement[0].close(); - dialogElement.remove(); - }; - - const refreshRuleUI = () => { - const currentRules = JSON.parse(dialogElement.find('#current-char-limit-rules').attr('data-rules') || '{}'); - dialogElement.find('#current-char-limit-rules').html(renderCharLimitRules(currentRules)); - dialogElement.find('#new-rule-column-select').html(`${getColumnOptions(currentRules)}`); - }; - - dialogElement.find('#current-char-limit-rules').attr('data-rules', JSON.stringify(charLimitRules)); - - dialogElement.on('click', '#add-char-limit-rule-btn', () => { - const selectedColumn = parseInt(dialogElement.find('#new-rule-column-select').val(), 10); - const limitValue = parseInt(dialogElement.find('#new-rule-limit-input').val(), 10); - - if (selectedColumn === -1) { - toastr.warning('请选择一个列。'); - return; - } - - // 允许输入0，但0意味着“无限制”，所以我们不添加规则。 - if (isNaN(limitValue) || limitValue < 0) { - toastr.warning('请输入一个有效的字数限制（大于等于0）。'); - return; - } - - const currentRules = JSON.parse(dialogElement.find('#current-char-limit-rules').attr('data-rules') || '{}'); - - if (limitValue > 0) { - // 只有当限制大于0时，才添加或更新规则 - currentRules[selectedColumn] = limitValue; - dialogElement.find('#current-char-limit-rules').attr('data-rules', JSON.stringify(currentRules)); - refreshRuleUI(); - } else { - // 如果用户输入0，则视为不设置规则 - toastr.info('字数限制为0表示不设置规则。'); - } - }); - - dialogElement.on('click', '.remove-char-limit-rule-btn', function() { - const colIndexToRemove = $(this).data('col-index'); - const currentRules = JSON.parse(dialogElement.find('#current-char-limit-rules').attr('data-rules') || '{}'); - delete currentRules[colIndexToRemove]; - dialogElement.find('#current-char-limit-rules').attr('data-rules', JSON.stringify(currentRules)); - refreshRuleUI(); - }); - - dialogElement.find('.popup-button-ok').on('click', () => { - const newCharLimitRules = JSON.parse(dialogElement.find('#current-char-limit-rules').attr('data-rules') || '{}'); - const rowLimitValue = parseInt(dialogElement.find('#rule-row-limit-value').val(), 10); - - const newRules = { - note: dialogElement.find('#rule-note').val(), - rule_add: dialogElement.find('#rule-add').val(), - rule_delete: dialogElement.find('#rule-delete').val(), - rule_update: dialogElement.find('#rule-update').val(), - charLimitRules: newCharLimitRules, - rowLimitRule: rowLimitValue, - }; - TableManager.updateTableRules(tableIndex, newRules); - closeDialog(); - }); - - dialogElement.find('.popup-button-cancel').on('click', closeDialog); - dialogElement[0].showModal(); -} - - -function bindInjectionSettings() { - const settings = extension_settings[extensionName]; - - const masterSwitchCheckbox = document.getElementById('table-system-master-switch'); - const enabledCheckbox = document.getElementById('table-injection-enabled'); - const positionSelect = document.getElementById('table-injection-position'); - const depthInput = document.getElementById('table-injection-depth'); - const roleRadioGroup = document.querySelectorAll('input[name="table-injection-role"]'); - - if (!masterSwitchCheckbox || !enabledCheckbox || !positionSelect || !depthInput || !roleRadioGroup.length) { - return; - } - - const updateInjectionUI = () => { - const position = positionSelect.value; - const masterEnabled = masterSwitchCheckbox.checked; - - const isChatInjection = position === '1'; - - enabledCheckbox.disabled = !masterEnabled; - positionSelect.disabled = !masterEnabled; - depthInput.disabled = !masterEnabled || !isChatInjection; - roleRadioGroup.forEach(radio => radio.disabled = !masterEnabled || !isChatInjection); - - const enabledOpacity = masterEnabled ? '1' : '0.5'; - enabledCheckbox.style.opacity = enabledOpacity; - if (enabledCheckbox.closest('.control-block-with-switch')) { - enabledCheckbox.closest('.control-block-with-switch').style.opacity = enabledOpacity; - } - - positionSelect.style.opacity = enabledOpacity; - if (positionSelect.previousElementSibling) { - positionSelect.previousElementSibling.style.opacity = enabledOpacity; - } - - const depthOpacity = masterEnabled && isChatInjection ? '1' : '0.5'; - depthInput.style.opacity = depthOpacity; - if (depthInput.previousElementSibling) { - depthInput.previousElementSibling.style.opacity = depthOpacity; - } - - const roleOpacity = masterEnabled && isChatInjection ? '1' : '0.5'; - const roleGroupContainer = document.getElementById('table-role-system')?.closest('.radio-group'); - if (roleGroupContainer) { - roleGroupContainer.style.opacity = roleOpacity; - if (roleGroupContainer.previousElementSibling) { - roleGroupContainer.previousElementSibling.style.opacity = roleOpacity; - } - } - - const fillingModeRadios = document.querySelectorAll('input[name="filling-mode"]'); - fillingModeRadios.forEach(radio => { - radio.disabled = !masterEnabled; - const label = radio.closest('label'); - if (label) { - label.style.opacity = masterEnabled ? '1' : '0.5'; - } - }); - - const fillButton = document.getElementById('fill-table-now-btn'); - if (fillButton) { - fillButton.disabled = !masterEnabled; - fillButton.style.opacity = masterEnabled ? '1' : '0.5'; - } - }; - - masterSwitchCheckbox.checked = settings.table_system_enabled !== false; - enabledCheckbox.checked = settings.table_injection_enabled; - positionSelect.value = settings.injection.position; - depthInput.value = settings.injection.depth; - roleRadioGroup.forEach(radio => { - if (parseInt(radio.value, 10) === settings.injection.role) { - radio.checked = true; - } - }); - - updateInjectionUI(); - - masterSwitchCheckbox.addEventListener('change', () => { - settings.table_system_enabled = masterSwitchCheckbox.checked; - saveSettingsDebounced(); - updateInjectionUI(); - - const statusText = masterSwitchCheckbox.checked ? '已启用' : '已禁用'; - toastr.info(`表格系统总开关${statusText}。`); - log(`表格系统总开关${statusText}。`, 'info'); - }); - - enabledCheckbox.addEventListener('change', () => { - settings.table_injection_enabled = enabledCheckbox.checked; - saveSettingsDebounced(); - }); - - positionSelect.addEventListener('change', () => { - settings.injection.position = parseInt(positionSelect.value, 10); - saveSettingsDebounced(); - - updateInjectionUI(); - }); - - depthInput.addEventListener('input', () => { - settings.injection.depth = parseInt(depthInput.value, 10); - saveSettingsDebounced(); - }); - - roleRadioGroup.forEach(radio => { - radio.addEventListener('change', () => { - if (radio.checked) { - settings.injection.role = parseInt(radio.value, 10); - saveSettingsDebounced(); - } - }); - }); - - log('表格注入设置已成功绑定。', 'success'); -} - - -function updateAndSaveTableSetting(key, value) { - if (!extension_settings[extensionName]) { - extension_settings[extensionName] = {}; - } - extension_settings[extensionName][key] = value; - saveSettingsDebounced(); -} - -function bindWorldBookSettings() { - const settings = extension_settings[extensionName]; - - if (settings.table_worldbook_enabled === undefined) settings.table_worldbook_enabled = false; - if (settings.table_worldbook_char_limit === undefined) settings.table_worldbook_char_limit = 30000; - if (settings.table_worldbook_source === undefined) settings.table_worldbook_source = 'character'; - if (settings.table_selected_worldbooks === undefined) settings.table_selected_worldbooks = []; - if (settings.table_selected_entries === undefined) settings.table_selected_entries = {}; - - const enabledCheckbox = document.getElementById('table_worldbook_enabled'); - const limitSlider = document.getElementById('table_worldbook_char_limit'); - const limitValueSpan = document.getElementById('table_worldbook_char_limit_value'); - const sourceRadios = document.querySelectorAll('input[name="table_worldbook_source"]'); - const manualSelectWrapper = document.getElementById('table_worldbook_select_wrapper'); - const refreshButton = document.getElementById('table_refresh_worldbooks'); - const bookListContainer = document.getElementById('table_worldbook_checkbox_list'); - const entryListContainer = document.getElementById('table_worldbook_entry_list'); - - if (!enabledCheckbox || !limitSlider || !limitValueSpan || !sourceRadios.length || !manualSelectWrapper || !refreshButton || !bookListContainer || !entryListContainer) { - log('无法找到世界书设置的相关UI元素，绑定失败。', 'warn'); - return; - } - - const saveSelectedEntries = () => { - const selected = {}; - entryListContainer.querySelectorAll('input[type="checkbox"]:checked').forEach(cb => { - const book = cb.dataset.book; - const uid = cb.dataset.uid; - if (!selected[book]) { - selected[book] = []; - } - selected[book].push(uid); - }); - settings.table_selected_entries = selected; - saveSettingsDebounced(); - }; - - const renderWorldBookEntries = async () => { - entryListContainer.innerHTML = '

加载条目中...

'; - const source = settings.table_worldbook_source || 'character'; - let bookNames = []; - - if (source === 'manual') { - bookNames = settings.table_selected_worldbooks || []; - } else { - if (this_chid !== undefined && this_chid >= 0 && characters[this_chid]) { - try { - const charLorebooks = await safeCharLorebooks({ type: 'all' }); - if (charLorebooks.primary) bookNames.push(charLorebooks.primary); - if (charLorebooks.additional?.length) bookNames.push(...charLorebooks.additional); - } catch (error) { - console.error(`[内存储司] 获取角色世界书失败:`, error); - entryListContainer.innerHTML = '

获取角色世界书失败。

'; - return; - } - } else { - entryListContainer.innerHTML = '

请先加载一个角色。

'; - return; - } - } - - if (bookNames.length === 0) { - entryListContainer.innerHTML = '

未选择或绑定世界书。

'; - return; - } - - try { - const allEntries = []; - for (const bookName of bookNames) { - const entries = await safeLorebookEntries(bookName); - entries.forEach(entry => allEntries.push({ ...entry, bookName })); - } - - entryListContainer.innerHTML = ''; - if (allEntries.length === 0) { - entryListContainer.innerHTML = '

所选世界书中没有条目。

'; - return; - } - - allEntries.forEach(entry => { - const div = document.createElement('div'); - div.className = 'checkbox-item'; - div.title = `世界书: ${entry.bookName}\nUID: ${entry.uid}`; - - const checkbox = document.createElement('input'); - checkbox.type = 'checkbox'; - checkbox.id = `wb-entry-check-${entry.bookName}-${entry.uid}`; - checkbox.dataset.book = entry.bookName; - checkbox.dataset.uid = entry.uid; - - const isChecked = settings.table_selected_entries[entry.bookName]?.includes(String(entry.uid)); - checkbox.checked = !!isChecked; - - const label = document.createElement('label'); - label.htmlFor = checkbox.id; - label.textContent = entry.comment || '无标题条目'; - - div.appendChild(checkbox); - div.appendChild(label); - entryListContainer.appendChild(div); - }); - } catch (error) { - console.error(`[内存储司] 加载世界书条目失败:`, error); - entryListContainer.innerHTML = '

加载条目失败。

'; - } - }; - - const renderWorldBookList = () => { - const worldBooks = world_names.map(name => ({ name: name.replace('.json', ''), file_name: name })); - bookListContainer.innerHTML = ''; - if (worldBooks && worldBooks.length > 0) { - worldBooks.forEach(book => { - const div = document.createElement('div'); - div.className = 'checkbox-item'; - div.title = book.name; - - const checkbox = document.createElement('input'); - checkbox.type = 'checkbox'; - checkbox.id = `wb-check-${book.file_name}`; - checkbox.value = book.file_name; - checkbox.checked = settings.table_selected_worldbooks.includes(book.file_name); - - checkbox.addEventListener('change', () => { - if (checkbox.checked) { - if (!settings.table_selected_worldbooks.includes(book.file_name)) { - settings.table_selected_worldbooks.push(book.file_name); - } - } else { - settings.table_selected_worldbooks = settings.table_selected_worldbooks.filter(name => name !== book.file_name); - } - saveSettingsDebounced(); - renderWorldBookEntries(); - }); - - const label = document.createElement('label'); - label.htmlFor = `wb-check-${book.file_name}`; - label.textContent = book.name; - - div.appendChild(checkbox); - div.appendChild(label); - bookListContainer.appendChild(div); - }); - } else { - bookListContainer.innerHTML = '

没有找到世界书。

'; - } - renderWorldBookEntries(); - }; - - const updateManualSelectVisibility = () => { - const isManual = settings.table_worldbook_source === 'manual'; - manualSelectWrapper.style.display = isManual ? 'block' : 'none'; - renderWorldBookEntries(); - if (isManual) { - renderWorldBookList(); - } - }; - - enabledCheckbox.checked = settings.table_worldbook_enabled; - limitSlider.value = settings.table_worldbook_char_limit; - limitValueSpan.textContent = settings.table_worldbook_char_limit; - sourceRadios.forEach(radio => { - radio.checked = radio.value === settings.table_worldbook_source; - }); - - updateManualSelectVisibility(); - - enabledCheckbox.addEventListener('change', () => { - settings.table_worldbook_enabled = enabledCheckbox.checked; - saveSettingsDebounced(); - }); - - limitSlider.addEventListener('input', () => { limitValueSpan.textContent = limitSlider.value; }); - limitSlider.addEventListener('change', () => { - settings.table_worldbook_char_limit = parseInt(limitSlider.value, 10); - saveSettingsDebounced(); - }); - - sourceRadios.forEach(radio => { - radio.addEventListener('change', () => { - if (radio.checked) { - settings.table_worldbook_source = radio.value; - updateManualSelectVisibility(); - saveSettingsDebounced(); - } - }); - }); - - refreshButton.addEventListener('click', renderWorldBookList); - entryListContainer.addEventListener('change', (event) => { - if (event.target.type === 'checkbox') { - saveSelectedEntries(); - } - }); - - log('世界书设置已成功绑定。', 'success'); -} - -export function bindTableEvents() { - const panel = document.getElementById('amily2_memorisation_forms_panel'); - if (!panel || panel.dataset.eventsBound) { - return; - } - - // Add a specific class for mobile devices to handle scrolling behavior via CSS - if (isMobileForScrolling()) { - panel.classList.add('mobile-scrolling'); - } - - log('开始为表格视图绑定交互事件...', 'info'); - const fillingModeRadios = panel.querySelectorAll('input[name="filling-mode"]'); - const contextSliderContainer = document.getElementById('context-reading-slider-container'); - const contextSlider = document.getElementById('context-reading-slider'); - const contextValueSpan = document.getElementById('context-reading-value'); - const independentRulesContainer = document.getElementById('table-independent-rules-container'); - const independentRulesToggle = document.getElementById('table-independent-rules-enabled'); - const configureRulesBtn = document.getElementById('table-configure-rules-btn'); - - const updateFillingModeUI = () => { - const currentMode = extension_settings[extensionName]?.filling_mode || 'main-api'; - fillingModeRadios.forEach(radio => { - radio.checked = (radio.value === currentMode); - }); - - const isSecondaryMode = currentMode === 'secondary-api'; - - if (contextSliderContainer) { - contextSliderContainer.style.display = isSecondaryMode ? 'block' : 'none'; - } - - if (independentRulesContainer) { - independentRulesContainer.style.display = 'flex'; - } - - if (independentRulesToggle && configureRulesBtn) { - configureRulesBtn.style.display = independentRulesToggle.checked ? 'block' : 'none'; - } - }; - - fillingModeRadios.forEach(radio => { - radio.addEventListener('change', function() { - const selectedMode = this.value; - updateAndSaveTableSetting('filling_mode', selectedMode); - - let modeName = '原始填表'; - if (selectedMode === 'secondary-api') modeName = '分步填表'; - if (selectedMode === 'optimized') modeName = '优化中填表'; - - toastr.info(`填表模式已切换为 ${modeName}。`); - updateFillingModeUI(); // 更新UI以确保状态同步 - }); - }); - - if (contextSlider && contextValueSpan) { - const contextReadingValue = extension_settings[extensionName]?.context_reading_level || 4; - contextSlider.value = contextReadingValue; - contextValueSpan.textContent = contextReadingValue; - - contextSlider.addEventListener('input', function() { - contextValueSpan.textContent = this.value; - }); - - contextSlider.addEventListener('change', function() { - updateAndSaveTableSetting('context_reading_level', parseInt(this.value, 10)); - toastr.info(`上下文读取级别已设置为 ${this.value}。`); - }); - } - - if (independentRulesToggle) { - independentRulesToggle.checked = extension_settings[extensionName]?.table_independent_rules_enabled ?? false; - independentRulesToggle.addEventListener('change', () => { - updateAndSaveTableSetting('table_independent_rules_enabled', independentRulesToggle.checked); - updateFillingModeUI(); - }); - } - - updateFillingModeUI(); - - if (configureRulesBtn) { - configureRulesBtn.addEventListener('click', openTableRuleEditor); - } - - const renderAll = () => { - renderTables(); - bindInjectionSettings(); - bindTemplateEditors(); - }; - - renderAll(); - bindWorldBookSettings(); - bindBatchFillButton(); // 【新增】绑定批量填表按钮 - bindFloorFillButtons(); // 【新增】绑定楼层填表按钮 - bindReorganizeButton(); // 【新增】绑定重新整理按钮 - bindTemplateEditors(); // 【新增】为新的指令模板编辑器绑定事件 - bindNccsApiEvents(); // 【新增】绑定Nccs API系统事件 - bindChatTableDisplaySetting(); // 【新增】绑定聊天内表格显示开关 - - const navDeck = document.querySelector('#amily2_memorisation_forms_panel .sinan-navigation-deck'); - if (navDeck) { - navDeck.addEventListener('click', (event) => { - const target = event.target.closest('.sinan-nav-item'); - if (!target) return; - - const tabName = target.dataset.tab; - if (!tabName) return; - - const container = target.closest('.settings-group'); - if (!container) return; - - container.querySelectorAll('.sinan-nav-item').forEach(btn => btn.classList.remove('active')); - target.classList.add('active'); - container.querySelectorAll('.sinan-tab-pane').forEach(pane => pane.classList.remove('active')); - const activePane = container.querySelector(`#sinan-${tabName}-tab`); - if (activePane) { - activePane.classList.add('active'); - } - }); - } - - const exportBtn = document.getElementById('amily2-export-preset-btn'); - const exportFullBtn = document.getElementById('amily2-export-preset-full-btn'); - const importBtn = document.getElementById('amily2-import-preset-btn'); - const importGlobalBtn = document.getElementById('amily2-import-global-preset-btn'); - const clearGlobalBtn = document.getElementById('amily2-clear-global-preset-btn'); - - if (exportBtn) { - exportBtn.addEventListener('click', () => TableManager.exportPreset()); - } - if (exportFullBtn) { - exportFullBtn.addEventListener('click', () => TableManager.exportPresetFull()); - } - if (importBtn) { - importBtn.addEventListener('click', () => TableManager.importPreset(renderAll)); - } - if (importGlobalBtn) { - importGlobalBtn.addEventListener('click', () => { - - const isEmpty = TableManager.isCurrentTablesEmpty(); - TableManager.importGlobalPreset(() => { - if (isEmpty) { - TableManager.loadTables(); - renderAll(); - } - }); - }); - } - if (clearGlobalBtn) { - clearGlobalBtn.addEventListener('click', () => { - const isEmpty = TableManager.isCurrentTablesEmpty(); - TableManager.clearGlobalPreset(); - if (isEmpty) { - TableManager.loadTables(); - renderAll(); - } - }); - } - - const clearAllBtn = document.getElementById('amily2-clear-all-tables-btn'); - if (clearAllBtn) { - clearAllBtn.addEventListener('click', () => { - if (confirm('【确认】您确定要清空所有表格的剧情内容吗？此操作将保留表格结构，但会删除所有已填写的行。')) { - TableManager.clearAllTables(); - renderAll(); - } - }); - } - - - const addTablePlaceholder = document.getElementById('add-table-placeholder'); - if (addTablePlaceholder) { - addTablePlaceholder.addEventListener('click', () => { - const newName = prompt('请输入新表格的名称：', '新表格'); - if (newName && newName.trim()) { - TableManager.addTable(newName.trim()); - renderAll(); - } - }); - } - - - const allTablesContainer = getAllTablesContainer(); - if (allTablesContainer) { - allTablesContainer.addEventListener('click', (event) => { - const th = event.target.closest('th'); - if (th && th.classList.contains('index-col')) { - // 处理表头 # 号的点击（用于空表格添加首行） - toggleHeaderIndexContextMenu(event); - return; - } - if (th && !th.classList.contains('index-col')) { - toggleColumnContextMenu(event); - return; - } - - const td = event.target.closest('td.index-col'); - if (td) { - toggleRowContextMenu(event); - return; - } - - const renameIcon = event.target.closest('.table-rename-icon'); - if (renameIcon) { - const tableIndex = parseInt(renameIcon.dataset.tableIndex, 10); - const tables = TableManager.getMemoryState(); - const currentName = tables[tableIndex]?.name || ''; - showTableNameEditor(tableIndex, currentName); - return; - } - - const target = event.target.closest('button'); - if (!target) return; - - const tableIndex = parseInt(target.dataset.tableIndex, 10); - - if (target.matches('.add-row-btn')) { - TableManager.addRow(tableIndex); - renderAll(); - } else if (target.matches('.add-col-btn')) { - TableManager.addColumn(tableIndex); - renderAll(); - } else if (target.matches('.move-table-up-btn') || target.matches('.move-table-down-btn')) { - const direction = target.classList.contains('move-table-up-btn') ? 'up' : 'down'; - TableManager.moveTable(tableIndex, direction); - renderAll(); - } else if (target.matches('.edit-rules-btn')) { - openRuleEditor(tableIndex); - } else if (target.matches('.delete-table-btn')) { - const tables = TableManager.getMemoryState(); - const tableName = tables[tableIndex]?.name || '未知表格'; - if (confirm(`【最终警告】您确定要永久废黜表格 “[${tableName}]” 吗？此操作不可逆！`)) { - TableManager.deleteTable(tableIndex); - renderAll(); - } - } - }); - - if (isTouchDevice()) { - let lastTap = 0; - let lastTapTarget = null; - allTablesContainer.addEventListener('touchstart', (event) => { - const target = event.target.closest('td'); - if (!target || target.dataset.colIndex === undefined) return; - - const currentTime = new Date().getTime(); - const tapLength = currentTime - lastTap; - if (tapLength < 300 && tapLength > 0 && lastTapTarget === target) { - event.preventDefault(); - if (target.getAttribute('contenteditable') !== 'true') { - target.setAttribute('contenteditable', 'true'); - setTimeout(() => target.focus(), 0); - } - } - lastTap = currentTime; - lastTapTarget = target; - }); - } - - allTablesContainer.addEventListener('blur', (event) => { - const target = event.target; - if (target.tagName !== 'TD' || target.getAttribute('contenteditable') !== 'true') return; - - if (isTouchDevice()) { - target.setAttribute('contenteditable', 'false'); - } - - const tableElement = target.closest('table'); - if (!tableElement) return; - - const tableIndex = parseInt(tableElement.dataset.tableIndex, 10); - const rowIndex = parseInt(target.closest('tr').dataset.rowIndex, 10); - const colIndex = parseInt(target.dataset.colIndex, 10); - const newValue = target.textContent; - - // Correctly save scroll positions before re-rendering - const tableWrapper = tableElement.closest('.amily2-table-wrapper'); - const hScroll = tableWrapper ? tableWrapper.scrollLeft : 0; - const vScroll = allTablesContainer.scrollTop; - - TableManager.addHighlight(tableIndex, rowIndex, colIndex); - const dataToUpdate = { [colIndex]: newValue }; - TableManager.updateRow(tableIndex, rowIndex, dataToUpdate); - - renderAll(); - - // Correctly restore scroll positions after re-rendering - const newTableWrapper = document.getElementById(`amily2-table-${tableIndex}`)?.closest('.amily2-table-wrapper'); - if (newTableWrapper) { - newTableWrapper.scrollLeft = hScroll; - } - allTablesContainer.scrollTop = vScroll; - - }, true); - } - - panel.dataset.eventsBound = 'true'; - log('表格视图交互事件已成功绑定。', 'success'); - - eventSource.on(event_types.CHAT_CHANGED, () => { - console.log(`[${extensionName}] 检测到角色/聊天切换，正在刷新表格系统UI和世界书设置...`); - renderAll(); - - setTimeout(() => { - const settings = extension_settings[extensionName]; - if (settings && settings.table_worldbook_enabled) { - try { - bindWorldBookSettings(); - console.log(`[${extensionName}] 世界书设置已刷新`); - } catch (error) { - console.error(`[${extensionName}] 刷新世界书设置时出错:`, error); - } - } - }, 100); - }); -} - -function bindBatchFillButton() { - const fillButton = document.getElementById('fill-table-now-btn'); - if (fillButton) { - if (fillButton.dataset.batchEventBound) return; - - fillButton.addEventListener('click', (event) => { - const settings = extension_settings[extensionName]; - const tableSystemEnabled = settings.table_system_enabled !== false; - - if (!tableSystemEnabled) { - event.preventDefault(); - toastr.warning('表格系统总开关已关闭，请先启用总开关。'); - return; - } - - startBatchFilling(); - }); - - fillButton.dataset.batchEventBound = 'true'; - log('"立即填表"按钮已成功绑定。', 'success'); - } -} - -function bindReorganizeButton() { - const reorganizeBtn = document.getElementById('reorganize-table-btn'); - - if (reorganizeBtn) { - if (reorganizeBtn.dataset.reorganizeEventBound) return; - - reorganizeBtn.addEventListener('click', async (event) => { - const settings = extension_settings[extensionName]; - const tableSystemEnabled = settings.table_system_enabled !== false; - - if (!tableSystemEnabled) { - event.preventDefault(); - toastr.warning('表格系统总开关已关闭，请先启用总开关。'); - return; - } - - try { - const { reorganizeTableContent } = await import('../core/table-system/reorganizer.js'); - await reorganizeTableContent(); - } catch (error) { - console.error('[内存储司] 重新整理功能导入失败:', error); - toastr.error('重新整理功能启动失败，请检查系统状态。'); - } - }); - - reorganizeBtn.dataset.reorganizeEventBound = 'true'; - log('"重新整理"按钮已成功绑定。', 'success'); - } -} - - -function bindFloorFillButtons() { - const selectedFloorsBtn = document.getElementById('fill-selected-floors-btn'); - const currentFloorBtn = document.getElementById('fill-current-floor-btn'); - const rollbackBtn = document.getElementById('rollback-and-refill-btn'); - - if (selectedFloorsBtn) { - - if (selectedFloorsBtn.dataset.floorEventBound) return; - - selectedFloorsBtn.addEventListener('click', (event) => { - const settings = extension_settings[extensionName]; - const tableSystemEnabled = settings.table_system_enabled !== false; - - if (!tableSystemEnabled) { - event.preventDefault(); - toastr.warning('表格系统总开关已关闭，请先启用总开关。'); - return; - } - - const startFloorInput = document.getElementById('floor-start-input'); - const endFloorInput = document.getElementById('floor-end-input'); - - const startFloor = parseInt(startFloorInput.value, 10); - const endFloor = parseInt(endFloorInput.value, 10); - - if (!startFloor || !endFloor) { - toastr.warning('请输入有效的起始楼层和结束楼层。'); - return; - } - - if (startFloor > endFloor) { - toastr.warning('起始楼层不能大于结束楼层。'); - return; - } - - if (startFloor < 1) { - toastr.warning('楼层不能小于1。'); - return; - } - - import('../core/table-system/batch-filler.js').then(module => { - module.startFloorRangeFilling(startFloor, endFloor); - }); - }); - - selectedFloorsBtn.dataset.floorEventBound = 'true'; - log('"选定楼层填表"按钮已成功绑定。', 'success'); - } - - if (currentFloorBtn) { - if (currentFloorBtn.dataset.currentEventBound) return; - - currentFloorBtn.addEventListener('click', (event) => { - const settings = extension_settings[extensionName]; - const tableSystemEnabled = settings.table_system_enabled !== false; - - if (!tableSystemEnabled) { - event.preventDefault(); - toastr.warning('表格系统总开关已关闭，请先启用总开关。'); - return; - } - - import('../core/table-system/batch-filler.js').then(module => { - module.startCurrentFloorFilling(); - }); - }); - - currentFloorBtn.dataset.currentEventBound = 'true'; - log('"填当前楼层"按钮已成功绑定。', 'success'); - } - - if (rollbackBtn) { - if (rollbackBtn.dataset.rollbackEventBound) return; - - rollbackBtn.addEventListener('click', async (event) => { - const settings = extension_settings[extensionName]; - const tableSystemEnabled = settings.table_system_enabled !== false; - - if (!tableSystemEnabled) { - event.preventDefault(); - toastr.warning('表格系统总开关已关闭，请先启用总开关。'); - return; - } - - if (confirm('您确定要将表格状态回退到上一楼，并使用最新消息重新填表吗？')) { - try { - await TableManager.rollbackAndRefill(); - } catch (error) { - console.error('[内存储司] 回退重填功能失败:', error); - toastr.error('回退重填失败，请检查系统状态。'); - } - } - }); - - rollbackBtn.dataset.rollbackEventBound = 'true'; - log('"回退重填"按钮已成功绑定。', 'success'); - } -} - -function bindTemplateEditors() { - const ruleEditor = document.getElementById('ai-rule-template-editor'); - const ruleSaveBtn = document.getElementById('ai-rule-template-save-btn'); - const ruleRestoreBtn = document.getElementById('ai-rule-template-restore-btn'); - - const flowEditor = document.getElementById('ai-flow-template-editor'); - const flowSaveBtn = document.getElementById('ai-flow-template-save-btn'); - const flowRestoreBtn = document.getElementById('ai-flow-template-restore-btn'); - - if (!ruleEditor || !flowEditor) { - log('无法找到指令模板编辑器，绑定失败。', 'warn'); - return; - } - - ruleEditor.value = TableManager.getBatchFillerRuleTemplate(); - flowEditor.value = TableManager.getBatchFillerFlowTemplate(); - - ruleSaveBtn.addEventListener('click', () => { - TableManager.saveBatchFillerRuleTemplate(ruleEditor.value); - toastr.success('规则提示词已保存。'); - log('批量填表-规则提示词已保存。', 'success'); - }); - - flowSaveBtn.addEventListener('click', () => { - TableManager.saveBatchFillerFlowTemplate(flowEditor.value); - toastr.success('流程提示词已保存。'); - log('批量填表-流程提示词已保存。', 'success'); - }); - - ruleRestoreBtn.addEventListener('click', () => { - if (confirm('您确定要将规则提示词恢复为默认设置吗？')) { - ruleEditor.value = DEFAULT_AI_RULE_TEMPLATE; - TableManager.saveBatchFillerRuleTemplate(ruleEditor.value); - toastr.info('规则提示词已恢复为默认。'); - log('批量填表-规则提示词已恢复默认。', 'info'); - } - }); - - flowRestoreBtn.addEventListener('click', () => { - if (confirm('您确定要将流程提示词恢复为默认设置吗？')) { - flowEditor.value = DEFAULT_AI_FLOW_TEMPLATE; - TableManager.saveBatchFillerFlowTemplate(flowEditor.value); - toastr.info('流程提示词已恢复为默认。'); - log('批量填表-流程提示词已恢复默认。', 'info'); - } - }); - - log('指令模板编辑器已成功绑定。', 'success'); -} - -function bindNccsApiEvents() { - const settings = extension_settings[extensionName]; - - if (settings.nccsEnabled === undefined) settings.nccsEnabled = false; - if (settings.nccsApiMode === undefined) settings.nccsApiMode = 'openai_test'; - if (settings.nccsApiUrl === undefined) settings.nccsApiUrl = 'https://api.openai.com/v1'; - if (settings.nccsApiKey === undefined) settings.nccsApiKey = ''; - if (settings.nccsModel === undefined) settings.nccsModel = ''; - if (settings.nccsMaxTokens === undefined) settings.nccsMaxTokens = 2000; - if (settings.nccsTemperature === undefined) settings.nccsTemperature = 0.7; - if (settings.nccsTavernProfile === undefined) settings.nccsTavernProfile = ''; - - const enabledToggle = document.getElementById('nccs-api-enabled'); - const configDiv = document.getElementById('nccs-api-config'); - const modeSelect = document.getElementById('nccs-api-mode'); - const urlInput = document.getElementById('nccs-api-url'); - const keyInput = document.getElementById('nccs-api-key'); - const modelInput = document.getElementById('nccs-api-model'); - const maxTokensSlider = document.getElementById('nccs-max-tokens'); - const maxTokensValue = document.getElementById('nccs-max-tokens-value'); - const temperatureSlider = document.getElementById('nccs-temperature'); - const temperatureValue = document.getElementById('nccs-temperature-value'); - const presetSelect = document.getElementById('nccs-sillytavern-preset'); - const testButton = document.getElementById('nccs-test-connection'); - const fetchModelsButton = document.getElementById('nccs-fetch-models'); - - if (!enabledToggle || !configDiv) return; - - enabledToggle.checked = settings.nccsEnabled; - if (modeSelect) modeSelect.value = settings.nccsApiMode; - if (urlInput) urlInput.value = settings.nccsApiUrl; - if (keyInput) keyInput.value = settings.nccsApiKey; - if (modelInput) modelInput.value = settings.nccsModel; - if (maxTokensSlider) { - maxTokensSlider.value = settings.nccsMaxTokens; - if (maxTokensValue) maxTokensValue.textContent = settings.nccsMaxTokens; - } - if (temperatureSlider) { - temperatureSlider.value = settings.nccsTemperature; - if (temperatureValue) temperatureValue.textContent = settings.nccsTemperature; - } - if (presetSelect) presetSelect.value = settings.nccsTavernProfile || ''; - - const updateConfigVisibility = () => { - configDiv.style.display = enabledToggle.checked ? 'block' : 'none'; - }; - updateConfigVisibility(); - - const updateModeBasedVisibility = () => { - if (!modeSelect) return; - const isSillyTavernMode = modeSelect.value === 'sillytavern_preset'; - const isOpenAIMode = modeSelect.value === 'openai_test'; - - const presetContainer = presetSelect?.closest('.amily2_opt_settings_block'); - if (presetContainer) { - presetContainer.style.display = isSillyTavernMode ? 'block' : 'none'; - } - - const fieldsToHideInPresetMode = [ - { element: urlInput, containerId: null }, - { element: keyInput, containerId: null }, - { element: modelInput, containerId: null }, - { element: maxTokensSlider, containerId: null }, - { element: temperatureSlider, containerId: null } - ]; - - fieldsToHideInPresetMode.forEach(({ element }) => { - if (element) { - const container = element.closest('.amily2_opt_settings_block'); - if (container) { - container.style.display = isSillyTavernMode ? 'none' : 'block'; - } - } - }); - - const buttonsContainer = testButton?.closest('.nccs-button-row'); - if (buttonsContainer) { - buttonsContainer.style.display = 'flex'; - } - }; - updateModeBasedVisibility(); - - enabledToggle.addEventListener('change', () => { - settings.nccsEnabled = enabledToggle.checked; - saveSettingsDebounced(); - updateConfigVisibility(); - log(`Nccs API ${enabledToggle.checked ? '已启用' : '已禁用'}`, 'info'); - }); - - if (modeSelect) { - modeSelect.addEventListener('change', () => { - settings.nccsApiMode = modeSelect.value; - saveSettingsDebounced(); - updateModeBasedVisibility(); - log(`Nccs API模式已切换为: ${modeSelect.value}`, 'info'); - }); - } - - if (urlInput) { - const saveUrl = () => { - settings.nccsApiUrl = urlInput.value; - saveSettingsDebounced(); - }; - - urlInput.addEventListener('blur', saveUrl); - } - - if (keyInput) { - const saveKey = () => { - settings.nccsApiKey = keyInput.value; - saveSettingsDebounced(); - }; - - keyInput.addEventListener('blur', saveKey); - } - - if (modelInput) { - const saveModel = () => { - settings.nccsModel = modelInput.value; - saveSettingsDebounced(); - }; - - modelInput.addEventListener('blur', saveModel); - modelInput.addEventListener('input', saveModel); - } - - if (maxTokensSlider && maxTokensValue) { - maxTokensSlider.addEventListener('input', () => { - maxTokensValue.textContent = maxTokensSlider.value; - }); - maxTokensSlider.addEventListener('change', () => { - settings.nccsMaxTokens = parseInt(maxTokensSlider.value); - saveSettingsDebounced(); - }); - } - - if (temperatureSlider && temperatureValue) { - temperatureSlider.addEventListener('input', () => { - temperatureValue.textContent = temperatureSlider.value; - }); - temperatureSlider.addEventListener('change', () => { - settings.nccsTemperature = parseFloat(temperatureSlider.value); - saveSettingsDebounced(); - }); - } - - if (presetSelect) { - presetSelect.addEventListener('change', () => { - settings.nccsTavernProfile = presetSelect.value; - saveSettingsDebounced(); - }); - } - - if (testButton) { - testButton.addEventListener('click', async () => { - testButton.disabled = true; - testButton.innerHTML = ' 测试中...'; - - try { - const success = await testNccsApiConnection(); - if (success) { - toastr.success('Nccs API连接测试成功！'); - log('Nccs API连接测试成功', 'success'); - } else { - toastr.error('Nccs API连接测试失败，请检查配置'); - log('Nccs API连接测试失败', 'error'); - } - } catch (error) { - toastr.error('Nccs API连接测试出错：' + error.message); - log('Nccs API连接测试出错：' + error.message, 'error'); - } finally { - testButton.disabled = false; - testButton.innerHTML = ' 测试连接'; - } - }); - } - - if (fetchModelsButton) { - fetchModelsButton.addEventListener('click', async () => { - fetchModelsButton.disabled = true; - fetchModelsButton.innerHTML = ' 获取中...'; - - if (urlInput) { - settings.nccsApiUrl = urlInput.value; - } - if (keyInput) { - settings.nccsApiKey = keyInput.value; - } - saveSettingsDebounced(); - - try { - const models = await fetchNccsModels(); - if (models && models.length > 0) { - let modelSelect = document.getElementById('nccs-api-model-select'); - if (!modelSelect) { - modelSelect = document.createElement('select'); - modelSelect.id = 'nccs-api-model-select'; - modelSelect.className = 'text_pole'; - modelInput.parentNode.insertBefore(modelSelect, modelInput.nextSibling); - } - - modelSelect.innerHTML = ''; - models.forEach(model => { - const option = document.createElement('option'); - option.value = model.id || model.name; - option.textContent = model.name || model.id; - if ((model.id || model.name) === settings.nccsModel) { - option.selected = true; - } - modelSelect.appendChild(option); - }); - - modelInput.style.display = 'none'; - modelSelect.style.display = 'block'; - - modelSelect.addEventListener('change', () => { - const selectedModel = modelSelect.value; - settings.nccsModel = selectedModel; - modelInput.value = selectedModel; - saveSettingsDebounced(); - }); - - toastr.success(`成功获取 ${models.length} 个模型`); - log(`Nccs API获取到 ${models.length} 个模型`, 'success'); - } else { - toastr.warning('未获取到可用模型'); - log('Nccs API未获取到可用模型', 'warn'); - } - } catch (error) { - toastr.error('获取模型失败：' + error.message); - log('Nccs API获取模型失败：' + error.message, 'error'); - } finally { - fetchModelsButton.disabled = false; - fetchModelsButton.innerHTML = ' 获取模型'; - } - }); - } - - const loadSillyTavernPresets = async () => { - if (!presetSelect) return; - try { - const context = getContext(); - if (!context?.extensionSettings?.connectionManager?.profiles) { - throw new Error('无法获取SillyTavern配置文件列表'); - } - - const profiles = context.extensionSettings.connectionManager.profiles; - - const currentProfileId = settings.nccsTavernProfile; - - presetSelect.innerHTML = ''; - presetSelect.appendChild(new Option('选择预设', '', false, false)); - - if (profiles && profiles.length > 0) { - profiles.forEach(profile => { - const isSelected = profile.id === currentProfileId; - const option = new Option(profile.name, profile.id, isSelected, isSelected); - presetSelect.appendChild(option); - }); - log(`成功加载 ${profiles.length} 个SillyTavern配置文件`, 'success'); - } else { - log('未找到可用的SillyTavern配置文件', 'warn'); - } - } catch (error) { - log('加载SillyTavern预设失败：' + error.message, 'error'); - } - }; - - if (modeSelect && presetSelect) { - modeSelect.addEventListener('change', () => { - if (modeSelect.value === 'sillytavern_preset') { - loadSillyTavernPresets(); - } - }); - - if (settings.nccsApiMode === 'sillytavern_preset') { - loadSillyTavernPresets(); - } - } - - log('Nccs API事件绑定完成', 'success'); -} - -function bindChatTableDisplaySetting() { - const settings = extension_settings[extensionName]; - const showInChatToggle = document.getElementById('show-table-in-chat-toggle'); - const continuousRenderToggle = document.getElementById('render-on-every-message-toggle'); - - if (!showInChatToggle || !continuousRenderToggle) { - log('找不到聊天内表格相关的开关，绑定失败。', 'warn'); - return; - } - - // Initialize states from settings - showInChatToggle.checked = settings.show_table_in_chat === true; - continuousRenderToggle.checked = settings.render_on_every_message === true; - - // Function to update the dependency - const updateContinuousRenderState = () => { - if (showInChatToggle.checked) { - continuousRenderToggle.disabled = false; - continuousRenderToggle.closest('.control-block-with-switch').style.opacity = '1'; - } else { - continuousRenderToggle.disabled = true; - continuousRenderToggle.closest('.control-block-with-switch').style.opacity = '0.5'; - } - }; - - // Initial state update - updateContinuousRenderState(); - - // Event listener for the main toggle - showInChatToggle.addEventListener('change', () => { - settings.show_table_in_chat = showInChatToggle.checked; - saveSettingsDebounced(); - toastr.info(`聊天内表格显示已${showInChatToggle.checked ? '开启' : '关闭'}。`); - updateContinuousRenderState(); - }); - - // Event listener for the continuous render toggle - continuousRenderToggle.addEventListener('change', () => { - settings.render_on_every_message = continuousRenderToggle.checked; - saveSettingsDebounced(); - toastr.info(`持续渲染最新消息功能已${continuousRenderToggle.checked ? '开启' : '关闭'}。请切换聊天以应用更改。`); - }); - - log('聊天内表格显示设置及其依赖关系已成功绑定。', 'success'); -} +import * as TableManager from '../core/table-system/manager.js'; +import { log } from '../core/table-system/logger.js'; +import { extension_settings, getContext } from '/scripts/extensions.js'; +import { extensionName } from '../utils/settings.js'; +import { updateOrInsertTableInChat } from './message-table-renderer.js'; +import { saveSettingsDebounced } from '/script.js'; +import { startBatchFilling } from '../core/table-system/batch-filler.js'; +import { showHtmlModal } from './page-window.js'; +import { DEFAULT_AI_RULE_TEMPLATE, DEFAULT_AI_FLOW_TEMPLATE } from '../core/table-system/settings.js'; +import { world_names, loadWorldInfo } from '/scripts/world-info.js'; +import { safeCharLorebooks, safeLorebookEntries } from '../core/tavernhelper-compatibility.js'; +import { characters, this_chid, eventSource, event_types } from "/script.js"; +import { fetchNccsModels, testNccsApiConnection } from '../core/api/NccsApi.js'; + +const isTouchDevice = () => window.matchMedia('(pointer: coarse)').matches; +const getAllTablesContainer = () => document.getElementById('all-tables-container'); + +let isResizing = false; + + +function toggleRowContextMenu(event) { + event.preventDefault(); + event.stopPropagation(); + + const targetTd = event.target.closest('td.index-col'); + if (!targetTd) return; + + const tableWrapper = targetTd.closest('.amily2-table-wrapper'); + if (!tableWrapper) return; + + const isActive = targetTd.classList.contains('amily2-menu-open'); + + // Close all other open menus (both row and column) + document.querySelectorAll('.amily2-menu-open').forEach(openEl => { + if (openEl !== targetTd) { + openEl.classList.remove('amily2-menu-open'); + const otherWrapper = openEl.closest('.amily2-table-wrapper'); + if (otherWrapper) { + otherWrapper.style.overflowX = 'auto'; + otherWrapper.style.zIndex = ''; + otherWrapper.style.position = ''; + } + } + }); + + // Toggle the class on the current cell + targetTd.classList.toggle('amily2-menu-open'); + + // Adjust the overflow property + if (targetTd.classList.contains('amily2-menu-open')) { + tableWrapper.style.overflowX = 'visible'; + tableWrapper.style.position = 'relative'; + tableWrapper.style.zIndex = '10'; + } else { + tableWrapper.style.overflowX = 'auto'; + tableWrapper.style.position = ''; + tableWrapper.style.zIndex = ''; + } + + const closeMenu = (e) => { + if (!targetTd.contains(e.target)) { + targetTd.classList.remove('amily2-menu-open'); + tableWrapper.style.overflowX = 'auto'; + tableWrapper.style.position = ''; + tableWrapper.style.zIndex = ''; + document.removeEventListener('click', closeMenu, true); + } + }; + + if (targetTd.classList.contains('amily2-menu-open')) { + setTimeout(() => { + document.addEventListener('click', closeMenu, true); + }, 0); + } +} + + +function toggleColumnContextMenu(event) { + if (isResizing || event.target.classList.contains('amily2-resizer')) { + return; + } + event.preventDefault(); + event.stopPropagation(); + + const targetTh = event.target.closest('th'); + if (!targetTh) return; + + const tableWrapper = targetTh.closest('.amily2-table-wrapper'); + if (!tableWrapper) return; + + const isActive = targetTh.classList.contains('amily2-menu-open'); + + // Close all other open menus and reset their wrappers' overflow + document.querySelectorAll('th.amily2-menu-open').forEach(openTh => { + if (openTh !== targetTh) { + openTh.classList.remove('amily2-menu-open'); + const otherWrapper = openTh.closest('.amily2-table-wrapper'); + if (otherWrapper) { + otherWrapper.style.overflowX = 'auto'; + otherWrapper.style.zIndex = ''; + otherWrapper.style.position = ''; + } + } + }); + + // Toggle the class on the current header + targetTh.classList.toggle('amily2-menu-open'); + + // Adjust the overflow property based on whether the menu is now open or closed + if (targetTh.classList.contains('amily2-menu-open')) { + tableWrapper.style.overflowX = 'visible'; + tableWrapper.style.position = 'relative'; // z-index only works on positioned elements + tableWrapper.style.zIndex = '10'; + } else { + tableWrapper.style.overflowX = 'auto'; + tableWrapper.style.position = ''; + tableWrapper.style.zIndex = ''; + } + + const closeMenu = (e) => { + // Check if the click is outside the th containing the menu + if (!targetTh.contains(e.target)) { + targetTh.classList.remove('amily2-menu-open'); + tableWrapper.style.overflowX = 'auto'; + tableWrapper.style.position = ''; + tableWrapper.style.zIndex = ''; + document.removeEventListener('click', closeMenu, true); + } + }; + + // If the menu was opened, set up the listener to close it + if (targetTh.classList.contains('amily2-menu-open')) { + setTimeout(() => { + document.addEventListener('click', closeMenu, true); + }, 0); + } +} + + +function toggleHeaderIndexContextMenu(event) { + event.preventDefault(); + event.stopPropagation(); + + const targetTh = event.target.closest('th.index-col'); + if (!targetTh) return; + + const menu = targetTh.querySelector('.amily2-context-menu'); + if (!menu) return; + + const isActive = menu.classList.contains('amily2-menu-active'); + + document.querySelectorAll('.amily2-context-menu.amily2-menu-active').forEach(activeMenu => { + activeMenu.classList.remove('amily2-menu-active'); + }); + + if (!isActive) { + menu.classList.add('amily2-menu-active'); + } + + const closeMenu = (e) => { + if (!menu.contains(e.target)) { + menu.classList.remove('amily2-menu-active'); + document.removeEventListener('click', closeMenu, true); + } + }; + + setTimeout(() => { + if (menu.classList.contains('amily2-menu-active')) { + document.addEventListener('click', closeMenu, true); + } + }, 0); +} + + +function showInputDialog({ title, label, currentValue, placeholder, onSave }) { + const dialogHtml = ` + +
+

+ ${title} +

+
+
+ + + 提示：输入内容将用于更新项目。 +
+
+
+
+ 取消 +
+
+ 确认 +
+
+
+ `; + + const dialogElement = $(dialogHtml).appendTo('body'); + const input = dialogElement.find('#generic-input'); + + const closeDialog = () => { + dialogElement[0].close(); + dialogElement.remove(); + }; + + const save = () => { + const newValue = input.val().trim(); + if (newValue && newValue !== currentValue) { + onSave(newValue); + } else if (!newValue) { + toastr.warning('名称不能为空！'); + input.focus(); + return; + } + closeDialog(); + }; + + dialogElement.find('.popup-button-ok').on('click', save); + dialogElement.find('.popup-button-cancel').on('click', closeDialog); + input.on('keypress', (e) => { if (e.which === 13) save(); }); + input.on('keydown', (e) => { if (e.which === 27) closeDialog(); }); + + dialogElement[0].showModal(); + input.focus().select(); +} + + +function showColumnNameEditor(tableIndex, colIndex, currentName) { + showInputDialog({ + title: '编辑列名', + label: '列名：', + currentValue: currentName, + placeholder: '请输入列名...', + onSave: (newName) => { + TableManager.updateHeader(tableIndex, colIndex, newName); + renderTables(); + toastr.success(`列名已更新为 "${newName}"`); + } + }); +} + + +function showTableNameEditor(tableIndex, currentName) { + showInputDialog({ + title: '编辑表名', + label: '表名：', + currentValue: currentName, + placeholder: '请输入表名...', + onSave: (newName) => { + TableManager.renameTable(tableIndex, newName); + renderTables(); + toastr.success(`表名已更新为 "${newName}"`); + } + }); +} + + +function positionContextMenu(menu, trigger) { + menu.style.position = 'absolute'; + menu.style.zIndex = '10000'; + menu.style.left = '0'; + menu.style.right = 'auto'; + menu.style.marginTop = ''; + menu.style.marginBottom = ''; + menu.style.maxHeight = ''; + menu.style.overflowY = ''; + + const viewportHeight = window.innerHeight; + const triggerRect = trigger.getBoundingClientRect(); + const menuHeight = 200; + const scrollContainer = trigger.closest('.hly-scroll'); + const containerRect = scrollContainer ? scrollContainer.getBoundingClientRect() : { top: 0, bottom: viewportHeight }; + + const spaceBelow = Math.min(viewportHeight, containerRect.bottom) - triggerRect.bottom; + const spaceAbove = triggerRect.top - Math.max(0, containerRect.top); + + if (spaceBelow < menuHeight && spaceAbove > spaceBelow) { + menu.style.top = 'auto'; + menu.style.bottom = '100%'; + menu.style.marginBottom = '2px'; + } else { + menu.style.top = '100%'; + menu.style.bottom = 'auto'; + menu.style.marginTop = '2px'; + } + + const menuWidth = 160; + const table = trigger.closest('table'); + const tableWrapper = table ? table.closest('div[style*="overflowX"]') : null; + + if (tableWrapper) { + const wrapperRect = tableWrapper.getBoundingClientRect(); + const triggerLeftInWrapper = triggerRect.left - wrapperRect.left; + + if (triggerLeftInWrapper + menuWidth > wrapperRect.width - 20) { + menu.style.left = 'auto'; + menu.style.right = '0'; + } + } +} + + +export function renderTables() { + let tables = TableManager.getMemoryState(); + if (!tables) { + log('内存状态为空，从聊天记录加载作为后备。', 'warn'); + tables = TableManager.loadTables(); + } + + const container = getAllTablesContainer(); + + if (!tables || !container) { + console.error('[内存储司-工部] 缺少表格数据或容器，无法渲染。'); + return; + } + + const highlights = TableManager.getHighlights(); + + const placeholder = document.getElementById('add-table-placeholder'); + if (placeholder) { + placeholder.remove(); + } + + container.innerHTML = ''; + + tables.forEach((tableData, tableIndex) => { + const header = document.createElement('div'); + header.style.display = 'flex'; + header.style.justifyContent = 'space-between'; + header.style.alignItems = 'center'; + const title = document.createElement('h3'); + title.innerHTML = ` ${tableData.name}`; + const controls = document.createElement('div'); + controls.className = 'table-controls'; + + const moveUpBtn = tableIndex > 0 ? `` : ''; + const moveDownBtn = tableIndex < tables.length - 1 ? `` : ''; + + controls.innerHTML = ` + ${moveUpBtn} + ${moveDownBtn} + + + `; + header.appendChild(title); + header.appendChild(controls); + container.appendChild(header); + + const tableWrapper = document.createElement('div'); + tableWrapper.className = 'amily2-table-wrapper'; + + const tableElement = document.createElement('table'); + tableElement.id = `amily2-table-${tableIndex}`; + tableElement.dataset.tableIndex = tableIndex; + + const colgroup = document.createElement('colgroup'); + const indexCol = document.createElement('col'); + indexCol.style.width = '40px'; + colgroup.appendChild(indexCol); + + if (tableData.headers) { + tableData.headers.forEach((_, colIndex) => { + const col = document.createElement('col'); + // Assign a default width of 120px if none is specified + const colWidth = (tableData.columnWidths && tableData.columnWidths[colIndex]) ? tableData.columnWidths[colIndex] : 90; + col.style.width = `${colWidth}px`; + colgroup.appendChild(col); + }); + } + tableElement.appendChild(colgroup); + + // Explicitly calculate and set the total table width to override CSS conflicts + let totalWidth = 0; + const cols = colgroup.querySelectorAll('col'); + cols.forEach(col => { + totalWidth += parseInt(col.style.width, 10); + }); + tableElement.style.width = `${totalWidth}px`; + + const thead = tableElement.createTHead(); + const headerRow = thead.insertRow(); + + const indexTh = document.createElement('th'); + indexTh.className = 'index-col'; + indexTh.textContent = '#'; + indexTh.style.cursor = 'pointer'; + indexTh.title = '点击添加第一行'; + + // 为表头的 # 号添加特殊的上下文菜单（仅在表格为空时显示） + if (!tableData.rows || tableData.rows.length === 0) { + const headerMenu = document.createElement('div'); + headerMenu.className = 'amily2-context-menu amily2-header-menu'; + headerMenu.style.display = 'none'; // 默认隐藏 + + const addRowButton = document.createElement('button'); + addRowButton.innerHTML = ' 创建第一行'; + addRowButton.className = 'menu_button small_button'; + addRowButton.addEventListener('click', (e) => { + e.stopPropagation(); + TableManager.addRow(tableIndex); + renderTables(); + }); + + headerMenu.appendChild(addRowButton); + indexTh.appendChild(headerMenu); + + // 为表头添加直接的点击事件监听器 + indexTh.addEventListener('click', (e) => { + e.preventDefault(); + e.stopPropagation(); + console.log('Header # clicked for table', tableIndex); + + // 直接执行添加行操作 + TableManager.addRow(tableIndex); + renderTables(); + toastr.success('已添加第一行'); + }); + } + + headerRow.appendChild(indexTh); + + tableData.headers.forEach((headerText, colIndex) => { + const th = document.createElement('th'); + th.dataset.colIndex = colIndex; + th.style.cursor = 'pointer'; + + const headerContent = document.createElement('span'); + headerContent.className = 'amily2-header-text'; + headerContent.textContent = headerText; + th.appendChild(headerContent); + + const menu = document.createElement('div'); + menu.className = 'amily2-context-menu'; + + const actions = [ + { label: '向左移动', action: 'move-left', icon: 'fa-arrow-left' }, + { label: '向右移动', action: 'move-right', icon: 'fa-arrow-right' }, + { label: '在左加列', action: 'add-left', icon: 'fa-plus-circle' }, + { label: '在右加列', action: 'add-right', icon: 'fa-plus-circle' }, + { label: '编辑列名', action: 'rename', icon: 'fa-pen' }, + { label: '删除该列', action: 'delete', icon: 'fa-trash-alt', isDanger: true } + ]; + + actions.forEach(({ label, action, icon, isDanger }) => { + const button = document.createElement('button'); + button.textContent = label; + button.className = 'menu_button small_button'; + if (isDanger) button.classList.add('danger'); + + button.addEventListener('click', (e) => { + e.stopPropagation(); + switch (action) { + case 'move-left': + TableManager.moveColumn(tableIndex, colIndex, 'left'); + break; + case 'move-right': + TableManager.moveColumn(tableIndex, colIndex, 'right'); + break; + case 'add-left': + TableManager.insertColumn(tableIndex, colIndex, 'left'); + break; + case 'add-right': + TableManager.insertColumn(tableIndex, colIndex, 'right'); + break; + case 'rename': + showColumnNameEditor(tableIndex, colIndex, headerText); + break; + case 'delete': + if (confirm(`您确定要删除 “${headerText}” 列吗？`)) { + TableManager.deleteColumn(tableIndex, colIndex); + } + break; + } + renderTables(); + }); + menu.appendChild(button); + }); + + th.appendChild(menu); + + const resizer = document.createElement('div'); + resizer.className = 'amily2-resizer'; + th.appendChild(resizer); + + const startResize = (startEvent) => { + startEvent.preventDefault(); + startEvent.stopPropagation(); + + isResizing = true; + + const table = startEvent.target.closest('table'); + const th = startEvent.target.parentElement; + const col = table.querySelector(`colgroup > col:nth-child(${th.cellIndex + 1})`); + + const isTouchEvent = startEvent.type.startsWith('touch'); + const startX = isTouchEvent ? startEvent.touches[0].clientX : startEvent.clientX; + const startWidth = th.offsetWidth; + + const onMove = (moveEvent) => { + const currentX = isTouchEvent ? moveEvent.touches[0].clientX : moveEvent.clientX; + const newWidth = startWidth + (currentX - startX); + if (newWidth > 50) { + col.style.width = `${newWidth}px`; + } + }; + + const onEnd = () => { + document.removeEventListener('mousemove', onMove); + document.removeEventListener('mouseup', onEnd); + document.removeEventListener('touchmove', onMove); + document.removeEventListener('touchend', onEnd); + + const finalWidth = parseInt(col.style.width, 10); + TableManager.updateColumnWidth(tableIndex, colIndex, finalWidth); + + setTimeout(() => { isResizing = false; }, 0); + }; + + if (isTouchEvent) { + document.addEventListener('touchmove', onMove, { passive: false }); + document.addEventListener('touchend', onEnd); + } else { + document.addEventListener('mousemove', onMove); + document.addEventListener('mouseup', onEnd); + } + }; + + resizer.addEventListener('mousedown', startResize); + resizer.addEventListener('touchstart', startResize, { passive: false }); + + headerRow.appendChild(th); + }); + + const tbody = tableElement.createTBody(); + if (tableData.rows && tableData.rows.length > 0) { + tableData.rows.forEach((rowData, rowIndex) => { + const row = tbody.insertRow(); + row.dataset.rowIndex = rowIndex; + + const indexCell = row.insertCell(); + indexCell.className = 'index-col'; + + const rowIndexSpan = document.createElement('span'); + rowIndexSpan.textContent = rowIndex + 1; + indexCell.appendChild(rowIndexSpan); + + const menu = document.createElement('div'); + menu.className = 'amily2-context-menu amily2-row-context-menu'; + + const actions = [ + { label: '向上移动', action: 'move-up', icon: 'fa-arrow-up' }, + { label: '向下移动', action: 'move-down', icon: 'fa-arrow-down' }, + { label: '在上加行', action: 'add-above', icon: 'fa-plus-circle' }, + { label: '在下加行', action: 'add-below', icon: 'fa-plus-circle' }, + { label: '删除该行', action: 'delete-row', icon: 'fa-trash-alt', isDanger: true } + ]; + + actions.forEach(({ label, action, icon, isDanger }) => { + const button = document.createElement('button'); + button.innerHTML = ` ${label}`; + button.className = 'menu_button small_button'; + if (isDanger) button.classList.add('danger'); + + button.addEventListener('click', (e) => { + e.stopPropagation(); + + switch (action) { + case 'move-up': + TableManager.moveRow(tableIndex, rowIndex, 'up'); + break; + case 'move-down': + TableManager.moveRow(tableIndex, rowIndex, 'down'); + break; + case 'add-above': + TableManager.insertRow(tableIndex, rowIndex, 'above'); + break; + case 'add-below': + TableManager.insertRow(tableIndex, rowIndex, 'below'); + break; + case 'delete-row': + if (confirm(`您确定要删除第 ${rowIndex + 1} 行吗？`)) { + TableManager.deleteRow(tableIndex, rowIndex); + } + break; + } + renderTables(); + }); + menu.appendChild(button); + }); + indexCell.appendChild(menu); + + rowData.forEach((cellData, colIndex) => { + const cell = row.insertCell(); + + const cellContent = document.createElement('div'); + cellContent.className = 'amily2-cell-content'; + cellContent.textContent = cellData; + cell.appendChild(cellContent); + + if (!isTouchDevice()) { + cell.setAttribute('contenteditable', 'true'); + } + cell.dataset.colIndex = colIndex; + cell.dataset.label = tableData.headers[colIndex] || ''; + + const highlightKey = `${tableIndex}-${rowIndex}-${colIndex}`; + if (highlights.has(highlightKey)) { + cell.classList.add('cell-highlight'); + } + }); + }); + } + tableWrapper.appendChild(tableElement); + container.appendChild(tableWrapper); + }); + + if (placeholder) { + container.appendChild(placeholder); + } + + // Also update the in-chat table whenever the main tables are re-rendered + updateOrInsertTableInChat(); +} + + +function openTableRuleEditor() { + const settings = extension_settings[extensionName]; + const tags = settings.table_tags_to_extract || ''; + const exclusionRules = settings.table_exclusion_rules || []; + + const rulesHtml = exclusionRules.map((rule, index) => ` +
+ + - + + +
+ `).join(''); + + const modalHtml = ` +
+
+ + + 仅提取指定XML标签的内容，例如填“content”，即提取...中的内容。 +
+
+ +
${rulesHtml}
+ + 移除所有被起始和结束标记包裹的内容（例如 OOC 部分）。 +
+
+ `; + + const dialog = showHtmlModal('配置独立提取规则', modalHtml, { + onOk: () => { + const newTags = document.getElementById('table-tags-input').value; + updateAndSaveTableSetting('table_tags_to_extract', newTags); + + const newExclusionRules = []; + document.querySelectorAll('#exclusion-rules-list .exclusion-rule-item').forEach(item => { + const start = item.querySelector('.rule-start').value.trim(); + const end = item.querySelector('.rule-end').value.trim(); + if (start && end) { + newExclusionRules.push({ start, end }); + } + }); + updateAndSaveTableSetting('table_exclusion_rules', newExclusionRules); + toastr.success('独立提取规则已保存。'); + }, + onShow: (dialogElement) => { + const rulesList = dialogElement.find('#exclusion-rules-list'); + + dialogElement.find('#add-exclusion-rule-btn').on('click', () => { + const newIndex = rulesList.children().length; + const newItemHtml = ` +
+ + - + + +
`; + rulesList.append(newItemHtml); + }); + + rulesList.on('click', '.remove-rule-btn', function() { + $(this).closest('.exclusion-rule-item').remove(); + }); + } + }); +} + +function openRuleEditor(tableIndex) { + const tables = TableManager.getMemoryState(); + if (!tables || !tables[tableIndex]) return; + const table = tables[tableIndex]; + + // 兼容旧数据结构 + if (table.charLimitRule && !table.charLimitRules) { + table.charLimitRules = {}; + if (table.charLimitRule.columnIndex !== -1) { + table.charLimitRules[table.charLimitRule.columnIndex] = table.charLimitRule.limit; + } + } + const charLimitRules = table.charLimitRules || {}; + + const renderCharLimitRules = (rules) => { + return Object.entries(rules).map(([colIndex, limit]) => { + const header = table.headers[colIndex] || `未知列 (${colIndex})`; + return ` +
+ ${header}: 不超过 ${limit} 字 + +
+ `; + }).join(''); + }; + + const getColumnOptions = (rules) => { + return table.headers.map((header, index) => { + // 如果该列已存在规则，则不应出现在下拉菜单中 + if (rules[index]) return ''; + return ``; + }).join(''); + }; + + const dialogHtml = ` + +
+

+ 编辑 “${table.name}” 的规则 +

+
+
+ +
+ + +
+ ${renderCharLimitRules(charLimitRules)} +
+ +
+
+ + + +
+
+ 您可以为多个不同的列添加字符数限制规则。 +
+ +
+ + + 当表格总行数超过设定值时，将在表格底部显示警告。 +
+ +
+ +
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+
保存
+
取消
+
+
+ `; + + const dialogElement = $(dialogHtml).appendTo('body'); + + const closeDialog = () => { + dialogElement[0].close(); + dialogElement.remove(); + }; + + const refreshRuleUI = () => { + const currentRules = JSON.parse(dialogElement.find('#current-char-limit-rules').attr('data-rules') || '{}'); + dialogElement.find('#current-char-limit-rules').html(renderCharLimitRules(currentRules)); + dialogElement.find('#new-rule-column-select').html(`${getColumnOptions(currentRules)}`); + }; + + dialogElement.find('#current-char-limit-rules').attr('data-rules', JSON.stringify(charLimitRules)); + + dialogElement.on('click', '#add-char-limit-rule-btn', () => { + const selectedColumn = parseInt(dialogElement.find('#new-rule-column-select').val(), 10); + const limitValue = parseInt(dialogElement.find('#new-rule-limit-input').val(), 10); + + if (selectedColumn === -1) { + toastr.warning('请选择一个列。'); + return; + } + + // 允许输入0，但0意味着“无限制”，所以我们不添加规则。 + if (isNaN(limitValue) || limitValue < 0) { + toastr.warning('请输入一个有效的字数限制（大于等于0）。'); + return; + } + + const currentRules = JSON.parse(dialogElement.find('#current-char-limit-rules').attr('data-rules') || '{}'); + + if (limitValue > 0) { + // 只有当限制大于0时，才添加或更新规则 + currentRules[selectedColumn] = limitValue; + dialogElement.find('#current-char-limit-rules').attr('data-rules', JSON.stringify(currentRules)); + refreshRuleUI(); + } else { + // 如果用户输入0，则视为不设置规则 + toastr.info('字数限制为0表示不设置规则。'); + } + }); + + dialogElement.on('click', '.remove-char-limit-rule-btn', function() { + const colIndexToRemove = $(this).data('col-index'); + const currentRules = JSON.parse(dialogElement.find('#current-char-limit-rules').attr('data-rules') || '{}'); + delete currentRules[colIndexToRemove]; + dialogElement.find('#current-char-limit-rules').attr('data-rules', JSON.stringify(currentRules)); + refreshRuleUI(); + }); + + dialogElement.find('.popup-button-ok').on('click', () => { + const newCharLimitRules = JSON.parse(dialogElement.find('#current-char-limit-rules').attr('data-rules') || '{}'); + const rowLimitValue = parseInt(dialogElement.find('#rule-row-limit-value').val(), 10); + + const newRules = { + note: dialogElement.find('#rule-note').val(), + rule_add: dialogElement.find('#rule-add').val(), + rule_delete: dialogElement.find('#rule-delete').val(), + rule_update: dialogElement.find('#rule-update').val(), + charLimitRules: newCharLimitRules, + rowLimitRule: rowLimitValue, + }; + TableManager.updateTableRules(tableIndex, newRules); + closeDialog(); + }); + + dialogElement.find('.popup-button-cancel').on('click', closeDialog); + dialogElement[0].showModal(); +} + + +function bindInjectionSettings() { + const settings = extension_settings[extensionName]; + + const masterSwitchCheckbox = document.getElementById('table-system-master-switch'); + const enabledCheckbox = document.getElementById('table-injection-enabled'); + const positionSelect = document.getElementById('table-injection-position'); + const depthInput = document.getElementById('table-injection-depth'); + const roleRadioGroup = document.querySelectorAll('input[name="table-injection-role"]'); + + if (!masterSwitchCheckbox || !enabledCheckbox || !positionSelect || !depthInput || !roleRadioGroup.length) { + return; + } + + const updateInjectionUI = () => { + const position = positionSelect.value; + const masterEnabled = masterSwitchCheckbox.checked; + + const isChatInjection = position === '1'; + + enabledCheckbox.disabled = !masterEnabled; + positionSelect.disabled = !masterEnabled; + depthInput.disabled = !masterEnabled || !isChatInjection; + roleRadioGroup.forEach(radio => radio.disabled = !masterEnabled || !isChatInjection); + + const enabledOpacity = masterEnabled ? '1' : '0.5'; + enabledCheckbox.style.opacity = enabledOpacity; + if (enabledCheckbox.closest('.control-block-with-switch')) { + enabledCheckbox.closest('.control-block-with-switch').style.opacity = enabledOpacity; + } + + positionSelect.style.opacity = enabledOpacity; + if (positionSelect.previousElementSibling) { + positionSelect.previousElementSibling.style.opacity = enabledOpacity; + } + + const depthOpacity = masterEnabled && isChatInjection ? '1' : '0.5'; + depthInput.style.opacity = depthOpacity; + if (depthInput.previousElementSibling) { + depthInput.previousElementSibling.style.opacity = depthOpacity; + } + + const roleOpacity = masterEnabled && isChatInjection ? '1' : '0.5'; + const roleGroupContainer = document.getElementById('table-role-system')?.closest('.radio-group'); + if (roleGroupContainer) { + roleGroupContainer.style.opacity = roleOpacity; + if (roleGroupContainer.previousElementSibling) { + roleGroupContainer.previousElementSibling.style.opacity = roleOpacity; + } + } + + const fillingModeRadios = document.querySelectorAll('input[name="filling-mode"]'); + fillingModeRadios.forEach(radio => { + radio.disabled = !masterEnabled; + const label = radio.closest('label'); + if (label) { + label.style.opacity = masterEnabled ? '1' : '0.5'; + } + }); + + const fillButton = document.getElementById('fill-table-now-btn'); + if (fillButton) { + fillButton.disabled = !masterEnabled; + fillButton.style.opacity = masterEnabled ? '1' : '0.5'; + } + }; + + masterSwitchCheckbox.checked = settings.table_system_enabled !== false; + enabledCheckbox.checked = settings.table_injection_enabled; + positionSelect.value = settings.injection.position; + depthInput.value = settings.injection.depth; + roleRadioGroup.forEach(radio => { + if (parseInt(radio.value, 10) === settings.injection.role) { + radio.checked = true; + } + }); + + updateInjectionUI(); + + masterSwitchCheckbox.addEventListener('change', () => { + settings.table_system_enabled = masterSwitchCheckbox.checked; + saveSettingsDebounced(); + updateInjectionUI(); + + const statusText = masterSwitchCheckbox.checked ? '已启用' : '已禁用'; + toastr.info(`表格系统总开关${statusText}。`); + log(`表格系统总开关${statusText}。`, 'info'); + }); + + enabledCheckbox.addEventListener('change', () => { + settings.table_injection_enabled = enabledCheckbox.checked; + saveSettingsDebounced(); + }); + + positionSelect.addEventListener('change', () => { + settings.injection.position = parseInt(positionSelect.value, 10); + saveSettingsDebounced(); + + updateInjectionUI(); + }); + + depthInput.addEventListener('input', () => { + settings.injection.depth = parseInt(depthInput.value, 10); + saveSettingsDebounced(); + }); + + roleRadioGroup.forEach(radio => { + radio.addEventListener('change', () => { + if (radio.checked) { + settings.injection.role = parseInt(radio.value, 10); + saveSettingsDebounced(); + } + }); + }); + + log('表格注入设置已成功绑定。', 'success'); +} + + +function updateAndSaveTableSetting(key, value) { + if (!extension_settings[extensionName]) { + extension_settings[extensionName] = {}; + } + extension_settings[extensionName][key] = value; + saveSettingsDebounced(); +} + +function bindWorldBookSettings() { + const settings = extension_settings[extensionName]; + + if (settings.table_worldbook_enabled === undefined) settings.table_worldbook_enabled = false; + if (settings.table_worldbook_char_limit === undefined) settings.table_worldbook_char_limit = 30000; + if (settings.table_worldbook_source === undefined) settings.table_worldbook_source = 'character'; + if (settings.table_selected_worldbooks === undefined) settings.table_selected_worldbooks = []; + if (settings.table_selected_entries === undefined) settings.table_selected_entries = {}; + + const enabledCheckbox = document.getElementById('table_worldbook_enabled'); + const limitSlider = document.getElementById('table_worldbook_char_limit'); + const limitValueSpan = document.getElementById('table_worldbook_char_limit_value'); + const sourceRadios = document.querySelectorAll('input[name="table_worldbook_source"]'); + const manualSelectWrapper = document.getElementById('table_worldbook_select_wrapper'); + const refreshButton = document.getElementById('table_refresh_worldbooks'); + const bookListContainer = document.getElementById('table_worldbook_checkbox_list'); + const entryListContainer = document.getElementById('table_worldbook_entry_list'); + + if (!enabledCheckbox || !limitSlider || !limitValueSpan || !sourceRadios.length || !manualSelectWrapper || !refreshButton || !bookListContainer || !entryListContainer) { + log('无法找到世界书设置的相关UI元素，绑定失败。', 'warn'); + return; + } + + const saveSelectedEntries = () => { + const selected = {}; + entryListContainer.querySelectorAll('input[type="checkbox"]:checked').forEach(cb => { + const book = cb.dataset.book; + const uid = cb.dataset.uid; + if (!selected[book]) { + selected[book] = []; + } + selected[book].push(uid); + }); + settings.table_selected_entries = selected; + saveSettingsDebounced(); + }; + + const renderWorldBookEntries = async () => { + entryListContainer.innerHTML = '

加载条目中...

'; + const source = settings.table_worldbook_source || 'character'; + let bookNames = []; + + if (source === 'manual') { + bookNames = settings.table_selected_worldbooks || []; + } else { + if (this_chid !== undefined && this_chid >= 0 && characters[this_chid]) { + try { + const charLorebooks = await safeCharLorebooks({ type: 'all' }); + if (charLorebooks.primary) bookNames.push(charLorebooks.primary); + if (charLorebooks.additional?.length) bookNames.push(...charLorebooks.additional); + } catch (error) { + console.error(`[内存储司] 获取角色世界书失败:`, error); + entryListContainer.innerHTML = '

获取角色世界书失败。

'; + return; + } + } else { + entryListContainer.innerHTML = '

请先加载一个角色。

'; + return; + } + } + + if (bookNames.length === 0) { + entryListContainer.innerHTML = '

未选择或绑定世界书。

'; + return; + } + + try { + const allEntries = []; + for (const bookName of bookNames) { + const entries = await safeLorebookEntries(bookName); + entries.forEach(entry => allEntries.push({ ...entry, bookName })); + } + + entryListContainer.innerHTML = ''; + if (allEntries.length === 0) { + entryListContainer.innerHTML = '

所选世界书中没有条目。

'; + return; + } + + allEntries.forEach(entry => { + const div = document.createElement('div'); + div.className = 'checkbox-item'; + div.title = `世界书: ${entry.bookName}\nUID: ${entry.uid}`; + + const checkbox = document.createElement('input'); + checkbox.type = 'checkbox'; + checkbox.id = `wb-entry-check-${entry.bookName}-${entry.uid}`; + checkbox.dataset.book = entry.bookName; + checkbox.dataset.uid = entry.uid; + + const isChecked = settings.table_selected_entries[entry.bookName]?.includes(String(entry.uid)); + checkbox.checked = !!isChecked; + + const label = document.createElement('label'); + label.htmlFor = checkbox.id; + label.textContent = entry.comment || '无标题条目'; + + div.appendChild(checkbox); + div.appendChild(label); + entryListContainer.appendChild(div); + }); + } catch (error) { + console.error(`[内存储司] 加载世界书条目失败:`, error); + entryListContainer.innerHTML = '

加载条目失败。

'; + } + }; + + const renderWorldBookList = () => { + const worldBooks = world_names.map(name => ({ name: name.replace('.json', ''), file_name: name })); + bookListContainer.innerHTML = ''; + if (worldBooks && worldBooks.length > 0) { + worldBooks.forEach(book => { + const div = document.createElement('div'); + div.className = 'checkbox-item'; + div.title = book.name; + + const checkbox = document.createElement('input'); + checkbox.type = 'checkbox'; + checkbox.id = `wb-check-${book.file_name}`; + checkbox.value = book.file_name; + checkbox.checked = settings.table_selected_worldbooks.includes(book.file_name); + + checkbox.addEventListener('change', () => { + if (checkbox.checked) { + if (!settings.table_selected_worldbooks.includes(book.file_name)) { + settings.table_selected_worldbooks.push(book.file_name); + } + } else { + settings.table_selected_worldbooks = settings.table_selected_worldbooks.filter(name => name !== book.file_name); + } + saveSettingsDebounced(); + renderWorldBookEntries(); + }); + + const label = document.createElement('label'); + label.htmlFor = `wb-check-${book.file_name}`; + label.textContent = book.name; + + div.appendChild(checkbox); + div.appendChild(label); + bookListContainer.appendChild(div); + }); + } else { + bookListContainer.innerHTML = '

没有找到世界书。

'; + } + renderWorldBookEntries(); + }; + + const updateManualSelectVisibility = () => { + const isManual = settings.table_worldbook_source === 'manual'; + manualSelectWrapper.style.display = isManual ? 'block' : 'none'; + renderWorldBookEntries(); + if (isManual) { + renderWorldBookList(); + } + }; + + enabledCheckbox.checked = settings.table_worldbook_enabled; + limitSlider.value = settings.table_worldbook_char_limit; + limitValueSpan.textContent = settings.table_worldbook_char_limit; + sourceRadios.forEach(radio => { + radio.checked = radio.value === settings.table_worldbook_source; + }); + + updateManualSelectVisibility(); + + enabledCheckbox.addEventListener('change', () => { + settings.table_worldbook_enabled = enabledCheckbox.checked; + saveSettingsDebounced(); + }); + + limitSlider.addEventListener('input', () => { limitValueSpan.textContent = limitSlider.value; }); + limitSlider.addEventListener('change', () => { + settings.table_worldbook_char_limit = parseInt(limitSlider.value, 10); + saveSettingsDebounced(); + }); + + sourceRadios.forEach(radio => { + radio.addEventListener('change', () => { + if (radio.checked) { + settings.table_worldbook_source = radio.value; + updateManualSelectVisibility(); + saveSettingsDebounced(); + } + }); + }); + + refreshButton.addEventListener('click', renderWorldBookList); + entryListContainer.addEventListener('change', (event) => { + if (event.target.type === 'checkbox') { + saveSelectedEntries(); + } + }); + + log('世界书设置已成功绑定。', 'success'); +} + +export function bindTableEvents() { + const panel = document.getElementById('amily2_memorisation_forms_panel'); + if (!panel || panel.dataset.eventsBound) { + return; + } + log('开始为表格视图绑定交互事件...', 'info'); + const fillingModeRadios = panel.querySelectorAll('input[name="filling-mode"]'); + const contextSliderContainer = document.getElementById('context-reading-slider-container'); + const contextSlider = document.getElementById('context-reading-slider'); + const contextValueSpan = document.getElementById('context-reading-value'); + const independentRulesContainer = document.getElementById('table-independent-rules-container'); + const independentRulesToggle = document.getElementById('table-independent-rules-enabled'); + const configureRulesBtn = document.getElementById('table-configure-rules-btn'); + + const updateFillingModeUI = () => { + const currentMode = extension_settings[extensionName]?.filling_mode || 'main-api'; + fillingModeRadios.forEach(radio => { + radio.checked = (radio.value === currentMode); + }); + + const isSecondaryMode = currentMode === 'secondary-api'; + + if (contextSliderContainer) { + contextSliderContainer.style.display = isSecondaryMode ? 'block' : 'none'; + } + + if (independentRulesContainer) { + independentRulesContainer.style.display = 'flex'; + } + + if (independentRulesToggle && configureRulesBtn) { + configureRulesBtn.style.display = independentRulesToggle.checked ? 'block' : 'none'; + } + }; + + fillingModeRadios.forEach(radio => { + radio.addEventListener('change', function() { + const selectedMode = this.value; + updateAndSaveTableSetting('filling_mode', selectedMode); + + let modeName = '原始填表'; + if (selectedMode === 'secondary-api') modeName = '分步填表'; + if (selectedMode === 'optimized') modeName = '优化中填表'; + + toastr.info(`填表模式已切换为 ${modeName}。`); + updateFillingModeUI(); // 更新UI以确保状态同步 + }); + }); + + if (contextSlider && contextValueSpan) { + const contextReadingValue = extension_settings[extensionName]?.context_reading_level || 4; + contextSlider.value = contextReadingValue; + contextValueSpan.textContent = contextReadingValue; + + contextSlider.addEventListener('input', function() { + contextValueSpan.textContent = this.value; + }); + + contextSlider.addEventListener('change', function() { + updateAndSaveTableSetting('context_reading_level', parseInt(this.value, 10)); + toastr.info(`上下文读取级别已设置为 ${this.value}。`); + }); + } + + if (independentRulesToggle) { + independentRulesToggle.checked = extension_settings[extensionName]?.table_independent_rules_enabled ?? false; + independentRulesToggle.addEventListener('change', () => { + updateAndSaveTableSetting('table_independent_rules_enabled', independentRulesToggle.checked); + updateFillingModeUI(); + }); + } + + updateFillingModeUI(); + + if (configureRulesBtn) { + configureRulesBtn.addEventListener('click', openTableRuleEditor); + } + + const renderAll = () => { + renderTables(); + bindInjectionSettings(); + bindTemplateEditors(); + }; + + renderAll(); + bindWorldBookSettings(); + bindBatchFillButton(); // 【新增】绑定批量填表按钮 + bindFloorFillButtons(); // 【新增】绑定楼层填表按钮 + bindReorganizeButton(); // 【新增】绑定重新整理按钮 + bindTemplateEditors(); // 【新增】为新的指令模板编辑器绑定事件 + bindNccsApiEvents(); // 【新增】绑定Nccs API系统事件 + bindChatTableDisplaySetting(); // 【新增】绑定聊天内表格显示开关 + + const navDeck = document.querySelector('#amily2_memorisation_forms_panel .sinan-navigation-deck'); + if (navDeck) { + navDeck.addEventListener('click', (event) => { + const target = event.target.closest('.sinan-nav-item'); + if (!target) return; + + const tabName = target.dataset.tab; + if (!tabName) return; + + const container = target.closest('.settings-group'); + if (!container) return; + + container.querySelectorAll('.sinan-nav-item').forEach(btn => btn.classList.remove('active')); + target.classList.add('active'); + container.querySelectorAll('.sinan-tab-pane').forEach(pane => pane.classList.remove('active')); + const activePane = container.querySelector(`#sinan-${tabName}-tab`); + if (activePane) { + activePane.classList.add('active'); + } + }); + } + + const exportBtn = document.getElementById('amily2-export-preset-btn'); + const exportFullBtn = document.getElementById('amily2-export-preset-full-btn'); + const importBtn = document.getElementById('amily2-import-preset-btn'); + const importGlobalBtn = document.getElementById('amily2-import-global-preset-btn'); + const clearGlobalBtn = document.getElementById('amily2-clear-global-preset-btn'); + + if (exportBtn) { + exportBtn.addEventListener('click', () => TableManager.exportPreset()); + } + if (exportFullBtn) { + exportFullBtn.addEventListener('click', () => TableManager.exportPresetFull()); + } + if (importBtn) { + importBtn.addEventListener('click', () => TableManager.importPreset(renderAll)); + } + if (importGlobalBtn) { + importGlobalBtn.addEventListener('click', () => { + + const isEmpty = TableManager.isCurrentTablesEmpty(); + TableManager.importGlobalPreset(() => { + if (isEmpty) { + TableManager.loadTables(); + renderAll(); + } + }); + }); + } + if (clearGlobalBtn) { + clearGlobalBtn.addEventListener('click', () => { + const isEmpty = TableManager.isCurrentTablesEmpty(); + TableManager.clearGlobalPreset(); + if (isEmpty) { + TableManager.loadTables(); + renderAll(); + } + }); + } + + const clearAllBtn = document.getElementById('amily2-clear-all-tables-btn'); + if (clearAllBtn) { + clearAllBtn.addEventListener('click', () => { + if (confirm('【确认】您确定要清空所有表格的剧情内容吗？此操作将保留表格结构，但会删除所有已填写的行。')) { + TableManager.clearAllTables(); + renderAll(); + } + }); + } + + + const addTablePlaceholder = document.getElementById('add-table-placeholder'); + if (addTablePlaceholder) { + addTablePlaceholder.addEventListener('click', () => { + const newName = prompt('请输入新表格的名称：', '新表格'); + if (newName && newName.trim()) { + TableManager.addTable(newName.trim()); + renderAll(); + } + }); + } + + + const allTablesContainer = getAllTablesContainer(); + if (allTablesContainer) { + allTablesContainer.addEventListener('click', (event) => { + const th = event.target.closest('th'); + if (th && th.classList.contains('index-col')) { + // 处理表头 # 号的点击（用于空表格添加首行） + toggleHeaderIndexContextMenu(event); + return; + } + if (th && !th.classList.contains('index-col')) { + toggleColumnContextMenu(event); + return; + } + + const td = event.target.closest('td.index-col'); + if (td) { + toggleRowContextMenu(event); + return; + } + + const renameIcon = event.target.closest('.table-rename-icon'); + if (renameIcon) { + const tableIndex = parseInt(renameIcon.dataset.tableIndex, 10); + const tables = TableManager.getMemoryState(); + const currentName = tables[tableIndex]?.name || ''; + showTableNameEditor(tableIndex, currentName); + return; + } + + const target = event.target.closest('button'); + if (!target) return; + + const tableIndex = parseInt(target.dataset.tableIndex, 10); + + if (target.matches('.add-row-btn')) { + TableManager.addRow(tableIndex); + renderAll(); + } else if (target.matches('.add-col-btn')) { + TableManager.addColumn(tableIndex); + renderAll(); + } else if (target.matches('.move-table-up-btn') || target.matches('.move-table-down-btn')) { + const direction = target.classList.contains('move-table-up-btn') ? 'up' : 'down'; + TableManager.moveTable(tableIndex, direction); + renderAll(); + } else if (target.matches('.edit-rules-btn')) { + openRuleEditor(tableIndex); + } else if (target.matches('.delete-table-btn')) { + const tables = TableManager.getMemoryState(); + const tableName = tables[tableIndex]?.name || '未知表格'; + if (confirm(`【最终警告】您确定要永久废黜表格 “[${tableName}]” 吗？此操作不可逆！`)) { + TableManager.deleteTable(tableIndex); + renderAll(); + } + } + }); + + if (isTouchDevice()) { + let lastTap = 0; + let lastTapTarget = null; + allTablesContainer.addEventListener('touchstart', (event) => { + const target = event.target.closest('td'); + if (!target || target.dataset.colIndex === undefined) return; + + const currentTime = new Date().getTime(); + const tapLength = currentTime - lastTap; + if (tapLength < 300 && tapLength > 0 && lastTapTarget === target) { + event.preventDefault(); + if (target.getAttribute('contenteditable') !== 'true') { + target.setAttribute('contenteditable', 'true'); + setTimeout(() => target.focus(), 0); + } + } + lastTap = currentTime; + lastTapTarget = target; + }); + } + + allTablesContainer.addEventListener('blur', (event) => { + const target = event.target; + if (target.tagName !== 'TD' || target.getAttribute('contenteditable') !== 'true') return; + + if (isTouchDevice()) { + target.setAttribute('contenteditable', 'false'); + } + + const tableElement = target.closest('table'); + if (!tableElement) return; + + const tableIndex = parseInt(tableElement.dataset.tableIndex, 10); + const rowIndex = parseInt(target.closest('tr').dataset.rowIndex, 10); + const colIndex = parseInt(target.dataset.colIndex, 10); + const newValue = target.textContent; + + // Correctly save scroll positions before re-rendering + const tableWrapper = tableElement.closest('.amily2-table-wrapper'); + const hScroll = tableWrapper ? tableWrapper.scrollLeft : 0; + const vScroll = allTablesContainer.scrollTop; + + TableManager.addHighlight(tableIndex, rowIndex, colIndex); + const dataToUpdate = { [colIndex]: newValue }; + TableManager.updateRow(tableIndex, rowIndex, dataToUpdate); + + renderAll(); + + // Correctly restore scroll positions after re-rendering + const newTableWrapper = document.getElementById(`amily2-table-${tableIndex}`)?.closest('.amily2-table-wrapper'); + if (newTableWrapper) { + newTableWrapper.scrollLeft = hScroll; + } + allTablesContainer.scrollTop = vScroll; + + }, true); + } + + panel.dataset.eventsBound = 'true'; + log('表格视图交互事件已成功绑定。', 'success'); + + eventSource.on(event_types.CHAT_CHANGED, () => { + console.log(`[${extensionName}] 检测到角色/聊天切换，正在刷新表格系统UI和世界书设置...`); + renderAll(); + + setTimeout(() => { + const settings = extension_settings[extensionName]; + if (settings && settings.table_worldbook_enabled) { + try { + bindWorldBookSettings(); + console.log(`[${extensionName}] 世界书设置已刷新`); + } catch (error) { + console.error(`[${extensionName}] 刷新世界书设置时出错:`, error); + } + } + }, 100); + }); +} + +function bindBatchFillButton() { + const fillButton = document.getElementById('fill-table-now-btn'); + if (fillButton) { + if (fillButton.dataset.batchEventBound) return; + + fillButton.addEventListener('click', (event) => { + const settings = extension_settings[extensionName]; + const tableSystemEnabled = settings.table_system_enabled !== false; + + if (!tableSystemEnabled) { + event.preventDefault(); + toastr.warning('表格系统总开关已关闭，请先启用总开关。'); + return; + } + + startBatchFilling(); + }); + + fillButton.dataset.batchEventBound = 'true'; + log('"立即填表"按钮已成功绑定。', 'success'); + } +} + +function bindReorganizeButton() { + const reorganizeBtn = document.getElementById('reorganize-table-btn'); + + if (reorganizeBtn) { + if (reorganizeBtn.dataset.reorganizeEventBound) return; + + reorganizeBtn.addEventListener('click', async (event) => { + const settings = extension_settings[extensionName]; + const tableSystemEnabled = settings.table_system_enabled !== false; + + if (!tableSystemEnabled) { + event.preventDefault(); + toastr.warning('表格系统总开关已关闭，请先启用总开关。'); + return; + } + + try { + const { reorganizeTableContent } = await import('../core/table-system/reorganizer.js'); + await reorganizeTableContent(); + } catch (error) { + console.error('[内存储司] 重新整理功能导入失败:', error); + toastr.error('重新整理功能启动失败，请检查系统状态。'); + } + }); + + reorganizeBtn.dataset.reorganizeEventBound = 'true'; + log('"重新整理"按钮已成功绑定。', 'success'); + } +} + + +function bindFloorFillButtons() { + const selectedFloorsBtn = document.getElementById('fill-selected-floors-btn'); + const currentFloorBtn = document.getElementById('fill-current-floor-btn'); + const rollbackBtn = document.getElementById('rollback-and-refill-btn'); + + if (selectedFloorsBtn) { + + if (selectedFloorsBtn.dataset.floorEventBound) return; + + selectedFloorsBtn.addEventListener('click', (event) => { + const settings = extension_settings[extensionName]; + const tableSystemEnabled = settings.table_system_enabled !== false; + + if (!tableSystemEnabled) { + event.preventDefault(); + toastr.warning('表格系统总开关已关闭，请先启用总开关。'); + return; + } + + const startFloorInput = document.getElementById('floor-start-input'); + const endFloorInput = document.getElementById('floor-end-input'); + + const startFloor = parseInt(startFloorInput.value, 10); + const endFloor = parseInt(endFloorInput.value, 10); + + if (!startFloor || !endFloor) { + toastr.warning('请输入有效的起始楼层和结束楼层。'); + return; + } + + if (startFloor > endFloor) { + toastr.warning('起始楼层不能大于结束楼层。'); + return; + } + + if (startFloor < 1) { + toastr.warning('楼层不能小于1。'); + return; + } + + import('../core/table-system/batch-filler.js').then(module => { + module.startFloorRangeFilling(startFloor, endFloor); + }); + }); + + selectedFloorsBtn.dataset.floorEventBound = 'true'; + log('"选定楼层填表"按钮已成功绑定。', 'success'); + } + + if (currentFloorBtn) { + if (currentFloorBtn.dataset.currentEventBound) return; + + currentFloorBtn.addEventListener('click', (event) => { + const settings = extension_settings[extensionName]; + const tableSystemEnabled = settings.table_system_enabled !== false; + + if (!tableSystemEnabled) { + event.preventDefault(); + toastr.warning('表格系统总开关已关闭，请先启用总开关。'); + return; + } + + import('../core/table-system/batch-filler.js').then(module => { + module.startCurrentFloorFilling(); + }); + }); + + currentFloorBtn.dataset.currentEventBound = 'true'; + log('"填当前楼层"按钮已成功绑定。', 'success'); + } + + if (rollbackBtn) { + if (rollbackBtn.dataset.rollbackEventBound) return; + + rollbackBtn.addEventListener('click', async (event) => { + const settings = extension_settings[extensionName]; + const tableSystemEnabled = settings.table_system_enabled !== false; + + if (!tableSystemEnabled) { + event.preventDefault(); + toastr.warning('表格系统总开关已关闭，请先启用总开关。'); + return; + } + + if (confirm('您确定要将表格状态回退到上一楼，并使用最新消息重新填表吗？')) { + try { + await TableManager.rollbackAndRefill(); + } catch (error) { + console.error('[内存储司] 回退重填功能失败:', error); + toastr.error('回退重填失败，请检查系统状态。'); + } + } + }); + + rollbackBtn.dataset.rollbackEventBound = 'true'; + log('"回退重填"按钮已成功绑定。', 'success'); + } +} + +function bindTemplateEditors() { + const ruleEditor = document.getElementById('ai-rule-template-editor'); + const ruleSaveBtn = document.getElementById('ai-rule-template-save-btn'); + const ruleRestoreBtn = document.getElementById('ai-rule-template-restore-btn'); + + const flowEditor = document.getElementById('ai-flow-template-editor'); + const flowSaveBtn = document.getElementById('ai-flow-template-save-btn'); + const flowRestoreBtn = document.getElementById('ai-flow-template-restore-btn'); + + if (!ruleEditor || !flowEditor) { + log('无法找到指令模板编辑器，绑定失败。', 'warn'); + return; + } + + ruleEditor.value = TableManager.getBatchFillerRuleTemplate(); + flowEditor.value = TableManager.getBatchFillerFlowTemplate(); + + ruleSaveBtn.addEventListener('click', () => { + TableManager.saveBatchFillerRuleTemplate(ruleEditor.value); + toastr.success('规则提示词已保存。'); + log('批量填表-规则提示词已保存。', 'success'); + }); + + flowSaveBtn.addEventListener('click', () => { + TableManager.saveBatchFillerFlowTemplate(flowEditor.value); + toastr.success('流程提示词已保存。'); + log('批量填表-流程提示词已保存。', 'success'); + }); + + ruleRestoreBtn.addEventListener('click', () => { + if (confirm('您确定要将规则提示词恢复为默认设置吗？')) { + ruleEditor.value = DEFAULT_AI_RULE_TEMPLATE; + TableManager.saveBatchFillerRuleTemplate(ruleEditor.value); + toastr.info('规则提示词已恢复为默认。'); + log('批量填表-规则提示词已恢复默认。', 'info'); + } + }); + + flowRestoreBtn.addEventListener('click', () => { + if (confirm('您确定要将流程提示词恢复为默认设置吗？')) { + flowEditor.value = DEFAULT_AI_FLOW_TEMPLATE; + TableManager.saveBatchFillerFlowTemplate(flowEditor.value); + toastr.info('流程提示词已恢复为默认。'); + log('批量填表-流程提示词已恢复默认。', 'info'); + } + }); + + log('指令模板编辑器已成功绑定。', 'success'); +} + +function bindNccsApiEvents() { + const settings = extension_settings[extensionName]; + + if (settings.nccsEnabled === undefined) settings.nccsEnabled = false; + if (settings.nccsApiMode === undefined) settings.nccsApiMode = 'openai_test'; + if (settings.nccsApiUrl === undefined) settings.nccsApiUrl = 'https://api.openai.com/v1'; + if (settings.nccsApiKey === undefined) settings.nccsApiKey = ''; + if (settings.nccsModel === undefined) settings.nccsModel = ''; + if (settings.nccsMaxTokens === undefined) settings.nccsMaxTokens = 2000; + if (settings.nccsTemperature === undefined) settings.nccsTemperature = 0.7; + if (settings.nccsTavernProfile === undefined) settings.nccsTavernProfile = ''; + + const enabledToggle = document.getElementById('nccs-api-enabled'); + const configDiv = document.getElementById('nccs-api-config'); + const modeSelect = document.getElementById('nccs-api-mode'); + const urlInput = document.getElementById('nccs-api-url'); + const keyInput = document.getElementById('nccs-api-key'); + const modelInput = document.getElementById('nccs-api-model'); + const maxTokensSlider = document.getElementById('nccs-max-tokens'); + const maxTokensValue = document.getElementById('nccs-max-tokens-value'); + const temperatureSlider = document.getElementById('nccs-temperature'); + const temperatureValue = document.getElementById('nccs-temperature-value'); + const presetSelect = document.getElementById('nccs-sillytavern-preset'); + const testButton = document.getElementById('nccs-test-connection'); + const fetchModelsButton = document.getElementById('nccs-fetch-models'); + + if (!enabledToggle || !configDiv) return; + + enabledToggle.checked = settings.nccsEnabled; + if (modeSelect) modeSelect.value = settings.nccsApiMode; + if (urlInput) urlInput.value = settings.nccsApiUrl; + if (keyInput) keyInput.value = settings.nccsApiKey; + if (modelInput) modelInput.value = settings.nccsModel; + if (maxTokensSlider) { + maxTokensSlider.value = settings.nccsMaxTokens; + if (maxTokensValue) maxTokensValue.textContent = settings.nccsMaxTokens; + } + if (temperatureSlider) { + temperatureSlider.value = settings.nccsTemperature; + if (temperatureValue) temperatureValue.textContent = settings.nccsTemperature; + } + if (presetSelect) presetSelect.value = settings.nccsTavernProfile || ''; + + const updateConfigVisibility = () => { + configDiv.style.display = enabledToggle.checked ? 'block' : 'none'; + }; + updateConfigVisibility(); + + const updateModeBasedVisibility = () => { + if (!modeSelect) return; + const isSillyTavernMode = modeSelect.value === 'sillytavern_preset'; + const isOpenAIMode = modeSelect.value === 'openai_test'; + + const presetContainer = presetSelect?.closest('.amily2_opt_settings_block'); + if (presetContainer) { + presetContainer.style.display = isSillyTavernMode ? 'block' : 'none'; + } + + const fieldsToHideInPresetMode = [ + { element: urlInput, containerId: null }, + { element: keyInput, containerId: null }, + { element: modelInput, containerId: null }, + { element: maxTokensSlider, containerId: null }, + { element: temperatureSlider, containerId: null } + ]; + + fieldsToHideInPresetMode.forEach(({ element }) => { + if (element) { + const container = element.closest('.amily2_opt_settings_block'); + if (container) { + container.style.display = isSillyTavernMode ? 'none' : 'block'; + } + } + }); + + const buttonsContainer = testButton?.closest('.nccs-button-row'); + if (buttonsContainer) { + buttonsContainer.style.display = 'flex'; + } + }; + updateModeBasedVisibility(); + + enabledToggle.addEventListener('change', () => { + settings.nccsEnabled = enabledToggle.checked; + saveSettingsDebounced(); + updateConfigVisibility(); + log(`Nccs API ${enabledToggle.checked ? '已启用' : '已禁用'}`, 'info'); + }); + + if (modeSelect) { + modeSelect.addEventListener('change', () => { + settings.nccsApiMode = modeSelect.value; + saveSettingsDebounced(); + updateModeBasedVisibility(); + log(`Nccs API模式已切换为: ${modeSelect.value}`, 'info'); + }); + } + + if (urlInput) { + const saveUrl = () => { + settings.nccsApiUrl = urlInput.value; + saveSettingsDebounced(); + }; + + urlInput.addEventListener('blur', saveUrl); + } + + if (keyInput) { + const saveKey = () => { + settings.nccsApiKey = keyInput.value; + saveSettingsDebounced(); + }; + + keyInput.addEventListener('blur', saveKey); + } + + if (modelInput) { + const saveModel = () => { + settings.nccsModel = modelInput.value; + saveSettingsDebounced(); + }; + + modelInput.addEventListener('blur', saveModel); + modelInput.addEventListener('input', saveModel); + } + + if (maxTokensSlider && maxTokensValue) { + maxTokensSlider.addEventListener('input', () => { + maxTokensValue.textContent = maxTokensSlider.value; + }); + maxTokensSlider.addEventListener('change', () => { + settings.nccsMaxTokens = parseInt(maxTokensSlider.value); + saveSettingsDebounced(); + }); + } + + if (temperatureSlider && temperatureValue) { + temperatureSlider.addEventListener('input', () => { + temperatureValue.textContent = temperatureSlider.value; + }); + temperatureSlider.addEventListener('change', () => { + settings.nccsTemperature = parseFloat(temperatureSlider.value); + saveSettingsDebounced(); + }); + } + + if (presetSelect) { + presetSelect.addEventListener('change', () => { + settings.nccsTavernProfile = presetSelect.value; + saveSettingsDebounced(); + }); + } + + if (testButton) { + testButton.addEventListener('click', async () => { + testButton.disabled = true; + testButton.innerHTML = ' 测试中...'; + + try { + const success = await testNccsApiConnection(); + if (success) { + toastr.success('Nccs API连接测试成功！'); + log('Nccs API连接测试成功', 'success'); + } else { + toastr.error('Nccs API连接测试失败，请检查配置'); + log('Nccs API连接测试失败', 'error'); + } + } catch (error) { + toastr.error('Nccs API连接测试出错：' + error.message); + log('Nccs API连接测试出错：' + error.message, 'error'); + } finally { + testButton.disabled = false; + testButton.innerHTML = ' 测试连接'; + } + }); + } + + if (fetchModelsButton) { + fetchModelsButton.addEventListener('click', async () => { + fetchModelsButton.disabled = true; + fetchModelsButton.innerHTML = ' 获取中...'; + + if (urlInput) { + settings.nccsApiUrl = urlInput.value; + } + if (keyInput) { + settings.nccsApiKey = keyInput.value; + } + saveSettingsDebounced(); + + try { + const models = await fetchNccsModels(); + if (models && models.length > 0) { + let modelSelect = document.getElementById('nccs-api-model-select'); + if (!modelSelect) { + modelSelect = document.createElement('select'); + modelSelect.id = 'nccs-api-model-select'; + modelSelect.className = 'text_pole'; + modelInput.parentNode.insertBefore(modelSelect, modelInput.nextSibling); + } + + modelSelect.innerHTML = ''; + models.forEach(model => { + const option = document.createElement('option'); + option.value = model.id || model.name; + option.textContent = model.name || model.id; + if ((model.id || model.name) === settings.nccsModel) { + option.selected = true; + } + modelSelect.appendChild(option); + }); + + modelInput.style.display = 'none'; + modelSelect.style.display = 'block'; + + modelSelect.addEventListener('change', () => { + const selectedModel = modelSelect.value; + settings.nccsModel = selectedModel; + modelInput.value = selectedModel; + saveSettingsDebounced(); + }); + + toastr.success(`成功获取 ${models.length} 个模型`); + log(`Nccs API获取到 ${models.length} 个模型`, 'success'); + } else { + toastr.warning('未获取到可用模型'); + log('Nccs API未获取到可用模型', 'warn'); + } + } catch (error) { + toastr.error('获取模型失败：' + error.message); + log('Nccs API获取模型失败：' + error.message, 'error'); + } finally { + fetchModelsButton.disabled = false; + fetchModelsButton.innerHTML = ' 获取模型'; + } + }); + } + + const loadSillyTavernPresets = async () => { + if (!presetSelect) return; + try { + const context = getContext(); + if (!context?.extensionSettings?.connectionManager?.profiles) { + throw new Error('无法获取SillyTavern配置文件列表'); + } + + const profiles = context.extensionSettings.connectionManager.profiles; + + const currentProfileId = settings.nccsTavernProfile; + + presetSelect.innerHTML = ''; + presetSelect.appendChild(new Option('选择预设', '', false, false)); + + if (profiles && profiles.length > 0) { + profiles.forEach(profile => { + const isSelected = profile.id === currentProfileId; + const option = new Option(profile.name, profile.id, isSelected, isSelected); + presetSelect.appendChild(option); + }); + log(`成功加载 ${profiles.length} 个SillyTavern配置文件`, 'success'); + } else { + log('未找到可用的SillyTavern配置文件', 'warn'); + } + } catch (error) { + log('加载SillyTavern预设失败：' + error.message, 'error'); + } + }; + + if (modeSelect && presetSelect) { + modeSelect.addEventListener('change', () => { + if (modeSelect.value === 'sillytavern_preset') { + loadSillyTavernPresets(); + } + }); + + if (settings.nccsApiMode === 'sillytavern_preset') { + loadSillyTavernPresets(); + } + } + + log('Nccs API事件绑定完成', 'success'); +} + +function bindChatTableDisplaySetting() { + const settings = extension_settings[extensionName]; + const showInChatToggle = document.getElementById('show-table-in-chat-toggle'); + const continuousRenderToggle = document.getElementById('render-on-every-message-toggle'); + + if (!showInChatToggle || !continuousRenderToggle) { + log('找不到聊天内表格相关的开关，绑定失败。', 'warn'); + return; + } + + // Initialize states from settings + showInChatToggle.checked = settings.show_table_in_chat === true; + continuousRenderToggle.checked = settings.render_on_every_message === true; + + // Function to update the dependency + const updateContinuousRenderState = () => { + if (showInChatToggle.checked) { + continuousRenderToggle.disabled = false; + continuousRenderToggle.closest('.control-block-with-switch').style.opacity = '1'; + } else { + continuousRenderToggle.disabled = true; + continuousRenderToggle.closest('.control-block-with-switch').style.opacity = '0.5'; + } + }; + + // Initial state update + updateContinuousRenderState(); + + // Event listener for the main toggle + showInChatToggle.addEventListener('change', () => { + settings.show_table_in_chat = showInChatToggle.checked; + saveSettingsDebounced(); + toastr.info(`聊天内表格显示已${showInChatToggle.checked ? '开启' : '关闭'}。`); + updateContinuousRenderState(); + }); + + // Event listener for the continuous render toggle + continuousRenderToggle.addEventListener('change', () => { + settings.render_on_every_message = continuousRenderToggle.checked; + saveSettingsDebounced(); + toastr.info(`持续渲染最新消息功能已${continuousRenderToggle.checked ? '开启' : '关闭'}。请切换聊天以应用更改。`); + }); + + log('聊天内表格显示设置及其依赖关系已成功绑定。', 'success'); +}