-
`;
}
-// Track open add forms (matching items/skills pattern)
-let openAddForms = {};
-
/**
* Main render function for quests
*/
export function renderQuests() {
- if (!extensionSettings.showQuests || !$questsContainer) {
+ if (!extensionSettings.showInventory || !$questsContainer) {
return;
}
// Get current sub-tab from container or default to 'main'
const activeSubTab = $questsContainer.data('active-subtab') || 'main';
+ // Get quests data
+ const mainQuest = extensionSettings.quests.main || 'None';
+ const optionalQuests = extensionSettings.quests.optional || [];
+
// Build HTML
let html = '
';
html += renderQuestsSubTabs(activeSubTab);
@@ -194,9 +178,9 @@ export function renderQuests() {
// Render active sub-tab
html += '
';
if (activeSubTab === 'main') {
- html += renderMainQuestView();
+ html += renderMainQuestView(mainQuest);
} else {
- html += renderOptionalQuestsView();
+ html += renderOptionalQuestsView(optionalQuests);
}
html += '
';
@@ -207,118 +191,117 @@ export function renderQuests() {
}
/**
- * Attach event handlers for quest interactions (matching items/skills pattern)
+ * Attach event handlers for quest interactions
*/
function attachQuestEventHandlers() {
// Sub-tab switching
- $questsContainer.find('.rpg-quests-subtab').off('click').on('click', function() {
+ $questsContainer.find('.rpg-quests-subtab').on('click', function() {
const tab = $(this).data('tab');
$questsContainer.data('active-subtab', tab);
renderQuests();
});
// Add quest button
- $questsContainer.find('[data-action="add-quest"]').off('click').on('click', function() {
+ $questsContainer.find('[data-action="add-quest"]').on('click', function() {
const field = $(this).data('field');
- openAddForms[field] = true;
- renderQuests();
- setTimeout(() => {
- $(`#rpg-new-quest-${field}`).focus();
- }, 50);
+ $(`#rpg-add-quest-form-${field}`).show();
+ $(`#rpg-new-quest-${field}`).focus();
});
// Cancel add quest
- $questsContainer.find('[data-action="cancel-add-quest"]').off('click').on('click', function() {
+ $questsContainer.find('[data-action="cancel-add-quest"]').on('click', function() {
const field = $(this).data('field');
- openAddForms[field] = false;
+ $(`#rpg-add-quest-form-${field}`).hide();
$(`#rpg-new-quest-${field}`).val('');
- renderQuests();
});
// Save add quest
- $questsContainer.find('[data-action="save-add-quest"]').off('click').on('click', function() {
+ $questsContainer.find('[data-action="save-add-quest"]').on('click', function() {
const field = $(this).data('field');
- const nameInput = $(`#rpg-new-quest-${field}`);
- const questTitle = nameInput.val().trim();
+ const input = $(`#rpg-new-quest-${field}`);
+ const questTitle = input.val().trim();
if (questTitle) {
- // Ensure structured format exists
- if (!extensionSettings.questsV2) {
- extensionSettings.questsV2 = { main: null, optional: [] };
- }
-
if (field === 'main') {
- extensionSettings.questsV2.main = { name: questTitle, description: '' };
+ extensionSettings.quests.main = questTitle;
} else {
- if (!extensionSettings.questsV2.optional) {
- extensionSettings.questsV2.optional = [];
+ if (!extensionSettings.quests.optional) {
+ extensionSettings.quests.optional = [];
}
- extensionSettings.questsV2.optional.push({ name: questTitle, description: '' });
+ extensionSettings.quests.optional.push(questTitle);
}
-
- openAddForms[field] = false;
saveSettings();
- saveChatData();
+ renderQuests();
+ }
+ });
+
+ // Edit quest (main only)
+ $questsContainer.find('[data-action="edit-quest"]').on('click', function() {
+ const field = $(this).data('field');
+ $(`#rpg-edit-quest-form-${field}`).show();
+ $('.rpg-quest-item[data-field="main"]').hide();
+ $(`#rpg-edit-quest-${field}`).focus();
+ });
+
+ // Cancel edit quest
+ $questsContainer.find('[data-action="cancel-edit-quest"]').on('click', function() {
+ const field = $(this).data('field');
+ $(`#rpg-edit-quest-form-${field}`).hide();
+ $('.rpg-quest-item[data-field="main"]').show();
+ });
+
+ // Save edit quest
+ $questsContainer.find('[data-action="save-edit-quest"]').on('click', function() {
+ const field = $(this).data('field');
+ const input = $(`#rpg-edit-quest-${field}`);
+ const questTitle = input.val().trim();
+
+ if (questTitle) {
+ extensionSettings.quests.main = questTitle;
+ saveSettings();
renderQuests();
}
});
// Remove quest
- $questsContainer.find('[data-action="remove-quest"]').off('click').on('click', function() {
+ $questsContainer.find('[data-action="remove-quest"]').on('click', function() {
const field = $(this).data('field');
const index = $(this).data('index');
if (field === 'main') {
- if (extensionSettings.questsV2) {
- extensionSettings.questsV2.main = null;
- }
+ extensionSettings.quests.main = 'None';
} else {
- if (extensionSettings.questsV2?.optional) {
- extensionSettings.questsV2.optional.splice(index, 1);
- }
+ extensionSettings.quests.optional.splice(index, 1);
}
saveSettings();
- saveChatData();
renderQuests();
});
- // Inline editing for quests (name and description) - matching items/skills pattern
- $questsContainer.off('blur', '.rpg-item-name.rpg-editable, .rpg-item-description.rpg-editable')
- .on('blur', '.rpg-item-name.rpg-editable, .rpg-item-description.rpg-editable', function() {
+ // Inline editing for optional quests
+ $questsContainer.find('.rpg-quest-title.rpg-editable').on('blur', function() {
const $this = $(this);
const field = $this.data('field');
const index = $this.data('index');
- const prop = $this.data('prop') || 'name';
- const newValue = $this.text().trim();
+ const newTitle = $this.text().trim();
- // Ensure structured format exists
- if (!extensionSettings.questsV2) {
- extensionSettings.questsV2 = { main: null, optional: [] };
+ if (newTitle && field === 'optional' && index !== undefined) {
+ extensionSettings.quests.optional[index] = newTitle;
+ saveSettings();
}
-
- if (field === 'main') {
- // Update main quest
- if (!extensionSettings.questsV2.main) {
- extensionSettings.questsV2.main = { name: '', description: '' };
- }
- extensionSettings.questsV2.main[prop] = newValue;
- } else if (field === 'optional' && index !== undefined) {
- // Update optional quest
- if (!extensionSettings.questsV2.optional[index]) {
- extensionSettings.questsV2.optional[index] = { name: '', description: '' };
- }
- extensionSettings.questsV2.optional[index][prop] = newValue;
- }
-
- saveSettings();
- saveChatData();
});
- // Enter key to save in forms (matching items/skills pattern)
- $questsContainer.find('.rpg-inline-input').off('keypress').on('keypress', function(e) {
+ // Enter key to save in forms
+ $questsContainer.find('.rpg-inline-input').on('keypress', function(e) {
if (e.which === 13) {
- const field = $(this).attr('id').replace('rpg-new-quest-', '');
- $(`[data-action="save-add-quest"][data-field="${field}"]`).click();
+ const field = $(this).attr('id').includes('edit') ?
+ $(this).attr('id').replace('rpg-edit-quest-', '') :
+ $(this).attr('id').replace('rpg-new-quest-', '');
+
+ if ($(this).attr('id').includes('edit')) {
+ $(`[data-action="save-edit-quest"][data-field="${field}"]`).click();
+ } else {
+ $(`[data-action="save-add-quest"][data-field="${field}"]`).click();
+ }
}
});
}
diff --git a/src/systems/rendering/skills.js b/src/systems/rendering/skills.js
deleted file mode 100644
index bdff0a5..0000000
--- a/src/systems/rendering/skills.js
+++ /dev/null
@@ -1,1052 +0,0 @@
-/**
- * Skills Rendering Module
- * Handles rendering of the skills section with skill categories (like inventory)
- * Each configured skill becomes a category, and abilities/items can be added within each
- */
-
-import { extensionSettings, $skillsContainer } from '../../core/state.js';
-import { saveSettings, saveChatData, updateMessageSwipeData } from '../../core/persistence.js';
-import { i18n } from '../../core/i18n.js';
-import { parseItems } from '../../utils/itemParser.js';
-
-/**
- * Escapes HTML special characters to prevent XSS
- * @param {string} text - Text to escape
- * @returns {string} Escaped text
- */
-function escapeHtml(text) {
- if (!text) return '';
- const div = document.createElement('div');
- div.textContent = text;
- return div.innerHTML;
-}
-
-/**
- * Serializes an array of items into a comma-separated string
- * @param {string[]} items - Array of items
- * @returns {string} Comma-separated string or 'None'
- */
-function serializeItems(items) {
- if (!items || items.length === 0) return 'None';
- return items.join(', ');
-}
-
-/**
- * Gets the configured skill categories from settings
- * @returns {string[]} Array of skill category names
- */
-export function getSkillCategories() {
- const categories = extensionSettings.trackerConfig?.userStats?.skillsSection?.customFields || [];
- // Migration function handles string array → object array conversion on load
- return categories
- .filter(cat => cat.enabled !== false)
- .map(cat => cat.name);
-}
-
-/**
- * Gets the items/abilities for a specific skill category
- * Checks both skillsData (from parser) and skills.categories (manual entries)
- * @param {string} skillName - The skill category name
- * @returns {string} Comma-separated items string or 'None'
- */
-export function getSkillItems(skillName) {
- // Check skillsData first (populated by parser)
- if (extensionSettings.skillsData?.[skillName]) {
- return extensionSettings.skillsData[skillName];
- }
- // Fall back to skills.categories (manual entries)
- if (extensionSettings.skills?.categories?.[skillName]) {
- return extensionSettings.skills.categories[skillName];
- }
- return 'None';
-}
-
-/**
- * Sets the items/abilities for a specific skill category
- * @param {string} skillName - The skill category name
- * @param {string} itemsString - Comma-separated items string
- */
-export function setSkillItems(skillName, itemsString) {
- // Initialize structures if needed
- if (!extensionSettings.skillsData) {
- extensionSettings.skillsData = {};
- }
- if (!extensionSettings.skills) {
- extensionSettings.skills = { categories: {}, list: [] };
- }
- if (!extensionSettings.skills.categories) {
- extensionSettings.skills.categories = {};
- }
-
- // Store in both places for compatibility
- extensionSettings.skillsData[skillName] = itemsString || 'None';
- extensionSettings.skills.categories[skillName] = itemsString || 'None';
-
- saveSettings();
- saveChatData();
- updateMessageSwipeData();
-}
-
-/**
- * Adds an item to a skill category
- * @param {string} skillName - The skill category name
- * @param {string} item - The item to add
- */
-export function addSkillItem(skillName, item, description = '') {
- // Check for structured data first
- const skillsV2 = extensionSettings.skillsV2;
- if (skillsV2 && skillsV2[skillName] !== undefined) {
- if (!Array.isArray(skillsV2[skillName])) {
- skillsV2[skillName] = [];
- }
- // Check if ability already exists
- const exists = skillsV2[skillName].some(a => a.name === item);
- if (!exists) {
- skillsV2[skillName].push({ name: item, description: description, grantedBy: null });
- saveSettings();
- saveChatData();
- }
- return;
- }
-
- // Fall back to legacy format
- const currentItems = parseItems(getSkillItems(skillName));
- if (!currentItems.includes(item)) {
- currentItems.push(item);
- setSkillItems(skillName, serializeItems(currentItems));
- }
-}
-
-/**
- * Removes an item from a skill category
- * @param {string} skillName - The skill category name
- * @param {number} index - Index of item to remove
- */
-export function removeSkillItem(skillName, index) {
- // Check for structured data first
- const skillsV2 = extensionSettings.skillsV2;
- if (skillsV2 && skillsV2[skillName] !== undefined && Array.isArray(skillsV2[skillName])) {
- if (index >= 0 && index < skillsV2[skillName].length) {
- const removedAbility = skillsV2[skillName][index];
- skillsV2[skillName].splice(index, 1);
-
- // Remove any skill-ability links
- if (extensionSettings.skillAbilityLinks) {
- const linkKey = `${skillName}::${removedAbility.name}`;
- delete extensionSettings.skillAbilityLinks[linkKey];
- }
-
- saveSettings();
- saveChatData();
- }
- return;
- }
-
- // Fall back to legacy format
- const currentItems = parseItems(getSkillItems(skillName));
- if (index >= 0 && index < currentItems.length) {
- const removedItem = currentItems[index];
- currentItems.splice(index, 1);
- setSkillItems(skillName, serializeItems(currentItems));
-
- // Handle item-skill link removal if enabled
- if (extensionSettings.enableItemSkillLinks && extensionSettings.itemSkillLinks) {
- // Check if this item was linked and remove the link
- for (const [itemName, linkedSkill] of Object.entries(extensionSettings.itemSkillLinks)) {
- if (linkedSkill === skillName && itemName === removedItem) {
- delete extensionSettings.itemSkillLinks[itemName];
- break;
- }
- }
- }
- }
-}
-
-/**
- * Updates an item in a skill category
- * @param {string} skillName - The skill category name
- * @param {number} index - Index of item to update
- * @param {string} newValue - New item value
- */
-export function updateSkillItem(skillName, index, newValue) {
- // Check for structured data first
- const skillsV2 = extensionSettings.skillsV2;
- if (skillsV2 && skillsV2[skillName] && Array.isArray(skillsV2[skillName]) && skillsV2[skillName][index]) {
- skillsV2[skillName][index].name = newValue;
- saveSettings();
- saveChatData();
- return;
- }
-
- // Fall back to legacy format
- const currentItems = parseItems(getSkillItems(skillName));
- if (index >= 0 && index < currentItems.length) {
- currentItems[index] = newValue;
- setSkillItems(skillName, serializeItems(currentItems));
- }
-}
-
-/**
- * Updates a skill ability's description (structured format only)
- * @param {string} skillName - The skill category name
- * @param {number} index - Index of ability to update
- * @param {string} newDescription - New description
- */
-function updateStructuredSkillDescription(skillName, index, newDescription) {
- const skillsV2 = extensionSettings.skillsV2;
- if (skillsV2 && skillsV2[skillName] && Array.isArray(skillsV2[skillName]) && skillsV2[skillName][index]) {
- skillsV2[skillName][index].description = newDescription;
- saveSettings();
- saveChatData();
- }
-}
-
-/**
- * Called when an item is removed from inventory
- * Based on deleteSkillWithItem setting:
- * - false (default): Just removes the link, skill remains
- * - true: Deletes the linked skill abilities entirely
- * @param {string} itemName - The name of the removed item
- */
-export function handleItemRemoved(itemName) {
- if (!extensionSettings.enableItemSkillLinks) return;
- if (!extensionSettings.skillAbilityLinks) return;
-
- const itemNameLower = itemName.toLowerCase().trim();
- const linksToRemove = [];
-
- // Find all skill abilities linked to this item
- for (const [key, linkedItem] of Object.entries(extensionSettings.skillAbilityLinks)) {
- if (linkedItem && linkedItem.toLowerCase().trim() === itemNameLower) {
- linksToRemove.push(key);
- }
- }
-
- if (linksToRemove.length === 0) return;
-
- // Remove the links
- for (const key of linksToRemove) {
- delete extensionSettings.skillAbilityLinks[key];
-
- // If deleteSkillWithItem is enabled, also delete the skill ability itself
- if (extensionSettings.deleteSkillWithItem) {
- const [skillName, abilityName] = key.split('::');
- deleteSkillAbility(skillName, abilityName);
- }
- }
-
- saveSettings();
- saveChatData();
- renderSkills();
-}
-
-/**
- * Deletes a skill ability from the skills data
- * @param {string} skillName - The skill category name
- * @param {string} abilityName - The ability name to delete
- */
-function deleteSkillAbility(skillName, abilityName) {
- // Delete from structured skills (skillsV2)
- if (extensionSettings.skillsV2 && extensionSettings.skillsV2[skillName]) {
- const abilities = extensionSettings.skillsV2[skillName];
- if (Array.isArray(abilities)) {
- const index = abilities.findIndex(a =>
- (typeof a === 'string' ? a : a.name)?.toLowerCase().trim() === abilityName.toLowerCase().trim()
- );
- if (index !== -1) {
- abilities.splice(index, 1);
- }
- }
- }
-
- // Delete from legacy skillsData
- if (extensionSettings.skillsData && extensionSettings.skillsData[skillName]) {
- const currentItems = parseItems(extensionSettings.skillsData[skillName]);
- const index = currentItems.findIndex(item =>
- item.toLowerCase().trim() === abilityName.toLowerCase().trim()
- );
- if (index !== -1) {
- currentItems.splice(index, 1);
- extensionSettings.skillsData[skillName] = currentItems.length > 0 ? currentItems.join(', ') : 'None';
- }
- }
-}
-
-/**
- * Gets the linked item for a skill ability
- * @param {string} skillName - The skill category name
- * @param {string} abilityName - The ability name
- * @returns {string|null} The linked item name or null
- */
-export function getLinkedItem(skillName, abilityName) {
- if (!extensionSettings.skillAbilityLinks) return null;
- const key = `${skillName}::${abilityName}`;
- return extensionSettings.skillAbilityLinks[key] || null;
-}
-
-/**
- * Links a skill ability to an inventory item
- * @param {string} skillName - The skill category name
- * @param {string} abilityName - The ability name
- * @param {string} itemName - The inventory item name
- */
-export function linkAbilityToItem(skillName, abilityName, itemName) {
- if (!extensionSettings.skillAbilityLinks) {
- extensionSettings.skillAbilityLinks = {};
- }
- const key = `${skillName}::${abilityName}`;
- extensionSettings.skillAbilityLinks[key] = itemName;
- saveSettings();
- saveChatData();
-}
-
-/**
- * Unlinks a skill ability from its inventory item
- * @param {string} skillName - The skill category name
- * @param {string} abilityName - The ability name
- */
-export function unlinkAbility(skillName, abilityName) {
- if (!extensionSettings.skillAbilityLinks) return;
- const key = `${skillName}::${abilityName}`;
- delete extensionSettings.skillAbilityLinks[key];
- saveSettings();
- saveChatData();
-}
-
-/**
- * Gets all skill abilities linked to a specific inventory item
- * Checks both manual skillAbilityLinks and structured skillsV2 with grantedBy
- * @param {string} itemName - The inventory item name
- * @returns {Array<{skillName: string, abilityName: string}>} Array of linked abilities
- */
-export function getAbilitiesLinkedToItem(itemName) {
- if (!itemName) return [];
- const linked = [];
- const normalizedItemName = itemName.toLowerCase().trim();
-
- // Check manual skillAbilityLinks
- if (extensionSettings.skillAbilityLinks) {
- for (const [key, linkedItem] of Object.entries(extensionSettings.skillAbilityLinks)) {
- // Case-insensitive comparison
- if (linkedItem && linkedItem.toLowerCase().trim() === normalizedItemName) {
- const [skillName, abilityName] = key.split('::');
- linked.push({ skillName, abilityName });
- }
- }
- }
-
- // Check structured skillsV2 for abilities with grantedBy matching this item
- const skillsV2 = extensionSettings.skillsV2;
- if (skillsV2 && typeof skillsV2 === 'object') {
- for (const [skillName, abilities] of Object.entries(skillsV2)) {
- if (!Array.isArray(abilities)) continue;
- for (const ability of abilities) {
- if (!ability || typeof ability !== 'object') continue;
- const grantedBy = (ability.grantedBy || '').toLowerCase().trim();
- if (grantedBy === normalizedItemName) {
- // Avoid duplicates
- const exists = linked.some(l => l.skillName === skillName && l.abilityName === ability.name);
- if (!exists) {
- linked.push({ skillName, abilityName: ability.name });
- }
- }
- }
- }
- }
-
- return linked;
-}
-
-/**
- * Checks if an inventory item has any linked skills
- * Checks both manual skillAbilityLinks and structured grantsSkill property
- * @param {string} itemName - The inventory item name
- * @returns {boolean} True if item has linked skills
- */
-export function itemHasLinkedSkills(itemName) {
- // Check manual links first
- if (getAbilitiesLinkedToItem(itemName).length > 0) {
- return true;
- }
-
- // Check structured inventory for grantsSkill property
- const inv = extensionSettings.inventoryV3;
- if (!inv || !itemName) return false;
-
- const normalizedName = itemName.toLowerCase().trim();
-
- // Helper to check if an item array contains the item with grantsSkill
- const checkItems = (items) => {
- if (!Array.isArray(items)) return false;
- return items.some(item => {
- if (!item || typeof item !== 'object') return false;
- const name = (item.name || '').toLowerCase().trim();
- return name === normalizedName && item.grantsSkill;
- });
- };
-
- // Check onPerson
- if (checkItems(inv.onPerson)) return true;
-
- // Check simplified
- if (checkItems(inv.simplified)) return true;
-
- // Check assets
- if (checkItems(inv.assets)) return true;
-
- // Check stored locations
- if (inv.stored && typeof inv.stored === 'object') {
- for (const items of Object.values(inv.stored)) {
- if (checkItems(items)) return true;
- }
- }
-
- return false;
-}
-
-/**
- * Navigates to the inventory tab and highlights an item
- * @param {string} itemName - The item to highlight
- */
-export function navigateToInventoryItem(itemName) {
- // Switch to inventory tab if on desktop
- if (window.innerWidth > 1000) {
- const $inventoryTab = $('.rpg-tab-btn[data-tab="inventory"]');
- if ($inventoryTab.length) {
- $inventoryTab.click();
- }
- }
-
- // Find and highlight the item after a delay for tab switch animation
- setTimeout(() => {
- // Search in inventory container specifically
- const $inventoryContainer = $('#rpg-inventory');
- const $items = $inventoryContainer.find('.rpg-item-name');
- let found = false;
-
- $items.each(function() {
- const text = $(this).text().trim();
- // Match exact or partial (for items that might have quantities etc)
- if (text === itemName || text.toLowerCase() === itemName.toLowerCase()) {
- const $row = $(this).closest('.rpg-item-row, .rpg-item-card');
- if ($row.length) {
- // Scroll into view
- $row[0].scrollIntoView({ behavior: 'smooth', block: 'center' });
- // Add highlight class
- $row.addClass('rpg-highlight-item');
- found = true;
- // Remove after 3.5 seconds (after 3 animation cycles)
- setTimeout(() => {
- $row.removeClass('rpg-highlight-item');
- }, 3500);
- }
- return false; // Break the loop
- }
- });
-
- if (!found) {
- toastr.warning(`Item "${itemName}" not found in inventory`);
- }
- }, 300);
-}
-
-/**
- * Navigates to the skills tab and highlights abilities linked to an item
- * @param {string} itemName - The item whose linked abilities to highlight
- */
-export function navigateToLinkedSkills(itemName) {
- const linkedAbilities = getAbilitiesLinkedToItem(itemName);
- if (linkedAbilities.length === 0) {
- toastr.info(`No skills linked to "${itemName}"`);
- return;
- }
-
- // Switch to skills tab if on desktop
- if (window.innerWidth > 1000) {
- const $skillsTab = $('.rpg-tab-btn[data-tab="skills"]');
- if ($skillsTab.length) {
- $skillsTab.click();
- }
- }
-
- // Highlight all linked abilities after a delay for tab switch
- setTimeout(() => {
- let firstHighlighted = false;
-
- linkedAbilities.forEach(({ skillName, abilityName }) => {
- // Find the skill category
- const $category = $(`.rpg-skill-category[data-skill="${skillName}"]`);
- if ($category.length) {
- // Find items within this category
- const $items = $category.find('.rpg-item-row, .rpg-item-card');
- $items.each(function() {
- const $row = $(this);
- const $name = $row.find('.rpg-item-name');
- if ($name.text().trim() === abilityName) {
- // Scroll first match into view
- if (!firstHighlighted) {
- $row[0].scrollIntoView({ behavior: 'smooth', block: 'center' });
- firstHighlighted = true;
- }
- // Add highlight class
- $row.addClass('rpg-highlight-item');
- // Remove after 3.5 seconds
- setTimeout(() => {
- $row.removeClass('rpg-highlight-item');
- }, 3500);
- }
- });
- }
- });
- }, 300);
-}
-
-/**
- * Gets all inventory items (from all categories) for linking dropdown
- * Supports both legacy (v2) and structured (v3) inventory formats
- * @returns {string[]} Array of item names
- */
-function getAllInventoryItems() {
- const items = [];
-
- // Check structured inventory (v3) first
- const inv3 = extensionSettings.inventoryV3;
- if (inv3) {
- // On Person
- if (inv3.onPerson && Array.isArray(inv3.onPerson)) {
- items.push(...inv3.onPerson.map(i => typeof i === 'string' ? i : i.name).filter(Boolean));
- }
- // Stored
- if (inv3.stored && typeof inv3.stored === 'object') {
- for (const locationItems of Object.values(inv3.stored)) {
- if (Array.isArray(locationItems)) {
- items.push(...locationItems.map(i => typeof i === 'string' ? i : i.name).filter(Boolean));
- }
- }
- }
- // Assets
- if (inv3.assets && Array.isArray(inv3.assets)) {
- items.push(...inv3.assets.map(i => typeof i === 'string' ? i : i.name).filter(Boolean));
- }
- }
-
- // Fall back to legacy inventory if no v3 items found
- if (items.length === 0) {
- const inventory = extensionSettings.userStats?.inventory;
- if (inventory) {
- // On Person
- if (inventory.onPerson && inventory.onPerson.toLowerCase() !== 'none') {
- items.push(...parseItems(inventory.onPerson));
- }
-
- // Stored locations
- if (inventory.stored && typeof inventory.stored === 'object') {
- for (const locationItems of Object.values(inventory.stored)) {
- if (locationItems && locationItems.toLowerCase() !== 'none') {
- items.push(...parseItems(locationItems));
- }
- }
- }
-
- // Assets
- if (inventory.assets && inventory.assets.toLowerCase() !== 'none') {
- items.push(...parseItems(inventory.assets));
- }
-
- // Simplified inventory
- if (inventory.items && inventory.items.toLowerCase() !== 'none') {
- items.push(...parseItems(inventory.items));
- }
- }
- }
-
- return [...new Set(items)];
-}
-
-// Track open add forms
-let openAddForms = {};
-
-/**
- * Shows the add item form for a skill category
- * @param {string} skillName - The skill category name
- */
-function showAddForm(skillName) {
- openAddForms[skillName] = true;
- renderSkills();
- // Focus the input after render
- setTimeout(() => {
- $(`#rpg-new-skill-item-${CSS.escape(skillName)}`).focus();
- }, 50);
-}
-
-/**
- * Hides the add item form for a skill category
- * @param {string} skillName - The skill category name
- */
-function hideAddForm(skillName) {
- openAddForms[skillName] = false;
- renderSkills();
-}
-
-/**
- * Saves a new item from the add form
- * @param {string} skillName - The skill category name
- */
-function saveAddItem(skillName) {
- const input = $(`#rpg-new-skill-item-${CSS.escape(skillName)}`);
- const value = input.val()?.trim();
- if (value) {
- addSkillItem(skillName, value);
- }
- hideAddForm(skillName);
-}
-
-/**
- * Renders a structured skill ability (with name + description)
- * @param {string} skillName - The skill category name
- * @param {Object} ability - Structured ability object {name, description, grantedBy}
- * @param {number} index - The item index
- * @param {string} viewMode - View mode ('list' or 'grid')
- * @returns {string} HTML string
- */
-function renderStructuredSkillAbility(skillName, ability, index, viewMode) {
- // Normalize ability - handle both string and object formats
- const normalizedAbility = typeof ability === 'string'
- ? { name: ability, description: '', grantedBy: null }
- : { name: ability?.name || 'Unknown', description: ability?.description || '', grantedBy: ability?.grantedBy || null };
-
- // Check for linked item - first from ability.grantedBy, then from skillAbilityLinks
- const linkedItem = normalizedAbility.grantedBy ||
- (extensionSettings.enableItemSkillLinks ? getLinkedItem(skillName, normalizedAbility.name) : null);
- const itemClass = viewMode === 'grid' ? 'rpg-item-card' : 'rpg-item-row';
- const hasLink = !!linkedItem;
-
- // Link indicator HTML - shows the item that grants this skill
- const linkIndicator = hasLink
- ? `
-
- ${escapeHtml(linkedItem)}
- `
- : (extensionSettings.enableItemSkillLinks
- ? `
`
- : '');
-
- // Unlink button
- const unlinkBtn = hasLink && extensionSettings.enableItemSkillLinks
- ? `
`
- : '';
-
- if (viewMode === 'list') {
- return `
-
-
- ${escapeHtml(normalizedAbility.name)}
- ${linkIndicator}
- ${unlinkBtn}
-
-
-
- ${escapeHtml(normalizedAbility.description)}
-
-
- `;
- } else {
- return `
-
-
- ${unlinkBtn}
-
-
-
${escapeHtml(normalizedAbility.name)}
- ${linkIndicator}
-
- ${escapeHtml(normalizedAbility.description)}
-
-
- `;
- }
-}
-
-/**
- * Renders a single skill ability item with link indicator (legacy string format)
- * @param {string} skillName - The skill category name
- * @param {string} abilityName - The ability name
- * @param {number} index - The item index
- * @param {string} viewMode - View mode ('list' or 'grid')
- * @returns {string} HTML string
- */
-function renderSkillAbilityItem(skillName, abilityName, index, viewMode) {
- const linkedItem = extensionSettings.enableItemSkillLinks ? getLinkedItem(skillName, abilityName) : null;
- const itemClass = viewMode === 'grid' ? 'rpg-item-card' : 'rpg-item-row';
- const hasLink = !!linkedItem;
-
- // Link indicator HTML
- const linkIndicator = extensionSettings.enableItemSkillLinks ? (hasLink
- ? `
-
- ${escapeHtml(linkedItem)}
- `
- : `
`
- ) : '';
-
- // Unlink button (only shown if linked)
- const unlinkBtn = hasLink && extensionSettings.enableItemSkillLinks
- ? `
`
- : '';
-
- if (viewMode === 'list') {
- return `
-
- ${escapeHtml(abilityName)}
- ${linkIndicator}
- ${unlinkBtn}
-
-
- `;
- } else {
- return `
-
-
- ${unlinkBtn}
-
-
-
${escapeHtml(abilityName)}
- ${linkIndicator}
-
- `;
- }
-}
-
-/**
- * Checks if we have structured skills data (v2 format)
- * @param {string} skillName - The skill category name
- * @returns {Array|null} Structured abilities array or null
- */
-function getStructuredSkillAbilities(skillName) {
- const skillsV2 = extensionSettings.skillsV2;
- if (skillsV2 && skillsV2[skillName] && Array.isArray(skillsV2[skillName])) {
- return skillsV2[skillName];
- }
- return null;
-}
-
-/**
- * Renders a single skill category section
- * @param {string} skillName - The skill category name
- * @param {string} viewMode - View mode ('list' or 'grid')
- * @returns {string} HTML string
- */
-function renderSkillCategory(skillName, viewMode) {
- // Check for structured data first
- const structuredAbilities = getStructuredSkillAbilities(skillName);
- const isStructured = structuredAbilities !== null;
-
- const items = isStructured ? structuredAbilities : parseItems(getSkillItems(skillName));
- const safeSkillName = skillName.replace(/[^a-zA-Z0-9]/g, '_');
- const isFormOpen = openAddForms[skillName];
-
- let itemsHtml = '';
- if (items.length === 0) {
- itemsHtml = `
${i18n.getTranslation('skills.noAbilities')}
`;
- } else {
- if (isStructured) {
- // Render structured abilities with name + description
- itemsHtml = items.map((ability, index) => renderStructuredSkillAbility(skillName, ability, index, viewMode)).join('');
- } else {
- // Render legacy string-based abilities
- itemsHtml = items.map((item, index) => renderSkillAbilityItem(skillName, item, index, viewMode)).join('');
- }
- }
-
- const listViewClass = viewMode === 'list' ? 'rpg-item-list-view' : 'rpg-item-grid-view';
-
- return `
-
- `;
-}
-
-/**
- * Generates the full skills section HTML
- * @returns {string} HTML string
- */
-export function generateSkillsHTML() {
- const skillCategories = getSkillCategories();
-
- if (skillCategories.length === 0) {
- return `
-
-
-
-
${i18n.getTranslation('skills.empty')}
-
${i18n.getTranslation('skills.emptyNote')}
-
-
- `;
- }
-
- // Get view modes for each skill (default to list)
- const viewModes = extensionSettings.skillsViewModes || {};
-
- let html = `
`;
-
- // Render each skill category
- for (const skillName of skillCategories) {
- const viewMode = viewModes[skillName] || 'list';
- html += renderSkillCategory(skillName, viewMode);
- }
-
- html += '
';
- return html;
-}
-
-/**
- * Sets up event listeners for skills section
- */
-function setupSkillsEventListeners() {
- if (!$skillsContainer || $skillsContainer.length === 0) return;
-
- // Show add form
- $skillsContainer.off('click', '[data-action="show-add-skill-item"]').on('click', '[data-action="show-add-skill-item"]', function() {
- const skillName = $(this).data('skill');
- showAddForm(skillName);
- });
-
- // Cancel add form
- $skillsContainer.off('click', '[data-action="cancel-add-skill-item"]').on('click', '[data-action="cancel-add-skill-item"]', function() {
- const skillName = $(this).data('skill');
- hideAddForm(skillName);
- });
-
- // Save add form
- $skillsContainer.off('click', '[data-action="save-add-skill-item"]').on('click', '[data-action="save-add-skill-item"]', function() {
- const skillName = $(this).data('skill');
- saveAddItem(skillName);
- });
-
- // Enter key in add form
- $skillsContainer.off('keypress', '.rpg-inline-input').on('keypress', '.rpg-inline-input', function(e) {
- if (e.which === 13) { // Enter key
- const skillName = $(this).closest('.rpg-skill-category').data('skill');
- saveAddItem(skillName);
- }
- });
-
- // Remove item
- $skillsContainer.off('click', '[data-action="remove-skill-item"]').on('click', '[data-action="remove-skill-item"]', function() {
- const skillName = $(this).data('skill');
- const index = $(this).data('index');
- removeSkillItem(skillName, index);
- renderSkills();
- });
-
- // Edit item name (blur event for contenteditable)
- $skillsContainer.off('blur', '.rpg-item-name.rpg-editable').on('blur', '.rpg-item-name.rpg-editable', function() {
- const skillName = $(this).data('skill');
- const index = $(this).data('index');
- const newValue = $(this).text().trim();
- if (newValue) {
- updateSkillItem(skillName, index, newValue);
- } else {
- // If empty, remove the item
- removeSkillItem(skillName, index);
- renderSkills();
- }
- });
-
- // Edit item description (for structured skills)
- $skillsContainer.off('blur', '.rpg-item-description.rpg-editable').on('blur', '.rpg-item-description.rpg-editable', function() {
- const skillName = $(this).data('skill');
- const index = $(this).data('index');
- const newDesc = $(this).text().trim();
- updateStructuredSkillDescription(skillName, index, newDesc);
- });
-
- // Switch view mode for a skill category
- $skillsContainer.off('click', '[data-action="switch-skill-view"]').on('click', '[data-action="switch-skill-view"]', function() {
- const skillName = $(this).data('skill');
- const view = $(this).data('view');
- if (!extensionSettings.skillsViewModes) {
- extensionSettings.skillsViewModes = {};
- }
- extensionSettings.skillsViewModes[skillName] = view;
- saveSettings();
- renderSkills();
- });
-
- // Show link dropdown
- $skillsContainer.off('click', '[data-action="show-link-dropdown"]').on('click', '[data-action="show-link-dropdown"]', function(e) {
- e.stopPropagation();
- const $btn = $(this);
- const skillName = $btn.data('skill');
- const abilityName = $btn.data('ability');
- showLinkDropdown($btn, skillName, abilityName);
- });
-
- // Go to linked item in inventory
- $skillsContainer.off('click', '[data-action="goto-linked-item"]').on('click', '[data-action="goto-linked-item"]', function() {
- const itemName = $(this).data('item');
- if (itemName) {
- navigateToInventoryItem(itemName);
- }
- });
-
- // Unlink ability from item
- $skillsContainer.off('click', '[data-action="unlink-ability"]').on('click', '[data-action="unlink-ability"]', function(e) {
- e.stopPropagation();
- const skillName = $(this).data('skill');
- const abilityName = $(this).data('ability');
- unlinkAbility(skillName, abilityName);
- renderSkills();
- });
-}
-
-/**
- * Shows a dropdown to select an inventory item to link
- */
-function showLinkDropdown($btn, skillName, abilityName) {
- // Remove any existing dropdown
- $('.rpg-link-dropdown').remove();
-
- const inventoryItems = getAllInventoryItems();
-
- if (inventoryItems.length === 0) {
- toastr.info(i18n.getTranslation('skills.noItemsToLink'));
- return;
- }
-
- // Build dropdown HTML
- let dropdownHtml = `
-
-
`;
-
- for (const item of inventoryItems) {
- dropdownHtml += `
- ${escapeHtml(item)}
-
`;
- }
-
- dropdownHtml += `
`;
-
- const $dropdown = $(dropdownHtml);
- $('body').append($dropdown);
-
- // Position near the button
- const btnOffset = $btn.offset();
- $dropdown.css({
- position: 'fixed',
- top: btnOffset.top + $btn.outerHeight() + 5,
- left: Math.min(btnOffset.left, $(window).width() - $dropdown.outerWidth() - 10),
- zIndex: 10000
- });
-
- // Event handlers
- $dropdown.on('click', '[data-action="close-link-dropdown"]', () => $dropdown.remove());
- $dropdown.on('click', '[data-action="link-to-item"]', function() {
- linkAbilityToItem($(this).data('skill'), $(this).data('ability'), $(this).data('item'));
- $dropdown.remove();
- renderSkills();
- toastr.success(i18n.getTranslation('skills.linkCreated'));
- });
-
- // Close when clicking outside
- setTimeout(() => {
- $(document).one('click', function(e) {
- if (!$(e.target).closest('.rpg-link-dropdown, [data-action="show-link-dropdown"]').length) {
- $dropdown.remove();
- }
- });
- }, 100);
-}
-
-/**
- * Main render function for skills section
- */
-export function renderSkills() {
- if (!extensionSettings.showSkills || !$skillsContainer || $skillsContainer.length === 0) {
- return;
- }
-
- const html = generateSkillsHTML();
-
- $skillsContainer.html(html);
- setupSkillsEventListeners();
-
- // Apply i18n translations (pass DOM element, not jQuery object)
- const domElement = $skillsContainer[0];
- if (domElement) {
- i18n.applyTranslations(domElement);
- }
-}
-
-/**
- * Builds a summary string of all skills for prompt injection
- * @returns {string} Formatted skills summary
- */
-export function buildSkillsSummary() {
- const skillCategories = getSkillCategories();
- if (skillCategories.length === 0) return '';
-
- let summary = '';
- for (const skillName of skillCategories) {
- const items = getSkillItems(skillName);
- summary += `${skillName}: ${items}\n`;
- }
- return summary.trim();
-}
-
diff --git a/src/systems/rendering/thoughts.js b/src/systems/rendering/thoughts.js
index c232fb8..e79be3e 100644
--- a/src/systems/rendering/thoughts.js
+++ b/src/systems/rendering/thoughts.js
@@ -101,6 +101,11 @@ function namesMatch(cardName, aiName) {
return wordBoundary.test(aiCore);
}
+/**
+ * Renders character thoughts (Present Characters) panel.
+ * Displays character cards with avatars, relationship badges, and traits.
+ * Includes event listeners for editable character fields.
+ */
export function renderThoughts() {
if (!extensionSettings.showCharacterThoughts || !$thoughtsContainer) {
return;
@@ -122,49 +127,9 @@ export function renderThoughts() {
const enabledCharStats = characterStatsConfig?.enabled && characterStatsConfig?.customStats?.filter(s => s && s.enabled && s.name) || [];
const relationshipFields = config?.relationshipFields || [];
const hasRelationshipEnabled = relationshipFields.length > 0;
-
- // Convert structured character data to text format for the original fancy renderer
- // Use nullish coalescing so an empty string from the latest response clears UI
- let characterThoughtsData = lastGeneratedData.characterThoughts ?? committedTrackerData.characterThoughts ?? '';
-
- // If we have structured data, convert it to text format
- if (extensionSettings.charactersData && Array.isArray(extensionSettings.charactersData) && extensionSettings.charactersData.length > 0) {
- const lines = [];
- for (const char of extensionSettings.charactersData) {
- // Character name line
- lines.push(`- ${char.name || 'Unknown'}`);
-
- // Details line with emoji and fields
- const details = [char.emoji || '😶'];
- const charFields = char.fields || {};
- for (const [key, value] of Object.entries(charFields)) {
- if (value) details.push(`${key}: ${value}`);
- }
- lines.push(`Details: ${details.join(' | ')}`);
-
- // Relationship line
- if (char.relationship) {
- lines.push(`Relationship: ${char.relationship}`);
- }
-
- // Stats line
- const charStats = char.stats || {};
- if (Object.keys(charStats).length > 0) {
- const statsStr = Object.entries(charStats).map(([k, v]) => `${k}: ${v}%`).join(' | ');
- lines.push(`Stats: ${statsStr}`);
- }
-
- // Thoughts line
- if (char.thoughts) {
- const thoughtsFieldName = config?.thoughts?.name || 'Thoughts';
- lines.push(`${thoughtsFieldName}: ${char.thoughts}`);
- }
- }
- if (lines.length > 0) {
- characterThoughtsData = lines.join('\n');
- debugLog('[RPG Thoughts] Converted structured data to text format');
- }
- }
+
+ // Use committedTrackerData as fallback if lastGeneratedData is empty (e.g., after page refresh)
+ const characterThoughtsData = lastGeneratedData.characterThoughts || committedTrackerData.characterThoughts || '';
debugLog('[RPG Thoughts] Raw characterThoughts data:', characterThoughtsData);
debugLog('[RPG Thoughts] Data length:', characterThoughtsData.length + ' chars');
@@ -411,16 +376,14 @@ export function renderThoughts() {
debugLog(`[RPG Thoughts] Final avatar for ${char.name}:`, characterPortrait.substring(0, 50) + '...');
// Get relationship badge - only if relationships are enabled in config
- let relationshipBadge = '⚖️'; // Default emoji
- let relationshipText = 'Neutral'; // Default text for tooltip
+ let relationshipBadge = '⚖️'; // Default
let relationshipFieldName = 'Relationship';
if (hasRelationshipEnabled) {
// In the new format, relationship is always stored in char.Relationship
if (char.Relationship) {
- relationshipText = char.Relationship;
- // Try to map text to emoji, fall back to default link emoji for unknown types
- relationshipBadge = relationshipEmojis[char.Relationship] || '⚖️';
+ // Try to map text to emoji
+ relationshipBadge = relationshipEmojis[char.Relationship] || char.Relationship;
}
}
@@ -433,14 +396,13 @@ export function renderThoughts() {
- ${hasRelationshipEnabled ? `
${relationshipBadge}
` : ''}
+ ${hasRelationshipEnabled ? `
${relationshipBadge}
` : ''}
`;
@@ -504,15 +466,6 @@ export function renderThoughts() {
updateCharacterField(character, field, value);
});
- // Add event handlers for remove character buttons
- $thoughtsContainer.find('.rpg-character-remove').on('click', function(e) {
- e.stopPropagation();
- const characterName = $(this).data('character');
- if (characterName && confirm(`Remove ${characterName} from present characters?`)) {
- removeCharacter(characterName);
- }
- });
-
// Remove updating class after animation
if (extensionSettings.enableAnimations) {
setTimeout(() => $thoughtsContainer.removeClass('rpg-content-updating'), 600);
@@ -752,114 +705,17 @@ export function updateCharacterField(characterName, field, value) {
}
}
-/**
- * Removes a character from Present Characters data and re-renders.
- * Works with both structured (charactersData) and text (characterThoughts) formats.
- *
- * @param {string} characterName - Name of the character to remove
- */
-export function removeCharacter(characterName) {
- console.log('[RPG Companion] Removing character:', characterName);
-
- // Remove from structured data if it exists
- if (extensionSettings.charactersData && Array.isArray(extensionSettings.charactersData)) {
- const initialLength = extensionSettings.charactersData.length;
- extensionSettings.charactersData = extensionSettings.charactersData.filter(
- char => char.name && char.name.toLowerCase() !== characterName.toLowerCase()
- );
- if (extensionSettings.charactersData.length < initialLength) {
- console.log('[RPG Companion] Removed character from structured data');
- }
- }
-
- // Remove from text format
- if (!lastGeneratedData.characterThoughts) {
- console.log('[RPG Companion] No characterThoughts data to remove from');
- return;
- }
-
- const lines = lastGeneratedData.characterThoughts.split('\n');
-
- let characterFound = false;
- let inTargetCharacter = false;
- let characterEndIndex = -1;
- const linesToRemove = [];
-
- // Find the character block
- for (let i = 0; i < lines.length; i++) {
- const line = lines[i].trim();
-
- if (line.startsWith('- ')) {
- const name = line.substring(2).trim();
- if (name.toLowerCase() === characterName.toLowerCase()) {
- characterFound = true;
- inTargetCharacter = true;
- linesToRemove.push(i);
- } else if (inTargetCharacter) {
- characterEndIndex = i;
- break;
- }
- } else if (inTargetCharacter) {
- // Include all lines until the next character or end of file
- linesToRemove.push(i);
- // Check if this is a character name line (next character)
- if (line.startsWith('- ')) {
- characterEndIndex = i;
- break;
- }
- }
- }
-
- if (characterFound && characterEndIndex === -1) {
- characterEndIndex = lines.length;
- }
-
- if (characterFound && linesToRemove.length > 0) {
- // Remove lines in reverse order to maintain indices
- for (let i = linesToRemove.length - 1; i >= 0; i--) {
- lines.splice(linesToRemove[i], 1);
- }
-
- // Clean up any trailing empty lines after removal
- while (lines.length > 0 && lines[lines.length - 1].trim() === '') {
- lines.pop();
- }
-
- lastGeneratedData.characterThoughts = lines.join('\n');
- committedTrackerData.characterThoughts = lines.join('\n');
-
- console.log('[RPG Companion] Removed character from text format');
-
- // Update chat swipe data
- const chat = getContext().chat;
- if (chat && chat.length > 0) {
- for (let i = chat.length - 1; i >= 0; i--) {
- const message = chat[i];
- if (!message.is_user) {
- if (message.extra && message.extra.rpg_companion_swipes) {
- const swipeId = message.swipe_id || 0;
- if (message.extra.rpg_companion_swipes[swipeId]) {
- message.extra.rpg_companion_swipes[swipeId].characterThoughts = lines.join('\n');
- }
- }
- break;
- }
- }
- }
-
- saveChatData();
- renderThoughts();
- updateChatThoughts();
- } else {
- console.log('[RPG Companion] Character not found in text format:', characterName);
- }
-}
-
/**
* Updates or removes thought overlays in the chat.
* Creates floating thought bubbles positioned near character avatars.
*/
export function updateChatThoughts() {
+ // console.log('[RPG Companion] ======== updateChatThoughts called ========');
+ // console.log('[RPG Companion] Extension enabled:', extensionSettings.enabled);
+ // console.log('[RPG Companion] showThoughtsInChat setting:', extensionSettings.showThoughtsInChat);
+ // console.log('[RPG Companion] Toggle element checked:', $('#rpg-toggle-thoughts-in-chat').prop('checked'));
+ // console.log('[RPG Companion] lastGeneratedData.characterThoughts:', lastGeneratedData.characterThoughts);
+
// Remove existing thought panel and icon
$('#rpg-thought-panel').remove();
$('#rpg-thought-icon').remove();
@@ -867,7 +723,9 @@ export function updateChatThoughts() {
$(window).off('resize.thoughtPanel');
$(document).off('click.thoughtPanel');
+ // If extension is disabled, thoughts in chat are disabled, or no thoughts, just return
if (!extensionSettings.enabled || !extensionSettings.showThoughtsInChat || !lastGeneratedData.characterThoughts) {
+ // console.log('[RPG Companion] Thoughts in chat disabled or no data');
return;
}
@@ -877,6 +735,8 @@ export function updateChatThoughts() {
const thoughtsConfig = extensionSettings.trackerConfig?.presentCharacters?.thoughts;
const thoughtsLabel = thoughtsConfig?.name || 'Thoughts';
+ // console.log('[RPG Companion] Parsing thoughts from lines:', lines);
+
// Parse new format to build character map and thoughts
let currentCharName = null;
let currentCharEmoji = null;
@@ -933,9 +793,13 @@ export function updateChatThoughts() {
// If no thoughts parsed, return
if (thoughtsArray.length === 0) {
+ // console.log('[RPG Companion] No thoughts parsed, returning');
return;
}
+ // console.log('[RPG Companion] Total thoughts:', thoughtsArray.length);
+ // console.log('[RPG Companion] Thoughts array:', thoughtsArray);
+
// Find the last message to position near
const $messages = $('#chat .mes');
let $targetMessage = null;
@@ -950,6 +814,7 @@ export function updateChatThoughts() {
}
if (!$targetMessage) {
+ // console.log('[RPG Companion] No target message found');
return;
}
@@ -969,8 +834,10 @@ export function createThoughtPanel($message, thoughtsArray) {
$('#rpg-thought-panel').remove();
$('#rpg-thought-icon').remove();
+ // Get the avatar position from the message
const $avatar = $message.find('.avatar img');
if (!$avatar.length) {
+ // console.log('[RPG Companion] No avatar found in message');
return;
}
@@ -1167,10 +1034,14 @@ export function createThoughtPanel($message, thoughtsArray) {
});
}
+ // console.log('[RPG Companion] Thought panel created at:', { top, left });
+
+ // Add event handlers for editable thoughts in the bubble
$thoughtPanel.find('.rpg-editable').on('blur', function() {
const character = $(this).data('character');
const field = $(this).data('field');
const value = $(this).text().trim();
+ // console.log('[RPG Companion] 💭 Thought bubble blur event - character:', character, 'field:', field, 'value:', value);
updateCharacterField(character, field, value);
});
diff --git a/src/systems/rendering/userStats.js b/src/systems/rendering/userStats.js
index 5fe8a41..14a3e63 100644
--- a/src/systems/rendering/userStats.js
+++ b/src/systems/rendering/userStats.js
@@ -55,15 +55,13 @@ export function buildUserStatsText() {
text += `${stats.conditions || 'None'}\n`;
}
- // Add inventory summary only if inventory is enabled
- if (extensionSettings.showInventory) {
+ // Add inventory summary
const inventorySummary = buildInventorySummary(stats.inventory);
text += inventorySummary;
- }
- // Add skills if enabled AND not shown in separate tab
- if (config.skillsSection.enabled && !extensionSettings.showSkills) {
- text += `\n${config.skillsSection.label}: ${extensionSettings.userStats?.skills || 'None'}`;
+ // Add skills if enabled
+ if (config.skillsSection.enabled && stats.skills) {
+ text += `\n${config.skillsSection.label}: ${stats.skills}`;
}
return text.trim();
@@ -82,19 +80,19 @@ export function renderUserStats() {
const stats = extensionSettings.userStats;
const config = extensionSettings.trackerConfig?.userStats || {
customStats: [
- { id: 'health', name: 'Health', description: '', enabled: true },
- { id: 'satiety', name: 'Satiety', description: '', enabled: true },
- { id: 'energy', name: 'Energy', description: '', enabled: true },
- { id: 'hygiene', name: 'Hygiene', description: '', enabled: true },
- { id: 'arousal', name: 'Arousal', description: '', enabled: true }
+ { id: 'health', name: 'Health', enabled: true },
+ { id: 'satiety', name: 'Satiety', enabled: true },
+ { id: 'energy', name: 'Energy', enabled: true },
+ { id: 'hygiene', name: 'Hygiene', enabled: true },
+ { id: 'arousal', name: 'Arousal', enabled: true }
],
rpgAttributes: [
- { id: 'str', name: 'STR', description: '', enabled: true },
- { id: 'dex', name: 'DEX', description: '', enabled: true },
- { id: 'con', name: 'CON', description: '', enabled: true },
- { id: 'int', name: 'INT', description: '', enabled: true },
- { id: 'wis', name: 'WIS', description: '', enabled: true },
- { id: 'cha', name: 'CHA', description: '', enabled: true }
+ { id: 'str', name: 'STR', enabled: true },
+ { id: 'dex', name: 'DEX', enabled: true },
+ { id: 'con', name: 'CON', enabled: true },
+ { id: 'int', name: 'INT', enabled: true },
+ { id: 'wis', name: 'WIS', enabled: true },
+ { id: 'cha', name: 'CHA', enabled: true }
],
statusSection: { enabled: true, showMoodEmoji: true, customFields: ['Conditions'] },
skillsSection: { enabled: false, label: 'Skills' }
@@ -167,8 +165,8 @@ export function renderUserStats() {
html += '
';
}
- // Skills section (conditionally rendered) - only if NOT shown in separate tab
- if (config.skillsSection.enabled && !extensionSettings.showSkills) {
+ // Skills section (conditionally rendered)
+ if (config.skillsSection.enabled) {
const skillsValue = stats.skills || 'None';
html += `
@@ -187,12 +185,12 @@ export function renderUserStats() {
if (showRPGAttributes) {
// Use attributes from config, with fallback to defaults if not configured
const rpgAttributes = (config.rpgAttributes && config.rpgAttributes.length > 0) ? config.rpgAttributes : [
- { id: 'str', name: 'STR', description: '', enabled: true },
- { id: 'dex', name: 'DEX', description: '', enabled: true },
- { id: 'con', name: 'CON', description: '', enabled: true },
- { id: 'int', name: 'INT', description: '', enabled: true },
- { id: 'wis', name: 'WIS', description: '', enabled: true },
- { id: 'cha', name: 'CHA', description: '', enabled: true }
+ { id: 'str', name: 'STR', enabled: true },
+ { id: 'dex', name: 'DEX', enabled: true },
+ { id: 'con', name: 'CON', enabled: true },
+ { id: 'int', name: 'INT', enabled: true },
+ { id: 'wis', name: 'WIS', enabled: true },
+ { id: 'cha', name: 'CHA', enabled: true }
];
const enabledAttributes = rpgAttributes.filter(attr => attr && attr.enabled && attr.name && attr.id);
@@ -317,19 +315,23 @@ export function renderUserStats() {
const field = $(this).data('field');
const value = $(this).text().trim().replace(':', '');
- // Update the stat name in customStats array (new format)
- const config = extensionSettings.trackerConfig?.userStats;
- if (config && config.customStats) {
- const stat = config.customStats.find(s => s.id === field);
- if (stat && value) {
- stat.name = value;
- saveSettings();
- saveChatData();
-
- // Re-render to update the display
- renderUserStats();
- }
+ if (!extensionSettings.statNames) {
+ extensionSettings.statNames = {
+ health: 'Health',
+ satiety: 'Satiety',
+ energy: 'Energy',
+ hygiene: 'Hygiene',
+ arousal: 'Arousal'
+ };
}
+
+ extensionSettings.statNames[field] = value || extensionSettings.statNames[field];
+
+ saveSettings();
+ saveChatData();
+
+ // Re-render to update the display
+ renderUserStats();
});
// Add event listener for level editing
diff --git a/src/systems/ui/desktop.js b/src/systems/ui/desktop.js
index ca0c6c0..fb35e4f 100644
--- a/src/systems/ui/desktop.js
+++ b/src/systems/ui/desktop.js
@@ -4,7 +4,6 @@
*/
import { i18n } from '../../core/i18n.js';
-import { extensionSettings } from '../../core/state.js';
/**
* Sets up desktop tab navigation for organizing content.
@@ -24,47 +23,34 @@ export function setupDesktopTabs() {
const $userStats = $('#rpg-user-stats');
const $infoBox = $('#rpg-info-box');
const $thoughts = $('#rpg-thoughts');
- const $skills = $('#rpg-skills');
const $inventory = $('#rpg-inventory');
const $quests = $('#rpg-quests');
// If no sections exist, nothing to organize
- if ($userStats.length === 0 && $infoBox.length === 0 && $thoughts.length === 0 && $skills.length === 0 && $inventory.length === 0 && $quests.length === 0) {
+ if ($userStats.length === 0 && $infoBox.length === 0 && $thoughts.length === 0 && $inventory.length === 0 && $quests.length === 0) {
return;
}
- // Create tab navigation - conditionally show skills, inventory and quests tabs based on settings
- const skillsLabel = extensionSettings.trackerConfig?.userStats?.skillsSection?.label || 'Skills';
- const skillsTabHtml = extensionSettings.showSkills ? `
-
` : '';
-
- const inventoryTabHtml = extensionSettings.showInventory ? `
-
` : '';
-
- const questsTabHtml = extensionSettings.showQuests ? `
-
` : '';
-
+ // Create tab navigation
const $tabNav = $(`
${skillsTabHtml}${inventoryTabHtml}${questsTabHtml}
+
+
+
`);
// Create tab content containers
const $statusTab = $('
');
- const $skillsTab = $('
');
const $inventoryTab = $('
');
const $questsTab = $('
');
@@ -81,15 +67,11 @@ export function setupDesktopTabs() {
$statusTab.append($thoughts.detach());
$thoughts.show();
}
- if (extensionSettings.showSkills && $skills.length > 0) {
- $skillsTab.append($skills.detach());
- $skills.show();
- }
- if (extensionSettings.showInventory && $inventory.length > 0) {
+ if ($inventory.length > 0) {
$inventoryTab.append($inventory.detach());
$inventory.show();
}
- if (extensionSettings.showQuests && $quests.length > 0) {
+ if ($quests.length > 0) {
$questsTab.append($quests.detach());
$quests.show();
}
@@ -101,7 +83,6 @@ export function setupDesktopTabs() {
const $tabsContainer = $('
');
$tabsContainer.append($tabNav);
$tabsContainer.append($statusTab);
- $tabsContainer.append($skillsTab);
$tabsContainer.append($inventoryTab);
$tabsContainer.append($questsTab);
@@ -134,38 +115,32 @@ export function removeDesktopTabs() {
const $userStats = $('#rpg-user-stats').detach();
const $infoBox = $('#rpg-info-box').detach();
const $thoughts = $('#rpg-thoughts').detach();
- const $skills = $('#rpg-skills').detach();
const $inventory = $('#rpg-inventory').detach();
const $quests = $('#rpg-quests').detach();
// Remove tabs container
$('.rpg-tabs-container').remove();
- // Get dividers (all 5 dividers in the template)
+ // Get dividers
const $dividerStats = $('#rpg-divider-stats');
const $dividerInfo = $('#rpg-divider-info');
const $dividerThoughts = $('#rpg-divider-thoughts');
- const $dividerSkills = $('#rpg-divider-skills');
- const $dividerInventory = $('#rpg-divider-inventory');
// Restore original sections to content box in correct order
const $contentBox = $('.rpg-content-box');
- // Re-insert sections in original order: User Stats, Info Box, Thoughts, Skills, Inventory, Quests
- // Each section goes before its corresponding divider
+ // Re-insert sections in original order: User Stats, Info Box, Thoughts, Inventory, Quests
if ($dividerStats.length) {
$dividerStats.before($userStats);
$dividerInfo.before($infoBox);
$dividerThoughts.before($thoughts);
- $dividerSkills.before($skills);
- $dividerInventory.before($inventory);
+ $contentBox.append($inventory);
$contentBox.append($quests);
} else {
// Fallback if dividers don't exist
$contentBox.append($userStats);
$contentBox.append($infoBox);
$contentBox.append($thoughts);
- $contentBox.append($skills);
$contentBox.append($inventory);
$contentBox.append($quests);
}
@@ -174,9 +149,7 @@ export function removeDesktopTabs() {
$userStats.show();
$infoBox.show();
$thoughts.show();
- $skills.show();
$inventory.show();
- $quests.show();
$('.rpg-divider').show();
console.log('[RPG Desktop] Desktop tabs removed');
diff --git a/src/systems/ui/layout.js b/src/systems/ui/layout.js
index b917a6f..089cd71 100644
--- a/src/systems/ui/layout.js
+++ b/src/systems/ui/layout.js
@@ -9,9 +9,7 @@ import {
$userStatsContainer,
$infoBoxContainer,
$thoughtsContainer,
- $skillsContainer,
- $inventoryContainer,
- $questsContainer
+ $inventoryContainer
} from '../../core/state.js';
import { i18n } from '../../core/i18n.js';
@@ -229,41 +227,25 @@ export function updateSectionVisibility() {
$userStatsContainer.toggle(extensionSettings.showUserStats);
$infoBoxContainer.toggle(extensionSettings.showInfoBox);
$thoughtsContainer.toggle(extensionSettings.showCharacterThoughts);
- if ($skillsContainer) {
- $skillsContainer.toggle(extensionSettings.showSkills);
- }
if ($inventoryContainer) {
$inventoryContainer.toggle(extensionSettings.showInventory);
}
- if ($questsContainer) {
- $questsContainer.toggle(extensionSettings.showQuests);
- }
// Show/hide dividers intelligently
// Divider after User Stats: shown if User Stats is visible AND at least one section after it is visible
const showDividerAfterStats = extensionSettings.showUserStats &&
- (extensionSettings.showInfoBox || extensionSettings.showCharacterThoughts || extensionSettings.showSkills || extensionSettings.showInventory || extensionSettings.showQuests);
+ (extensionSettings.showInfoBox || extensionSettings.showCharacterThoughts || extensionSettings.showInventory);
$('#rpg-divider-stats').toggle(showDividerAfterStats);
// Divider after Info Box: shown if Info Box is visible AND at least one section after it is visible
const showDividerAfterInfo = extensionSettings.showInfoBox &&
- (extensionSettings.showCharacterThoughts || extensionSettings.showSkills || extensionSettings.showInventory || extensionSettings.showQuests);
+ (extensionSettings.showCharacterThoughts || extensionSettings.showInventory);
$('#rpg-divider-info').toggle(showDividerAfterInfo);
- // Divider after Thoughts: shown if Thoughts is visible AND Skills, Inventory or Quests is visible
+ // Divider after Thoughts: shown if Thoughts is visible AND Inventory is visible
const showDividerAfterThoughts = extensionSettings.showCharacterThoughts &&
- (extensionSettings.showSkills || extensionSettings.showInventory || extensionSettings.showQuests);
+ extensionSettings.showInventory;
$('#rpg-divider-thoughts').toggle(showDividerAfterThoughts);
-
- // Divider after Skills: shown if Skills is visible AND Inventory or Quests is visible
- const showDividerAfterSkills = extensionSettings.showSkills &&
- (extensionSettings.showInventory || extensionSettings.showQuests);
- $('#rpg-divider-skills').toggle(showDividerAfterSkills);
-
- // Divider after Inventory: shown if Inventory is visible AND Quests is visible
- const showDividerAfterInventory = extensionSettings.showInventory &&
- extensionSettings.showQuests;
- $('#rpg-divider-inventory').toggle(showDividerAfterInventory);
}
/**
diff --git a/src/systems/ui/mobile.js b/src/systems/ui/mobile.js
index 5ea179f..2a8be3b 100644
--- a/src/systems/ui/mobile.js
+++ b/src/systems/ui/mobile.js
@@ -727,6 +727,7 @@ export function removeMobileTabs() {
*/
export function setupMobileKeyboardHandling() {
if (!window.visualViewport) {
+ // console.log('[RPG Mobile] Visual Viewport API not supported');
return;
}
@@ -749,9 +750,12 @@ export function setupMobileKeyboardHandling() {
// Keyboard just appeared
keyboardVisible = true;
$panel.addClass('rpg-keyboard-visible');
+ // console.log('[RPG Mobile] Keyboard opened');
} else if (!isKeyboardShowing && keyboardVisible) {
+ // Keyboard just disappeared
keyboardVisible = false;
$panel.removeClass('rpg-keyboard-visible');
+ // console.log('[RPG Mobile] Keyboard closed');
}
});
}
diff --git a/src/systems/ui/modals.js b/src/systems/ui/modals.js
index 806f706..ced6514 100644
--- a/src/systems/ui/modals.js
+++ b/src/systems/ui/modals.js
@@ -17,7 +17,6 @@ import { saveSettings, saveChatData } from '../../core/persistence.js';
import { renderUserStats } from '../rendering/userStats.js';
import { updateChatThoughts } from '../rendering/thoughts.js';
import { renderQuests } from '../rendering/quests.js';
-import { renderSkills } from '../rendering/skills.js';
import {
rollDice as rollDiceCore,
clearDiceRoll as clearDiceRollCore,
@@ -369,6 +368,7 @@ export function setupSettingsPopup() {
const message = chat[i];
if (message.extra && message.extra.rpg_companion_swipes) {
delete message.extra.rpg_companion_swipes;
+ // console.log('[RPG Companion] Cleared swipe data from message at index', i);
}
}
}
@@ -390,13 +390,7 @@ export function setupSettingsPopup() {
arousal: 0,
mood: '😐',
conditions: 'None',
- inventory: {
- version: 2,
- onPerson: "None",
- stored: {},
- assets: "None"
- },
- skills: "None" // Legacy single-string skills (for Status section)
+ inventory: 'None'
};
// Reset classic stats (attributes) to defaults
@@ -418,12 +412,6 @@ export function setupSettingsPopup() {
optional: []
};
- // Reset skills data
- extensionSettings.skillsV2 = {};
- extensionSettings.skillsData = {};
- extensionSettings.skillAbilityLinks = {};
- extensionSettings.skills = { list: [], categories: {} }; // Legacy skills object
-
// Save everything
saveChatData();
saveSettings();
@@ -433,7 +421,8 @@ export function setupSettingsPopup() {
updateDiceDisplayCore();
updateChatThoughts(); // Clear the thought bubble in chat
renderQuests(); // Clear and re-render quests UI
- renderSkills();
+
+ // console.log('[RPG Companion] Chat cache cleared');
});
return settingsModal;
diff --git a/src/systems/ui/trackerEditor.js b/src/systems/ui/trackerEditor.js
index fbb8ab5..0485c73 100644
--- a/src/systems/ui/trackerEditor.js
+++ b/src/systems/ui/trackerEditor.js
@@ -8,7 +8,6 @@ import { saveSettings } from '../../core/persistence.js';
import { renderUserStats } from '../rendering/userStats.js';
import { renderInfoBox } from '../rendering/infoBox.js';
import { renderThoughts } from '../rendering/thoughts.js';
-import { renderSkills } from '../rendering/skills.js';
let $editorModal = null;
let activeTab = 'userStats';
@@ -130,12 +129,12 @@ function resetToDefaults() {
],
showRPGAttributes: true,
rpgAttributes: [
- { id: 'str', name: 'STR', description: '', enabled: true },
- { id: 'dex', name: 'DEX', description: '', enabled: true },
- { id: 'con', name: 'CON', description: '', enabled: true },
- { id: 'int', name: 'INT', description: '', enabled: true },
- { id: 'wis', name: 'WIS', description: '', enabled: true },
- { id: 'cha', name: 'CHA', description: '', enabled: true }
+ { id: 'str', name: 'STR', enabled: true },
+ { id: 'dex', name: 'DEX', enabled: true },
+ { id: 'con', name: 'CON', enabled: true },
+ { id: 'int', name: 'INT', enabled: true },
+ { id: 'wis', name: 'WIS', enabled: true },
+ { id: 'cha', name: 'CHA', enabled: true }
],
statusSection: {
enabled: true,
@@ -210,12 +209,10 @@ function renderUserStatsTab() {
html += '
';
config.customStats.forEach((stat, index) => {
- const statDesc = stat.description || '';
html += `
-
';
- // Allow AI to update attributes toggle
- const allowAIUpdateAttributes = config.allowAIUpdateAttributes !== undefined ? config.allowAIUpdateAttributes : true;
- html += '
';
- html += ``;
- html += ``;
- html += '
';
-
// Always send attributes toggle
const alwaysSendAttributes = config.alwaysSendAttributes !== undefined ? config.alwaysSendAttributes : false;
html += '
';
@@ -254,12 +244,12 @@ function renderUserStatsTab() {
// Ensure rpgAttributes exists in the actual config (not just local fallback)
if (!config.rpgAttributes || config.rpgAttributes.length === 0) {
config.rpgAttributes = [
- { id: 'str', name: 'STR', description: '', enabled: true },
- { id: 'dex', name: 'DEX', description: '', enabled: true },
- { id: 'con', name: 'CON', description: '', enabled: true },
- { id: 'int', name: 'INT', description: '', enabled: true },
- { id: 'wis', name: 'WIS', description: '', enabled: true },
- { id: 'cha', name: 'CHA', description: '', enabled: true }
+ { id: 'str', name: 'STR', enabled: true },
+ { id: 'dex', name: 'DEX', enabled: true },
+ { id: 'con', name: 'CON', enabled: true },
+ { id: 'int', name: 'INT', enabled: true },
+ { id: 'wis', name: 'WIS', enabled: true },
+ { id: 'cha', name: 'CHA', enabled: true }
];
// Save the defaults back to the actual config
extensionSettings.trackerConfig.userStats.rpgAttributes = config.rpgAttributes;
@@ -268,12 +258,10 @@ function renderUserStatsTab() {
const rpgAttributes = config.rpgAttributes;
rpgAttributes.forEach((attr, index) => {
- const attrDesc = attr.description || '';
html += `
-
+
-
`;
@@ -299,47 +287,17 @@ function renderUserStatsTab() {
// Skills Section
html += `
${i18n.getTranslation('template.trackerEditorModal.userStatsTab.skillsSectionTitle')}
`;
-
- // Check if skills are shown as separate section - if so, disable the toggle
- const skillsInSeparateTab = extensionSettings.showSkills;
- const skillsToggleDisabled = skillsInSeparateTab ? 'disabled' : '';
- const skillsToggleStyle = skillsInSeparateTab ? 'style="opacity: 0.5; cursor: not-allowed;"' : '';
-
- html += `
';
@@ -357,7 +315,6 @@ function setupUserStatsListeners() {
extensionSettings.trackerConfig.userStats.customStats.push({
id: newId,
name: 'New Stat',
- description: '',
enabled: true
});
// Initialize value if doesn't exist
@@ -386,30 +343,23 @@ function setupUserStatsListeners() {
extensionSettings.trackerConfig.userStats.customStats[index].name = $(this).val();
});
- // Update stat description
- $('.rpg-stat-desc').off('blur').on('blur', function() {
- const index = $(this).data('index');
- extensionSettings.trackerConfig.userStats.customStats[index].description = $(this).val();
- });
-
// Add attribute
$('#rpg-add-attr').off('click').on('click', function() {
// Ensure rpgAttributes array exists with defaults if needed
if (!extensionSettings.trackerConfig.userStats.rpgAttributes || extensionSettings.trackerConfig.userStats.rpgAttributes.length === 0) {
extensionSettings.trackerConfig.userStats.rpgAttributes = [
- { id: 'str', name: 'STR', description: '', enabled: true },
- { id: 'dex', name: 'DEX', description: '', enabled: true },
- { id: 'con', name: 'CON', description: '', enabled: true },
- { id: 'int', name: 'INT', description: '', enabled: true },
- { id: 'wis', name: 'WIS', description: '', enabled: true },
- { id: 'cha', name: 'CHA', description: '', enabled: true }
+ { id: 'str', name: 'STR', enabled: true },
+ { id: 'dex', name: 'DEX', enabled: true },
+ { id: 'con', name: 'CON', enabled: true },
+ { id: 'int', name: 'INT', enabled: true },
+ { id: 'wis', name: 'WIS', enabled: true },
+ { id: 'cha', name: 'CHA', enabled: true }
];
}
const newId = 'attr_' + Date.now();
extensionSettings.trackerConfig.userStats.rpgAttributes.push({
id: newId,
name: 'NEW',
- description: '',
enabled: true
});
// Initialize value in classicStats if doesn't exist
@@ -438,25 +388,15 @@ function setupUserStatsListeners() {
extensionSettings.trackerConfig.userStats.rpgAttributes[index].name = $(this).val();
});
- // Update attribute description
- $('.rpg-attr-desc').off('blur').on('blur', function() {
- const index = $(this).data('index');
- extensionSettings.trackerConfig.userStats.rpgAttributes[index].description = $(this).val();
- });
-
// Enable/disable RPG Attributes section toggle
$('#rpg-show-rpg-attrs').off('change').on('change', function() {
extensionSettings.trackerConfig.userStats.showRPGAttributes = $(this).is(':checked');
});
// Always send attributes toggle
- $('#rpg-always-send-attrs').off('change').on('change', function() {
- extensionSettings.trackerConfig.userStats.alwaysSendAttributes = $(this).is(':checked');
- });
-
- $('#rpg-allow-ai-update-attrs').off('change').on('change', function() {
- extensionSettings.trackerConfig.userStats.allowAIUpdateAttributes = $(this).is(':checked');
- });
+ $('#rpg-always-send-attrs').off('change').on('change', function() {
+ extensionSettings.trackerConfig.userStats.alwaysSendAttributes = $(this).is(':checked');
+ });
// Status section toggles
$('#rpg-status-enabled').off('change').on('change', function() {
@@ -475,68 +415,16 @@ function setupUserStatsListeners() {
// Skills section toggles
$('#rpg-skills-enabled').off('change').on('change', function() {
extensionSettings.trackerConfig.userStats.skillsSection.enabled = $(this).is(':checked');
- saveSettings();
- // Re-render both user stats (if skills shown there) and skills section
- renderUserStats();
- renderSkills();
});
$('#rpg-skills-label').off('blur').on('blur', function() {
- const newLabel = $(this).val();
- extensionSettings.trackerConfig.userStats.skillsSection.label = newLabel;
+ extensionSettings.trackerConfig.userStats.skillsSection.label = $(this).val();
saveSettings();
- renderUserStats();
- renderSkills();
- // Update the skills tab button text if it exists
- $('.rpg-tab-btn[data-tab="skills"] span').text(newLabel);
});
- // Add skill category
- $('#rpg-add-skill').off('click').on('click', function() {
- if (!extensionSettings.trackerConfig.userStats.skillsSection.customFields) {
- extensionSettings.trackerConfig.userStats.skillsSection.customFields = [];
- }
- extensionSettings.trackerConfig.userStats.skillsSection.customFields.push({
- id: 'skill_' + Date.now(),
- name: 'New Skill',
- description: '',
- enabled: true
- });
- renderUserStatsTab();
- saveSettings();
- renderSkills();
- });
-
- // Remove skill category
- $('.rpg-skill-remove').off('click').on('click', function() {
- const index = $(this).data('index');
- extensionSettings.trackerConfig.userStats.skillsSection.customFields.splice(index, 1);
- renderUserStatsTab();
- saveSettings();
- renderSkills();
- });
-
- // Toggle skill category
- // Migration function handles string array → object array conversion on load
- $('.rpg-skill-toggle').off('change').on('change', function() {
- const index = $(this).data('index');
- extensionSettings.trackerConfig.userStats.skillsSection.customFields[index].enabled = $(this).is(':checked');
- saveSettings();
- renderSkills();
- });
-
- // Rename skill category
- $('.rpg-skill-name').off('blur').on('blur', function() {
- const index = $(this).data('index');
- extensionSettings.trackerConfig.userStats.skillsSection.customFields[index].name = $(this).val();
- saveSettings();
- renderSkills();
- });
-
- // Update skill description
- $('.rpg-skill-desc').off('blur').on('blur', function() {
- const index = $(this).data('index');
- extensionSettings.trackerConfig.userStats.skillsSection.customFields[index].description = $(this).val();
+ $('#rpg-skills-fields').off('blur').on('blur', function() {
+ const fields = $(this).val().split(',').map(f => f.trim()).filter(f => f);
+ extensionSettings.trackerConfig.userStats.skillsSection.customFields = fields;
saveSettings();
});
}
@@ -756,15 +644,7 @@ function setupPresentCharactersListeners() {
if (!extensionSettings.trackerConfig.presentCharacters.relationshipEmojis) {
extensionSettings.trackerConfig.presentCharacters.relationshipEmojis = {};
}
-
- // Generate unique name to avoid overwriting existing "New Relationship" entries
- let newName = 'New Relationship';
- let counter = 1;
- while (extensionSettings.trackerConfig.presentCharacters.relationshipEmojis[newName]) {
- newName = `New Relationship ${counter}`;
- counter++;
- }
- extensionSettings.trackerConfig.presentCharacters.relationshipEmojis[newName] = '😊';
+ extensionSettings.trackerConfig.presentCharacters.relationshipEmojis['New Relationship'] = '😊';
// Sync relationshipFields
extensionSettings.trackerConfig.presentCharacters.relationshipFields =
diff --git a/src/types/trackerData.js b/src/types/trackerData.js
deleted file mode 100644
index d471ec7..0000000
--- a/src/types/trackerData.js
+++ /dev/null
@@ -1,471 +0,0 @@
-/**
- * Tracker Data Types - Unified JSON Schema
- * Structure adapts dynamically based on trackerConfig settings
- *
- * TODO: Future enhancements:
- * - Generate formal JSON Schema for prompting (helps LLMs understand structure better)
- * - Validate LLM responses against schema
- * - In SEPARATE mode, retry generation if schema validation fails
- * - Could use libraries like ajv for validation
- */
-
-/**
- * @typedef {Object} TrackerItem
- * @property {string} name - Item name
- * @property {string} description - Item description
- * @property {string} [grantsSkill] - Optional: skill name this item grants
- */
-
-/**
- * @typedef {Object} TrackerSkill
- * @property {string} name - Skill/ability name
- * @property {string} description - Skill description
- * @property {string} [grantedBy] - Optional: item name that grants this skill
- */
-
-/**
- * @typedef {Object} TrackerCharacter
- * @property {string} name - Character name
- * @property {string} [relationship] - Relationship type
- * @property {Object.
} [fields] - Dynamic custom fields (appearance, demeanor, etc.)
- * @property {string} [thoughts] - Character's inner thoughts
- */
-
-/**
- * @typedef {Object} TrackerQuest
- * @property {string} name - Quest name/title
- * @property {string} description - Quest description/objective
- */
-
-/**
- * @typedef {Object.} TrackerStats
- * Dynamic stats object - keys are stat names from config, values are percentages
- * Example: { "Health": 85, "Energy": 70, "Custom Stat": 50 }
- */
-
-/**
- * @typedef {Object.} TrackerAttributes
- * Dynamic attributes object - keys are attribute names from config (e.g., STR, DEX), values are numeric
- * Example: { "STR": 15, "DEX": 12, "INT": 18 }
- */
-
-/**
- * @typedef {Object} TrackerStatus
- * @property {string} [mood] - Mood emoji (if enabled)
- * @property {Object.} [fields] - Dynamic custom fields from config
- */
-
-/**
- * @typedef {Object} TrackerInfoBox
- * Dynamic based on enabled widgets in config
- * @property {string} [date] - Current date (if widget enabled)
- * @property {string} [time] - Time range (if widget enabled)
- * @property {string} [weather] - Weather with emoji (if widget enabled)
- * @property {string} [temperature] - Temperature (if widget enabled)
- * @property {string} [location] - Scene location (if widget enabled)
- * @property {string} [recentEvents] - Recent events summary (if widget enabled)
- */
-
-/**
- * @typedef {Object} TrackerInventory
- * @property {TrackerItem[]} onPerson - Items carried/worn
- * @property {Object.} stored - Items stored at locations
- * @property {TrackerItem[]} assets - Major possessions (vehicles, property)
- */
-
-/**
- * @typedef {Object.} TrackerSkills
- * Key is skill category name from config, value is array of abilities
- */
-
-/**
- * @typedef {Object} TrackerQuests
- * @property {TrackerQuest|null} main - Main quest or null
- * @property {TrackerQuest[]} optional - Optional quests
- */
-
-/**
- * Complete tracker data structure from LLM
- * All fields are optional - only enabled sections are included
- * @typedef {Object} TrackerData
- * @property {TrackerStats} [stats] - Numeric stats (based on config)
- * @property {TrackerStatus} [status] - Status info (mood, custom fields)
- * @property {TrackerAttributes} [attributes] - RPG attributes (STR, DEX, etc.)
- * @property {number} [level] - Character level
- * @property {TrackerInfoBox} [infoBox] - Scene information (based on enabled widgets)
- * @property {TrackerCharacter[]} [characters] - Present characters
- * @property {TrackerInventory} [inventory] - Player inventory
- * @property {TrackerSkills} [skills] - Player skills by category
- * @property {TrackerQuests} [quests] - Active quests
- */
-
-export const TRACKER_DATA_VERSION = 3;
-
-/**
- * Creates empty tracker data based on current config
- * @param {Object} trackerConfig - The tracker configuration
- * @returns {TrackerData}
- */
-export function createEmptyTrackerData(trackerConfig) {
- const data = {};
-
- // Stats based on config
- if (trackerConfig?.userStats?.customStats) {
- data.stats = {};
- for (const stat of trackerConfig.userStats.customStats) {
- if (stat.enabled) {
- data.stats[stat.name] = 100;
- }
- }
- }
-
- // Status
- data.status = { mood: '😐', fields: {} };
-
- // Info box based on enabled widgets
- if (trackerConfig?.infoBox?.widgets) {
- data.infoBox = {};
- }
-
- // Characters
- data.characters = [];
-
- // Inventory
- data.inventory = {
- onPerson: [],
- stored: {},
- assets: []
- };
-
- // Skills based on config categories
- data.skills = {};
- if (trackerConfig?.userStats?.skillsSection?.customFields) {
- for (const category of trackerConfig.userStats.skillsSection.customFields) {
- data.skills[category] = [];
- }
- }
-
- // Quests
- data.quests = {
- main: null,
- optional: []
- };
-
- return data;
-}
-
-/**
- * Generates a JSON schema example based on tracker config
- * Used in prompts to show LLM the expected format
- * @param {Object} trackerConfig - The tracker configuration
- * @param {Object} options - Generation options
- * @returns {Object} Example JSON object
- */
-export function generateSchemaExample(trackerConfig, options = {}) {
- const example = {};
- const {
- includeStats = true,
- includeInfoBox = true,
- includeCharacters = true,
- includeInventory = true,
- includeSkills = true,
- includeQuests = true,
- enableItemSkillLinks = false
- } = options;
-
- // Stats section
- if (includeStats && trackerConfig?.userStats?.customStats) {
- example.stats = {};
- for (const stat of trackerConfig.userStats.customStats) {
- if (stat.enabled) {
- example.stats[stat.name] = 75; // Example value
- }
- }
-
- // Status fields
- if (trackerConfig.userStats.statusSection?.enabled) {
- example.status = {};
- if (trackerConfig.userStats.statusSection.showMoodEmoji) {
- example.status.mood = "😊";
- }
- if (trackerConfig.userStats.statusSection.customFields?.length > 0) {
- example.status.fields = {};
- for (const field of trackerConfig.userStats.statusSection.customFields) {
- example.status.fields[field] = `[${field} value]`;
- }
- }
- }
- }
-
- // Info Box
- if (includeInfoBox && trackerConfig?.infoBox?.widgets) {
- example.infoBox = {};
- const widgets = trackerConfig.infoBox.widgets;
- if (widgets.date?.enabled) example.infoBox.date = "Monday, March 15, 1242";
- if (widgets.time?.enabled) example.infoBox.time = "14:00 → 15:30";
- if (widgets.weather?.enabled) example.infoBox.weather = "☀️ Sunny";
- if (widgets.temperature?.enabled) {
- const unit = widgets.temperature.unit === 'F' ? '°F' : '°C';
- example.infoBox.temperature = `22${unit}`;
- }
- if (widgets.location?.enabled) example.infoBox.location = "Forest Clearing";
- if (widgets.recentEvents?.enabled) example.infoBox.recentEvents = "The party arrived at dawn";
- }
-
- // Characters
- if (includeCharacters && trackerConfig?.presentCharacters) {
- const charConfig = trackerConfig.presentCharacters;
- const charExample = { name: "Elena" };
-
- if (charConfig.relationshipFields?.length > 0) {
- charExample.relationship = charConfig.relationshipFields[0];
- }
-
- if (charConfig.customFields?.length > 0) {
- charExample.fields = {};
- for (const field of charConfig.customFields) {
- if (field.enabled) {
- charExample.fields[field.name] = `[${field.description || field.name}]`;
- }
- }
- }
-
- if (charConfig.thoughts?.enabled) {
- charExample.thoughts = "I wonder what adventures await...";
- }
-
- example.characters = [charExample];
- }
-
- // Inventory
- if (includeInventory) {
- const itemExample = { name: "Iron Sword", description: "A sturdy blade" };
- if (enableItemSkillLinks) {
- itemExample.grantsSkill = "Sword Fighting";
- }
- example.inventory = {
- onPerson: [itemExample],
- stored: { "Home": [{ name: "Gold Coins", description: "50 gold pieces" }] },
- assets: [{ name: "Small House", description: "A modest dwelling" }]
- };
- }
-
- // Skills
- if (includeSkills && trackerConfig?.userStats?.skillsSection?.customFields?.length > 0) {
- example.skills = {};
- for (const category of trackerConfig.userStats.skillsSection.customFields) {
- const skillExample = { name: "Example Ability", description: "What this ability does" };
- if (enableItemSkillLinks) {
- skillExample.grantedBy = "Item Name";
- }
- example.skills[category] = [skillExample];
- }
- }
-
- // Quests
- if (includeQuests) {
- example.quests = {
- main: { name: "Main Quest", description: "The primary objective" },
- optional: [{ name: "Side Quest", description: "An optional objective" }]
- };
- }
-
- return example;
-}
-
-/**
- * Validates tracker data structure
- * @param {any} data - Data to validate
- * @returns {{valid: boolean, errors: string[]}}
- */
-export function validateTrackerData(data) {
- const errors = [];
-
- if (!data || typeof data !== 'object') {
- return { valid: false, errors: ['Data must be an object'] };
- }
-
- // Validate inventory structure if present (be flexible with LLM variations)
- if (data.inventory) {
- // Accept arrays or empty objects - normalize in parser
- if (data.inventory.onPerson && !Array.isArray(data.inventory.onPerson) && Object.keys(data.inventory.onPerson).length > 0) {
- errors.push('inventory.onPerson must be an array');
- }
- if (data.inventory.stored && typeof data.inventory.stored !== 'object') {
- errors.push('inventory.stored must be an object');
- }
- // Accept arrays or empty objects for assets
- if (data.inventory.assets && !Array.isArray(data.inventory.assets) && Object.keys(data.inventory.assets).length > 0) {
- errors.push('inventory.assets must be an array');
- }
- }
-
- // Validate skills structure if present
- if (data.skills && typeof data.skills !== 'object' && typeof data.skills !== 'string') {
- errors.push('skills must be an object or a string');
- }
-
- // Validate quests structure if present
- if (data.quests) {
- if (data.quests.optional && !Array.isArray(data.quests.optional)) {
- errors.push('quests.optional must be an array');
- }
- }
-
- // Validate characters structure if present
- if (data.characters && !Array.isArray(data.characters)) {
- errors.push('characters must be an array');
- }
-
- return { valid: errors.length === 0, errors };
-}
-
-/**
- * Finds all items that grant a specific skill
- * @param {TrackerData} data - Tracker data
- * @param {string} skillName - Skill name to search for
- * @returns {TrackerItem[]}
- */
-export function findItemsGrantingSkill(data, skillName) {
- const items = [];
- if (!data.inventory) return items;
-
- const checkItems = (itemList) => {
- if (!Array.isArray(itemList)) return;
- for (const item of itemList) {
- if (item.grantsSkill === skillName) {
- items.push(item);
- }
- }
- };
-
- checkItems(data.inventory.onPerson);
- checkItems(data.inventory.assets);
- if (data.inventory.stored) {
- for (const locationItems of Object.values(data.inventory.stored)) {
- checkItems(locationItems);
- }
- }
-
- return items;
-}
-
-/**
- * Finds all skills granted by a specific item
- * @param {TrackerData} data - Tracker data
- * @param {string} itemName - Item name to search for
- * @returns {Array<{category: string, skill: TrackerSkill}>}
- */
-export function findSkillsGrantedByItem(data, itemName) {
- const skills = [];
- if (!data.skills) return skills;
-
- for (const [category, skillList] of Object.entries(data.skills)) {
- if (!Array.isArray(skillList)) continue;
- for (const skill of skillList) {
- if (skill.grantedBy === itemName) {
- skills.push({ category, skill });
- }
- }
- }
-
- return skills;
-}
-
-/**
- * Removes an item and optionally its linked skills from tracker data
- * @param {TrackerData} data - Tracker data (mutated)
- * @param {string} itemName - Item name to remove
- * @param {string} location - 'onPerson', 'assets', or stored location name
- * @param {boolean} removeLinkedSkills - Whether to also remove skills granted by this item
- */
-export function removeItemAndLinkedSkills(data, itemName, location, removeLinkedSkills = true) {
- if (!data.inventory) return;
-
- let removedItem = null;
-
- const removeFromList = (list) => {
- if (!Array.isArray(list)) return false;
- const index = list.findIndex(item => item.name === itemName);
- if (index >= 0) {
- removedItem = list[index];
- list.splice(index, 1);
- return true;
- }
- return false;
- };
-
- if (location === 'onPerson') {
- removeFromList(data.inventory.onPerson);
- } else if (location === 'assets') {
- removeFromList(data.inventory.assets);
- } else if (data.inventory.stored?.[location]) {
- removeFromList(data.inventory.stored[location]);
- }
-
- // Remove linked skills if requested
- if (removeLinkedSkills && removedItem?.grantsSkill && data.skills) {
- for (const skillList of Object.values(data.skills)) {
- if (!Array.isArray(skillList)) continue;
- const skillIndex = skillList.findIndex(s =>
- s.name === removedItem.grantsSkill && s.grantedBy === itemName
- );
- if (skillIndex >= 0) {
- skillList.splice(skillIndex, 1);
- }
- }
- }
-}
-
-/**
- * Merges new tracker data with existing data
- * New data overwrites existing fields, but preserves fields not in new data
- * @param {TrackerData} existing - Existing tracker data
- * @param {TrackerData} newData - New data from LLM
- * @returns {TrackerData} Merged data
- */
-export function mergeTrackerData(existing, newData) {
- const merged = JSON.parse(JSON.stringify(existing || {}));
-
- if (newData.stats) {
- merged.stats = { ...merged.stats, ...newData.stats };
- }
-
- if (newData.status) {
- merged.status = {
- ...merged.status,
- ...newData.status,
- fields: { ...merged.status?.fields, ...newData.status?.fields }
- };
- }
-
- if (newData.attributes) {
- merged.attributes = { ...merged.attributes, ...newData.attributes };
- }
-
- if (newData.level !== undefined) {
- merged.level = newData.level;
- }
-
- if (newData.infoBox) {
- merged.infoBox = { ...merged.infoBox, ...newData.infoBox };
- }
-
- if (newData.characters) {
- merged.characters = newData.characters;
- }
-
- if (newData.inventory) {
- merged.inventory = newData.inventory;
- }
-
- if (newData.skills) {
- merged.skills = newData.skills;
- }
-
- if (newData.quests) {
- merged.quests = newData.quests;
- }
-
- return merged;
-}
diff --git a/src/utils/avatars.js b/src/utils/avatars.js
index 0b31e8f..ed64a57 100644
--- a/src/utils/avatars.js
+++ b/src/utils/avatars.js
@@ -14,7 +14,9 @@ import { getThumbnailUrl } from '../../../../../../script.js';
* @returns {string|null} Thumbnail URL or null if unavailable/error
*/
export function getSafeThumbnailUrl(type, filename) {
+ // Return null if no filename provided
if (!filename || filename === 'none') {
+ // console.log(`[RPG Companion] No valid filename provided for ${type} thumbnail`);
return null;
}
@@ -22,11 +24,13 @@ export function getSafeThumbnailUrl(type, filename) {
// Attempt to get thumbnail URL from SillyTavern API
const url = getThumbnailUrl(type, filename);
+ // Validate that we got a string back
if (typeof url !== 'string' || url.trim() === '') {
console.warn(`[RPG Companion] getThumbnailUrl returned invalid result for ${type}:`, filename);
return null;
}
+ // console.log(`[RPG Companion] Successfully generated ${type} thumbnail URL for: ${filename}`);
return url;
} catch (error) {
// Log detailed error information for debugging
diff --git a/src/utils/migration.js b/src/utils/migration.js
index f04ca1f..b5b0f23 100644
--- a/src/utils/migration.js
+++ b/src/utils/migration.js
@@ -27,7 +27,9 @@ const DEFAULT_INVENTORY_V2 = {
* @returns {MigrationResult} Migration result with v2 inventory and metadata
*/
export function migrateInventory(inventory) {
+ // Case 1: Already v2 format (has version property and is an object)
if (inventory && typeof inventory === 'object' && inventory.version === 2) {
+ // console.log('[RPG Companion Migration] Inventory already v2, no migration needed');
return {
inventory: inventory,
migrated: false,
@@ -35,7 +37,9 @@ export function migrateInventory(inventory) {
};
}
+ // Case 2: null or undefined → use defaults
if (inventory === null || inventory === undefined) {
+ // console.log('[RPG Companion Migration] Inventory is null/undefined, using defaults');
return {
inventory: { ...DEFAULT_INVENTORY_V2 },
migrated: true,
@@ -43,9 +47,12 @@ export function migrateInventory(inventory) {
};
}
+ // Case 3: v1 string format → migrate to v2
if (typeof inventory === 'string') {
+ // Check if it's an empty/default string
const trimmed = inventory.trim();
if (trimmed === '' || trimmed.toLowerCase() === 'none') {
+ // console.log('[RPG Companion Migration] Inventory is empty/None, using defaults');
return {
inventory: { ...DEFAULT_INVENTORY_V2 },
migrated: true,
@@ -53,6 +60,8 @@ export function migrateInventory(inventory) {
};
}
+ // Non-empty v1 string → migrate to v2.onPerson
+ // console.log('[RPG Companion Migration] Migrating v1 string to v2.onPerson:', inventory);
return {
inventory: {
version: 2,
diff --git a/style.css b/style.css
index 27ab90e..deda25c 100644
--- a/style.css
+++ b/style.css
@@ -1224,10 +1224,10 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
display: flex;
align-items: center;
justify-content: center;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
min-width: 0;
- /* Allow wrapping for long day names */
- word-wrap: break-word;
- overflow-wrap: break-word;
}
.rpg-calendar-year {
@@ -1255,6 +1255,8 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
line-height: 1.1;
word-wrap: break-word;
max-width: 100%;
+ overflow: hidden;
+ text-overflow: ellipsis;
}
.rpg-weather-forecast.rpg-editable {
@@ -1833,11 +1835,31 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
border: 1px solid rgba(255, 255, 255, 0.1);
transition: all 0.2s ease;
width: 100%; /* Ensure cards take full width */
+ max-height: clamp(200px, 18vh, 250px);
box-sizing: border-box; /* Include padding and border in width calculation */
flex-shrink: 0; /* Prevent cards from shrinking */
- overflow: visible;
+ overflow: auto;
+ scrollbar-width: thin;
+ scrollbar-color: var(--rpg-border) transparent;
}
+.rpg-character-card::-webkit-scrollbar {
+ width: 4px;
+ height: 4px;
+}
+
+.rpg-character-card::-webkit-scrollbar-track {
+ background: transparent;
+}
+
+.rpg-character-card::-webkit-scrollbar-thumb {
+ background: var(--rpg-border);
+ border-radius: 2px;
+}
+
+.rpg-character-card::-webkit-scrollbar-thumb:hover {
+ background: var(--rpg-highlight);
+}
.rpg-character-card:hover {
background: rgba(0, 0, 0, 0.4);
@@ -1883,17 +1905,37 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
display: flex;
flex-direction: column;
gap: 0;
- overflow: visible;
+ overflow: hidden;
}
.rpg-character-info {
display: flex;
flex-direction: column;
gap: clamp(3px, 0.5vh, 5px);
- overflow: visible;
+ overflow-y: auto;
+ overflow-x: hidden;
flex: 1;
+ min-height: 0;
+ scrollbar-width: thin;
+ scrollbar-color: var(--rpg-border) transparent;
}
+.rpg-character-info::-webkit-scrollbar {
+ width: 4px;
+}
+
+.rpg-character-info::-webkit-scrollbar-track {
+ background: transparent;
+}
+
+.rpg-character-info::-webkit-scrollbar-thumb {
+ background: var(--rpg-border);
+ border-radius: 2px;
+}
+
+.rpg-character-info::-webkit-scrollbar-thumb:hover {
+ background: var(--rpg-highlight);
+}
/* Character header with emoji and name */
.rpg-character-header {
@@ -1917,38 +1959,6 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
white-space: nowrap; /* Prevent name from wrapping */
overflow: hidden;
text-overflow: ellipsis;
- flex: 1;
- min-width: 0;
-}
-
-/* Character remove button */
-.rpg-character-remove {
- flex-shrink: 0;
- background: rgba(255, 0, 0, 0.2);
- border: 1px solid rgba(255, 0, 0, 0.4);
- border-radius: 50%;
- width: clamp(18px, 2.5vh, 22px);
- height: clamp(18px, 2.5vh, 22px);
- display: flex;
- align-items: center;
- justify-content: center;
- font-size: clamp(14px, 2vw, 18px);
- color: var(--rpg-highlight);
- cursor: pointer;
- transition: all 0.2s ease;
- padding: 0;
- line-height: 1;
- margin-left: auto;
-}
-
-.rpg-character-remove:hover {
- background: rgba(255, 0, 0, 0.4);
- border-color: rgba(255, 0, 0, 0.6);
- transform: scale(1.1);
-}
-
-.rpg-character-remove:active {
- transform: scale(0.95);
}
/* Character traits/status line and custom fields */
@@ -2063,14 +2073,6 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
outline: 1px solid var(--rpg-highlight);
}
-/* Show full content on hover for text fields (not badges/icons) */
-.rpg-editable:not(.rpg-relationship-badge):not(.rpg-character-emoji):hover {
- overflow: visible !important;
- text-overflow: clip !important;
- white-space: normal !important;
- word-break: break-word;
-}
-
.rpg-editable:focus,
.rpg-editable-stat:focus,
.rpg-editable-stat-name:focus {
@@ -2079,14 +2081,6 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
box-shadow: 0 0 8px var(--rpg-highlight);
}
-/* Show full content when focused for text fields (not badges/icons) */
-.rpg-editable:not(.rpg-relationship-badge):not(.rpg-character-emoji):focus {
- overflow: visible !important;
- text-overflow: clip !important;
- white-space: normal !important;
- word-break: break-word;
-}
-
/* Edit button container and styling */
.rpg-edit-button-container {
display: flex;
@@ -3688,7 +3682,6 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
display: flex;
flex-direction: column;
gap: 0.5em;
- margin-top: 0.5em;
margin-bottom: 1em;
}
@@ -3718,7 +3711,6 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
.rpg-stat-remove,
.rpg-attr-remove,
-.rpg-skill-remove,
.rpg-remove-relationship {
flex-shrink: 0;
padding: 0.375em 0.625em;
@@ -3730,48 +3722,6 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
transition: opacity 0.2s;
}
-/* Skills list spacing */
-#rpg-editor-skills-list {
- margin-top: 0.3em;
-}
-
-/* Items with description field (stats, attrs, skills) */
-.rpg-editor-item-with-desc,
-.rpg-editor-skill-item {
- flex-wrap: wrap;
-}
-
-.rpg-skill-name,
-.rpg-stat-desc,
-.rpg-attr-desc {
- flex: 1;
- min-width: 120px;
- padding: 0.375em 0.5em;
- background: var(--rpg-bg);
- border: 1px solid var(--rpg-border);
- border-radius: 0.25em;
- color: var(--rpg-text);
- font-size: 0.95em;
-}
-
-.rpg-skill-desc,
-.rpg-stat-desc,
-.rpg-attr-desc {
- flex: 2;
- min-width: 180px;
- padding: 0.375em 0.5em;
- background: var(--rpg-bg);
- border: 1px solid var(--rpg-border);
- border-radius: 0.25em;
- color: var(--rpg-text);
- font-size: 0.9em;
- font-style: italic;
-}
-
-.rpg-skill-toggle {
- flex-shrink: 0;
-}
-
.rpg-stat-remove:hover,
.rpg-attr-remove:hover,
.rpg-remove-relationship:hover {
@@ -6687,759 +6637,3 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
font-size: clamp(14px, 3vw, 18px) !important;
}
}
-
-
-/* ============================================
- SKILLS SECTION STYLES
- ============================================ */
-
-.rpg-skills-container {
- display: flex;
- flex-direction: column;
- width: 100%;
- gap: 1rem;
- padding: 0.5rem;
- font-size: 0.9rem;
- box-sizing: border-box;
-}
-
-.rpg-skills-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- gap: 1rem;
- padding-bottom: 0.5rem;
- border-bottom: 2px solid var(--SmartThemeBorderColor);
-}
-
-.rpg-skills-header h4 {
- margin: 0;
- font-size: 1.1rem;
- color: var(--SmartThemeBodyColor);
-}
-
-.rpg-skills-header-actions {
- display: flex;
- align-items: center;
- gap: 0.75rem;
-}
-
-.rpg-skills-section {
- margin-top: 0.75rem;
-}
-
-.rpg-skills-section-title {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- margin: 0 0 0.5rem 0;
- font-size: 0.95rem;
- color: var(--SmartThemeBodyColor);
-}
-
-.rpg-skills-section-title i {
- font-size: 0.85rem;
- opacity: 0.7;
-}
-
-.rpg-skills-count {
- font-size: 0.8rem;
- opacity: 0.6;
-}
-
-.rpg-skills-list {
- min-height: 2rem;
- padding: 0.5rem;
-}
-
-/* Skills List View */
-.rpg-skills-list-view {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
-}
-
-.rpg-skill-row {
- display: flex;
- align-items: center;
- justify-content: space-between;
- gap: 1rem;
- padding: 0.75rem 1rem;
- background: transparent;
- border: 2px solid var(--SmartThemeBorderColor);
- border-radius: 0.25rem;
- color: var(--SmartThemeBodyColor);
- font-size: 0.95rem;
- transition: all 0.2s ease;
-}
-
-.rpg-skill-row.rpg-skill-active {
- border-color: var(--rpg-highlight);
-}
-
-.rpg-skill-row.rpg-skill-inactive {
- opacity: 0.6;
- border-style: dashed;
-}
-
-.rpg-skill-row:hover {
- background: rgba(var(--rpg-highlight-rgb, 233, 69, 96), 0.1);
-}
-
-.rpg-skill-row .rpg-skill-name {
- flex: 1;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
-
-/* Skills Grid View */
-.rpg-skills-grid-view {
- display: grid;
- grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
- gap: 0.75rem;
-}
-
-.rpg-skill-card {
- position: relative;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- padding: 1rem 0.75rem;
- background: transparent;
- border: 2px solid var(--SmartThemeBorderColor);
- border-radius: 0.25rem;
- color: var(--SmartThemeBodyColor);
- font-size: 0.9rem;
- transition: all 0.2s ease;
- min-height: 80px;
-}
-
-.rpg-skill-card.rpg-skill-active {
- border-color: var(--rpg-highlight);
-}
-
-.rpg-skill-card.rpg-skill-inactive {
- opacity: 0.6;
- border-style: dashed;
-}
-
-.rpg-skill-card:hover {
- background: rgba(var(--rpg-highlight-rgb, 233, 69, 96), 0.1);
-}
-
-.rpg-skill-card .rpg-skill-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- width: 100%;
- gap: 0.5rem;
-}
-
-.rpg-skill-card .rpg-skill-name {
- text-align: center;
- word-wrap: break-word;
- overflow-wrap: break-word;
- hyphens: auto;
- max-width: 100%;
-}
-
-/* Skill Toggle Button */
-.rpg-skill-toggle {
- background: transparent;
- border: none;
- padding: 0.3rem;
- cursor: pointer;
- color: var(--SmartThemeFastUISliderColColor);
- transition: all 0.2s ease;
- font-size: 1rem;
-}
-
-.rpg-skill-toggle:hover {
- color: var(--rpg-highlight);
- transform: scale(1.1);
-}
-
-.rpg-skill-active .rpg-skill-toggle {
- color: var(--rpg-highlight);
-}
-
-/* Skill Linked Badge */
-.rpg-skill-linked-badge {
- display: inline-flex;
- align-items: center;
- gap: 0.3rem;
- padding: 0.2rem 0.5rem;
- font-size: 0.75rem;
- background: rgba(var(--rpg-highlight-rgb, 233, 69, 96), 0.2);
- border: 1px solid var(--rpg-highlight);
- border-radius: 0.25rem;
- color: var(--rpg-highlight);
-}
-
-.rpg-skill-linked-badge i {
- font-size: 0.7rem;
-}
-
-/* Skills Empty State */
-.rpg-skills-empty {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- padding: 2rem;
- text-align: center;
- color: var(--SmartThemeBodyColor);
- opacity: 0.7;
-}
-
-.rpg-skills-empty i {
- font-size: 2rem;
- margin-bottom: 1rem;
- opacity: 0.5;
-}
-
-.rpg-skills-empty p {
- margin: 0 0 0.5rem 0;
- font-size: 1rem;
-}
-
-.rpg-skills-empty small {
- font-size: 0.85rem;
- opacity: 0.8;
-}
-
-/* ============================================
- SKILLS CATEGORY STYLES (like Inventory)
- ============================================ */
-
-.rpg-skill-category {
- width: 100%;
- margin-bottom: 1rem;
- border: 1px solid var(--SmartThemeBorderColor);
- border-radius: 0.5rem;
- overflow: hidden;
- box-sizing: border-box;
-}
-
-.rpg-skill-category-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- gap: 0.5rem;
- padding: 0.75rem 1rem;
- background: var(--SmartThemeBlurTintColor);
- border-bottom: 1px solid var(--SmartThemeBorderColor);
-}
-
-.rpg-skill-category-title {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- margin: 0;
- font-size: 0.95rem;
- font-weight: 600;
- color: var(--SmartThemeBodyColor);
-}
-
-.rpg-skill-category-title i {
- color: var(--rpg-highlight);
- font-size: 0.85rem;
-}
-
-.rpg-skill-category-count {
- font-size: 0.8rem;
- font-weight: normal;
- opacity: 0.6;
-}
-
-.rpg-skill-category-actions {
- display: flex;
- align-items: center;
- gap: 0.5rem;
-}
-
-.rpg-skill-add-btn {
- display: flex;
- align-items: center;
- gap: 0.3rem;
- padding: 0.4rem 0.75rem;
- background: transparent;
- border: 1px solid var(--rpg-highlight);
- border-radius: 0.25rem;
- color: var(--rpg-highlight);
- font-size: 0.8rem;
- cursor: pointer;
- transition: all 0.2s ease;
-}
-
-.rpg-skill-add-btn:hover {
- background: var(--rpg-highlight);
- color: white;
-}
-
-.rpg-skill-category-content {
- padding: 0.75rem;
-}
-
-.rpg-skill-items-empty {
- padding: 1rem;
- text-align: center;
- color: var(--SmartThemeBodyColor);
- opacity: 0.6;
- font-style: italic;
-}
-
-/* ============================================
- SKILL-ITEM LINKING STYLES
- ============================================ */
-
-/* Skill link badge (shows linked item name in skills section) */
-.rpg-skill-link-badge {
- display: inline-flex;
- align-items: center;
- gap: 0.3rem;
- padding: 0.2rem 0.5rem;
- font-size: 0.75rem;
- background: rgba(var(--rpg-highlight-rgb, 233, 69, 96), 0.15);
- border: 1px solid rgba(var(--rpg-highlight-rgb, 233, 69, 96), 0.3);
- border-radius: 0.25rem;
- color: var(--rpg-highlight);
- cursor: pointer;
- transition: all 0.2s ease;
- margin-left: 0.5rem;
-}
-
-.rpg-skill-link-badge:hover {
- background: rgba(var(--rpg-highlight-rgb, 233, 69, 96), 0.25);
- border-color: var(--rpg-highlight);
-}
-
-.rpg-skill-link-badge i {
- font-size: 0.7rem;
-}
-
-.rpg-link-item-name {
- max-width: 70px;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
-
-/* Link button (on skills without a link) */
-.rpg-skill-link-btn {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 24px;
- height: 24px;
- background: transparent;
- border: 1px dashed var(--SmartThemeBorderColor);
- border-radius: 0.25rem;
- color: var(--SmartThemeFastUISliderColColor);
- cursor: pointer;
- transition: all 0.2s ease;
- opacity: 0.5;
- margin-left: 0.5rem;
-}
-
-.rpg-skill-link-btn:hover {
- opacity: 1;
- border-style: solid;
- border-color: var(--rpg-highlight);
- color: var(--rpg-highlight);
-}
-
-/* Unlink button */
-.rpg-skill-unlink-btn {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 24px;
- height: 24px;
- background: transparent;
- border: none;
- color: var(--SmartThemeFastUISliderColColor);
- cursor: pointer;
- transition: all 0.2s ease;
- opacity: 0.5;
- margin-left: 0.25rem;
-}
-
-.rpg-skill-unlink-btn:hover {
- opacity: 1;
- color: #e94560;
-}
-
-/* Skill link indicator on inventory items */
-.rpg-item-skill-link {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 24px;
- height: 24px;
- background: rgba(var(--rpg-highlight-rgb, 233, 69, 96), 0.15);
- border: 1px solid rgba(var(--rpg-highlight-rgb, 233, 69, 96), 0.3);
- border-radius: 50%;
- color: var(--rpg-highlight);
- cursor: pointer;
- transition: all 0.2s ease;
- margin-left: 0.5rem;
- flex-shrink: 0;
-}
-
-.rpg-item-skill-link:hover {
- background: rgba(var(--rpg-highlight-rgb, 233, 69, 96), 0.3);
- transform: scale(1.1);
-}
-
-.rpg-item-skill-link i {
- font-size: 0.7rem;
-}
-
-/* Items/abilities with links get a subtle highlight */
-.rpg-has-skill-link,
-.rpg-has-link {
- border-left: 2px solid var(--rpg-highlight) !important;
-}
-
-/* Link dropdown for selecting items */
-.rpg-link-dropdown {
- min-width: 200px;
- max-width: 300px;
- max-height: 300px;
- background: var(--SmartThemeBlurTintColor);
- border: 1px solid var(--SmartThemeBorderColor);
- border-radius: 0.5rem;
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
- overflow: hidden;
-}
-
-.rpg-link-dropdown-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 0.75rem 1rem;
- background: rgba(0, 0, 0, 0.2);
- border-bottom: 1px solid var(--SmartThemeBorderColor);
- font-weight: 600;
- font-size: 0.85rem;
-}
-
-.rpg-link-dropdown-close {
- background: transparent;
- border: none;
- color: var(--SmartThemeBodyColor);
- cursor: pointer;
- padding: 0.25rem;
- opacity: 0.6;
- transition: opacity 0.2s ease;
-}
-
-.rpg-link-dropdown-close:hover {
- opacity: 1;
-}
-
-.rpg-link-dropdown-list {
- max-height: 220px;
- overflow-y: auto;
-}
-
-.rpg-link-dropdown-item {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- padding: 0.6rem 1rem;
- cursor: pointer;
- transition: background 0.2s ease;
- font-size: 0.85rem;
-}
-
-.rpg-link-dropdown-item:hover {
- background: rgba(var(--rpg-highlight-rgb, 233, 69, 96), 0.15);
-}
-
-.rpg-link-dropdown-item i {
- color: var(--rpg-highlight);
- opacity: 0.7;
-}
-
-/* Highlight animation for items */
-@keyframes rpg-highlight-pulse {
- 0%, 100% {
- box-shadow: 0 0 0 0 rgba(233, 69, 96, 0);
- background: rgba(233, 69, 96, 0.05);
- }
- 50% {
- box-shadow: 0 0 8px 2px rgba(233, 69, 96, 0.3);
- background: rgba(233, 69, 96, 0.12);
- }
-}
-
-.rpg-highlight-item {
- animation: rpg-highlight-pulse 1.2s ease-in-out 2 !important;
- border-left: 3px solid #e94560 !important;
- position: relative;
-}
-
-/* Card actions container for grid view */
-.rpg-card-actions {
- position: absolute;
- top: 0.25rem;
- right: 0.25rem;
- display: flex;
- gap: 0.25rem;
-}
-
-/* ============================================
- STRUCTURED INVENTORY ITEMS (name + description)
- ============================================ */
-
-.rpg-inventory-container.rpg-structured .rpg-item-row {
- flex-direction: column;
- align-items: stretch;
- gap: 0.25rem;
- padding: 0.75rem;
-}
-
-.rpg-inventory-container.rpg-structured .rpg-item-row .rpg-item-info {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- gap: 0.5rem;
-}
-
-.rpg-inventory-container.rpg-structured .rpg-item-row .rpg-item-name {
- font-weight: 600;
- flex-shrink: 0;
-}
-
-.rpg-inventory-container.rpg-structured .rpg-item-description {
- font-size: 0.85em;
- color: var(--SmartThemeBodyColor);
- opacity: 0.7;
- font-style: italic;
- width: 100%;
- min-height: 1.2em;
-}
-
-.rpg-inventory-container.rpg-structured .rpg-item-description:empty::before {
- content: "No description";
- opacity: 0.4;
-}
-
-.rpg-inventory-container.rpg-structured .rpg-item-card {
- flex-direction: column;
- padding: 0.75rem;
- gap: 0.5rem;
-}
-
-.rpg-inventory-container.rpg-structured .rpg-item-card .rpg-item-content {
- display: flex;
- flex-direction: column;
- gap: 0.25rem;
- text-align: center;
-}
-
-.rpg-inventory-container.rpg-structured .rpg-item-card .rpg-item-name {
- font-weight: 600;
-}
-
-.rpg-inventory-container.rpg-structured .rpg-item-card .rpg-item-description {
- font-size: 0.8em;
- opacity: 0.7;
- font-style: italic;
-}
-
-/* Grants skill badge */
-.rpg-item-grants-badge {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 18px;
- height: 18px;
- background: rgba(var(--rpg-highlight-rgb, 233, 69, 96), 0.2);
- border-radius: 50%;
- color: var(--rpg-highlight);
- font-size: 0.65rem;
- margin-left: 0.25rem;
- cursor: help;
-}
-
-/* Storage location styling */
-.rpg-storage-location {
- margin-bottom: 1rem;
- border: 1px solid var(--SmartThemeBorderColor);
- border-radius: 0.5rem;
- overflow: hidden;
-}
-
-.rpg-location-header {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- padding: 0.5rem 0.75rem;
- background: var(--SmartThemeBlurTintColor);
- border-bottom: 1px solid var(--SmartThemeBorderColor);
-}
-
-.rpg-location-name {
- font-weight: 600;
-}
-
-.rpg-location-count {
- font-size: 0.85em;
- opacity: 0.6;
-}
-
-/* ============================================
- STRUCTURED SKILLS (name + description)
- ============================================ */
-
-.rpg-item-row.rpg-structured {
- flex-direction: row;
- align-items: flex-start;
- gap: 0.5rem;
-}
-
-/* Skill ability row layout */
-.rpg-item-row.rpg-structured {
- flex-direction: column;
- align-items: stretch;
- gap: 0.25rem;
-}
-
-.rpg-skill-ability-row {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- width: 100%;
-}
-
-.rpg-skill-ability-row .rpg-item-name {
- flex: 1 1 auto;
- font-weight: 600;
- min-width: 60px;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
-
-/* Link badge should shrink before the skill name */
-.rpg-skill-ability-row .rpg-skill-link-badge {
- flex-shrink: 1;
- margin-left: 0;
-}
-
-.rpg-skill-ability-desc-row {
- width: 100%;
- padding-left: 0.25rem;
-}
-
-.rpg-skill-ability-desc-row .rpg-item-description {
- display: block;
- width: 100%;
- font-size: 0.85em;
- color: var(--SmartThemeBodyColor);
- opacity: 0.7;
- font-style: italic;
- min-height: 1.2em;
-}
-
-.rpg-skill-ability-desc-row .rpg-item-description:empty::before {
- content: "Add description...";
- opacity: 0.4;
-}
-
-.rpg-item-card.rpg-structured .rpg-skill-ability-desc-row {
- text-align: center;
-}
-
-.rpg-item-card.rpg-structured .rpg-item-description {
- font-size: 0.8em;
- opacity: 0.7;
-}
-
-/* Inventory item row layout with descriptions */
-.rpg-item-row {
- display: flex;
- flex-direction: column;
- align-items: stretch;
- gap: 0.25rem;
-}
-
-.rpg-item-main-row {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- width: 100%;
-}
-
-.rpg-item-main-row .rpg-item-name {
- flex: 1;
- min-width: 0;
-}
-
-.rpg-item-desc-row {
- width: 100%;
- padding-left: 0.25rem;
-}
-
-.rpg-item-desc-row .rpg-item-description {
- display: block;
- width: 100%;
- font-size: 0.85em;
- color: var(--SmartThemeBodyColor);
- opacity: 0.7;
- font-style: italic;
- min-height: 1.2em;
-}
-
-.rpg-item-desc-row .rpg-item-description:empty::before {
- content: "Add description...";
- opacity: 0.4;
-}
-
-.rpg-item-card .rpg-item-desc-row {
- text-align: center;
- font-style: italic;
-}
-
-/* ============================================
- STRUCTURED QUESTS (name + description)
- ============================================ */
-
-.rpg-quest-item.rpg-structured {
- flex-direction: row;
- align-items: flex-start;
-}
-
-.rpg-quest-info {
- display: flex;
- flex-direction: column;
- flex: 1;
- min-width: 0;
- gap: 0.25rem;
-}
-
-.rpg-quest-info .rpg-quest-title {
- font-weight: 600;
-}
-
-.rpg-quest-description {
- font-size: 0.85em;
- color: var(--SmartThemeBodyColor);
- opacity: 0.7;
- font-style: italic;
- min-height: 1.2em;
-}
-
-.rpg-quest-description:empty::before {
- content: "Add description...";
- opacity: 0.4;
-}
-
-.rpg-quest-description.rpg-editable {
- cursor: text;
-}
diff --git a/template.html b/template.html
index 0d78bcb..f6a3a4b 100644
--- a/template.html
+++ b/template.html
@@ -48,22 +48,11 @@
-
-
-
-
-
-
-
-
-
-
-
@@ -198,43 +187,6 @@
Show Inventory
-
-
- Single flat list instead of On Person / Stored / Assets categories
-
-
-
-
- Displays skills as a separate tab instead of within Status. Configure skills in Edit Trackers.
-
-
-
-
- Items can grant skills. Removing an item unlinks or removes the skill.
-
-
-
-
- When disabled, removing an item just unlinks the skill. When enabled, the skill is deleted.
-
-
-
-
-
-
- When enabled, user messages are sent to the AI along with current RPG state and recent chat, then rewritten in-place.
-
-
-
-
-
- How many recent messages to send with the interception prompt.
-
-
@@ -334,28 +272,6 @@
When set, the extension will not inject tracker prompts, examples, or HTML instructions according to the selected mode when a guided generation (via `instruct` or `quiet_prompt`) is detected. Useful when using GuidedGenerations or similar extensions.
-
-
-
-
-
-
-
-
-
- Customize the instructions sent to the AI for generating tracker data. Use {{user}} as a placeholder for the user's name. This is the main prompt that tells the AI how to format and update the RPG trackers.
-
-
-
-
-
-
-
-
-
-
-
-
- Customize the instructions sent to the AI when rewriting user messages. Leave empty to use the default guidance. The AI receives this prompt, the current RPG state JSON, and the recent messages you specify above.
-
-
-