Pakobbix/rpg-companion-sillytavern
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add 'Always Show Thought Bubble' setting - keeps thought bubble permanently expanded

Browse Source
This commit is contained in:
Spicy_Marinara
2025-11-06 22:20:35 +01:00
parent 227eb4c31e
commit d4fc3ce1d8
2 changed files with 31 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/systems/rendering/thoughts.js
+27 -26
View File
@@ -872,9 +872,7 @@ export function createThoughtPanel($message, thoughtsArray) {
// Append to body so it's not clipped by chat container
$('body').append($thoughtPanel);
$('body').append($thoughtIcon);
// Position the panel next to the avatar
$('body').append($thoughtIcon); // Position the panel next to the avatar
const panelWidth = 350;
const panelMargin = 20;
@@ -980,31 +978,32 @@ export function createThoughtPanel($message, thoughtsArray) {
// Check if always show bubble is enabled
if (extensionSettings.alwaysShowThoughtBubble) {
// Always show panel, hide icon
// Always show panel expanded, hide both close button and icon
$thoughtPanel.show();
$thoughtPanel.find('.rpg-thought-close').hide();
$thoughtIcon.hide();
} else {
// Initially hide the panel and show the icon
$thoughtPanel.hide();
$thoughtIcon.show();
// Close button functionality - only when always show is disabled
$thoughtPanel.find('.rpg-thought-close').on('click', function(e) {
e.stopPropagation();
$thoughtPanel.fadeOut(200);
$thoughtIcon.fadeIn(200);
});
// Icon click to show panel - only when always show is disabled
$thoughtIcon.on('click', function(e) {
e.stopPropagation();
$thoughtIcon.fadeOut(200);
$thoughtPanel.fadeIn(200);
});
}
// console.log('[RPG Companion] Thought panel created at:', { top, left });
// Close button functionality
$thoughtPanel.find('.rpg-thought-close').on('click', function(e) {
e.stopPropagation();
$thoughtPanel.fadeOut(200);
$thoughtIcon.fadeIn(200);
});
// Icon click to show panel
$thoughtIcon.on('click', function(e) {
e.stopPropagation();
$thoughtIcon.fadeOut(200);
$thoughtPanel.fadeIn(200);
});
// Add event handlers for editable thoughts in the bubble
$thoughtPanel.find('.rpg-editable').on('blur', function() {
const character = $(this).data('character');
@@ -1082,12 +1081,14 @@ export function createThoughtPanel($message, thoughtsArray) {
$('#chat').on('scroll.thoughtPanel', updatePanelPosition);
$(window).on('resize.thoughtPanel', updatePanelPosition);
// Remove panel when clicking outside (but not when clicking icon or panel)
$(document).on('click.thoughtPanel', function(e) {
if (!$(e.target).closest('#rpg-thought-panel, #rpg-thought-icon').length) {
// Hide the panel and show the icon instead of removing
$thoughtPanel.fadeOut(200);
$thoughtIcon.fadeIn(200);
}
});
// Remove panel when clicking outside - only if always show is disabled
if (!extensionSettings.alwaysShowThoughtBubble) {
$(document).on('click.thoughtPanel', function(e) {
if (!$(e.target).closest('#rpg-thought-panel, #rpg-thought-icon').length) {
// Hide the panel and show the icon instead of removing
$thoughtPanel.fadeOut(200);
$thoughtIcon.fadeIn(200);
}
});
}
}