Move reroll button

de4246f7b79ee74665f85ca9e626553b18b88b58

Cohee <18619528+Cohee1207@users.noreply.github.com>

public/css/logprobs.css+0 -6 Viewed

     background-color: rgba(255, 0, 50, 0.4);
+}
-#logprobsReroll {
-    float: right; /* Position the button to the right */
-    margin: 5px 0 5px 10px; /* Add spacing (top, right, bottom, left) */
-    clear: right; /* Ensure it starts on a new line */
-}
 .logprobs_candidate_list {
     grid-row-start: 3;
     grid-row-end: 4;

public/index.html+4 -1 Viewed

                 </div>
             </div>
             <div class="logprobs_panel_content inline-drawer-content flex-container flexFlowColumn">
-                <small>
+                <small class="flex-container alignItemsCenter justifySpaceBetween">
                     <b data-i18n="Select a token to see alternatives considered by the AI.">Select a token to see alternatives considered by the AI.</b>
+                    <button id="logprobsReroll" class="menu_button" title="Reroll with the entire prefix" data-i18n="[title]Reroll with the entire prefix">
+                        <span class="fa-solid fa-redo logprobs_reroll"></span>
+                    </button>
                 </small>
                 <hr>
                 <div id="logprobs_generation_output"></div>

public/scripts/logprobs.js+4 -7 Viewed

 const TINTS = 4;
 const MAX_MESSAGE_LOGPROBS = 100;
+const REROLL_BUTTON = $('#logprobsReroll');
 /**
  * Tuple of a candidate token and its logarithm of probability of being chosen

     const prefix = continueFrom || '';
     const tokenSpans = [];
+    REROLL_BUTTON.toggle(!!prefix);
     if (prefix) {
-        const rerollButton = $('<button id="logprobsReroll" class="menu_button">' +
+        REROLL_BUTTON.off('click').on('click', () => onPrefixClicked(prefix.length));
-            '    <span class="fa-solid fa-redo logprobs_reroll"></span>' +
-            '</button>');
-        rerollButton.attr('title', t`Reroll with the entire prefix`);
-        rerollButton.on('click', () => onPrefixClicked(prefix.length));
-        tokenSpans.push(rerollButton);
         let cumulativeOffset = 0;
         const words = prefix.split(/\s+/);

         });
+    }
     messageLogprobs.forEach((tokenData, i) => {
         const { token } = tokenData;
         const span = $('<span></span>');

+}
 export function initLogprobs() {
+    REROLL_BUTTON.hide();
     const debouncedRender = debounce(renderAlternativeTokensView);
     $('#logprobsViewerClose').on('click', onToggleLogprobsPanel);
     $('#option_toggle_logprobs').on('click', onToggleLogprobsPanel);