wagesj45/Sortana
1
0
Fork 0
Code Issues Pull requests Projects Releases 5 Packages Wiki Activity Actions

Improve debug tab layout

Browse source
This commit is contained in:
Jordan Wages 2025-07-19 21:58:37 -05:00
commit bcac4ad017
2 changed files with 29 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

15
options/options.html
View file

@ -154,6 +154,11 @@
<input type="checkbox" id="token-reduction"> Aggressive token reduction <input type="checkbox" id="token-reduction"> Aggressive token reduction
</label> </label>
</div> </div>
<div class="field">
<label class="checkbox">
<input type="checkbox" id="show-debug-tab"> Show debug information
</label>
</div>
<div class="field"> <div class="field">
<label class="label" for="max_tokens">Max tokens</label> <label class="label" for="max_tokens">Max tokens</label>
<div class="control"> <div class="control">
@ -220,11 +225,6 @@
<input class="input" type="number" step="0.01" id="tfs"> <input class="input" type="number" step="0.01" id="tfs">
</div> </div>
</div> </div>
<div class="field">
<label class="checkbox">
<input type="checkbox" id="show-debug-tab"> Advanced Options
</label>
</div>
</div> </div>
</div> </div>
@ -290,7 +290,10 @@
<span>Debug</span> <span>Debug</span>
</h2> </h2>
<pre id="payload-display"></pre> <pre id="payload-display"></pre>
<div id="diff-display" class="mt-4"></div> <div id="diff-container" class="mt-4 is-hidden">
<label class="label">Prompt diff</label>
<div id="diff-display" class="box content is-family-monospace"></div>
</div>
</div> </div>
</div> </div>
</section> </section>

18
options/options.js
View file

@ -70,6 +70,7 @@ document.addEventListener('DOMContentLoaded', async () => {
await applyTheme(themeSelect.value); await applyTheme(themeSelect.value);
const payloadDisplay = document.getElementById('payload-display'); const payloadDisplay = document.getElementById('payload-display');
const diffDisplay = document.getElementById('diff-display'); const diffDisplay = document.getElementById('diff-display');
const diffContainer = document.getElementById('diff-container');
let lastFullText = defaults.lastFullText || ''; let lastFullText = defaults.lastFullText || '';
let lastPromptText = defaults.lastPromptText || ''; let lastPromptText = defaults.lastPromptText || '';
@ -83,7 +84,16 @@ document.addEventListener('DOMContentLoaded', async () => {
dmp.Diff_EditCost = 4; dmp.Diff_EditCost = 4;
const diffs = dmp.diff_main(lastFullText, lastPromptText); const diffs = dmp.diff_main(lastFullText, lastPromptText);
dmp.diff_cleanupEfficiency(diffs); dmp.diff_cleanupEfficiency(diffs);
const hasDiff = diffs.some(d => d[0] !== 0);
if (hasDiff) {
diffDisplay.innerHTML = dmp.diff_prettyHtml(diffs); diffDisplay.innerHTML = dmp.diff_prettyHtml(diffs);
diffContainer.classList.remove('is-hidden');
} else {
diffDisplay.innerHTML = '';
diffContainer.classList.add('is-hidden');
}
} else {
diffContainer.classList.add('is-hidden');
} }
themeSelect.addEventListener('change', async () => { themeSelect.addEventListener('change', async () => {
markDirty(); markDirty();
@ -751,9 +761,17 @@ document.addEventListener('DOMContentLoaded', async () => {
dmp.Diff_EditCost = 4; dmp.Diff_EditCost = 4;
const diffs = dmp.diff_main(lastFullText, lastPromptText); const diffs = dmp.diff_main(lastFullText, lastPromptText);
dmp.diff_cleanupEfficiency(diffs); dmp.diff_cleanupEfficiency(diffs);
const hasDiff = diffs.some(d => d[0] !== 0);
if (hasDiff) {
diffDisplay.innerHTML = dmp.diff_prettyHtml(diffs); diffDisplay.innerHTML = dmp.diff_prettyHtml(diffs);
diffContainer.classList.remove('is-hidden');
} else { } else {
diffDisplay.innerHTML = ''; diffDisplay.innerHTML = '';
diffContainer.classList.add('is-hidden');
}
} else {
diffDisplay.innerHTML = '';
diffContainer.classList.add('is-hidden');
} }
} }
} }