mirror of
https://github.com/SillyTavern/SillyTavern.git
synced 2024-12-12 01:17:39 +01:00
142 lines
7.8 KiB
HTML
142 lines
7.8 KiB
HTML
<h3 class="flex-container justifyCenter alignitemscenter">
|
|
Prompt Itemization
|
|
<div id="showRawPrompt" class="fa-solid fa-square-poll-horizontal menu_button" title="Show Raw Prompt" data-i18n="[title]Show Raw Prompt"></div>
|
|
<div id="copyPromptToClipboard" class="fa-solid fa-copy menu_button" title="Copy Prompt" data-i18n="[title]Copy Prompt"></div>
|
|
<div id="diffPrevPrompt" class="fa-solid fa-code-compare menu_button" title="Show Prompt Differences" data-i18n="[title]Show Prompt Differences"></div>
|
|
</h3>
|
|
Tokenizer: {{selectedTokenizer}}<br>
|
|
API Used: {{this_main_api}}<br>
|
|
<span class="tokenItemizingSubclass">
|
|
Only the white numbers really matter. All numbers are estimates.
|
|
Grey color items may not have been included in the context due to certain prompt format settings.
|
|
</span>
|
|
<hr>
|
|
<div class="justifyLeft">
|
|
<div class="flex-container">
|
|
<div class="flex-container flex1 flexFlowColumns flexNoGap wide50p tokenGraph">
|
|
<div class="wide100p" style="background-color: grey; height: {{oaiSystemTokensPercentage}}%;"></div>
|
|
<div class="wide100p" style="background-color: salmon; height: {{oaiStartTokensPercentage}}%;"></div>
|
|
<div class="wide100p" style="background-color: indianred; height: {{storyStringTokensPercentage}}%;"></div>
|
|
<div class="wide100p" style="background-color: gold; height: {{worldInfoStringTokensPercentage}}%;"></div>
|
|
<div class="wide100p" style="background-color: palegreen; height: {{ActualChatHistoryTokensPercentage}}%;">
|
|
</div>
|
|
<div class="wide100p" style="background-color: cornflowerblue; height: {{allAnchorsTokensPercentage}}%;">
|
|
</div>
|
|
<div class="wide100p" style="background-color: mediumpurple; height: {{promptBiasTokensPercentage}}%;">
|
|
</div>
|
|
</div>
|
|
<div class="flex-container wide50p">
|
|
<div class="wide100p flex-container flexNoGap flexFlowColumn">
|
|
<div class="flex-container wide100p">
|
|
<div class="flex1" style="color: grey;">System Info:</div>
|
|
<div class=""> {{oaiSystemTokens}}</div>
|
|
</div>
|
|
<div class="flex-container ">
|
|
<div class=" flex1 tokenItemizingSubclass">-- Chat Start: </div>
|
|
<div class="tokenItemizingSubclass"> {{oaiStartTokens}}</div>
|
|
</div>
|
|
<div class="flex-container ">
|
|
<div class=" flex1 tokenItemizingSubclass">-- Main: </div>
|
|
<div class="tokenItemizingSubclass">{{oaiMainTokens}}</div>
|
|
</div>
|
|
<div class="flex-container ">
|
|
<div class=" flex1 tokenItemizingSubclass">-- Jailbreak: </div>
|
|
<div class="tokenItemizingSubclass">{{oaiJailbreakTokens}}</div>
|
|
</div>
|
|
<div class="flex-container ">
|
|
<div class=" flex1 tokenItemizingSubclass">-- NSFW: </div>
|
|
<div class="tokenItemizingSubclass">{{oaiNsfwTokens}}</div>
|
|
</div>
|
|
<div class="flex-container ">
|
|
<div class=" flex1 tokenItemizingSubclass">-- Nudge: </div>
|
|
<div class="tokenItemizingSubclass">{{oaiNudgeTokens}}</div>
|
|
</div>
|
|
<div class="flex-container ">
|
|
<div class=" flex1 tokenItemizingSubclass">-- Impersonate: </div>
|
|
<div class="tokenItemizingSubclass">{{oaiImpersonateTokens}}</div>
|
|
</div>
|
|
</div>
|
|
<div class="wide100p flex-container flexNoGap flexFlowColumn">
|
|
<div class="flex-container wide100p">
|
|
<div class="flex1" style="color: indianred;">Prompt Tokens:</div>
|
|
<div class=""> {{oaiPromptTokens}}</div>
|
|
</div>
|
|
<div class="flex-container ">
|
|
<div class=" flex1 tokenItemizingSubclass">-- Description: </div>
|
|
<div class="tokenItemizingSubclass">{{charDescriptionTokens}}</div>
|
|
</div>
|
|
<div class="flex-container ">
|
|
<div class=" flex1 tokenItemizingSubclass">-- Personality:</div>
|
|
<div class="tokenItemizingSubclass"> {{charPersonalityTokens}}</div>
|
|
</div>
|
|
<div class="flex-container ">
|
|
<div class=" flex1 tokenItemizingSubclass">-- Scenario: </div>
|
|
<div class="tokenItemizingSubclass">{{scenarioTextTokens}}</div>
|
|
</div>
|
|
<div class="flex-container ">
|
|
<div class=" flex1 tokenItemizingSubclass">-- Examples:</div>
|
|
<div class="tokenItemizingSubclass"> {{examplesStringTokens}}</div>
|
|
</div>
|
|
<div class="flex-container ">
|
|
<div class=" flex1 tokenItemizingSubclass">-- User Persona:</div>
|
|
<div class="tokenItemizingSubclass"> {{userPersonaStringTokens}}</div>
|
|
</div>
|
|
</div>
|
|
<div class="wide100p flex-container">
|
|
<div class="flex1" style="color: gold;">World Info:</div>
|
|
<div class="">{{worldInfoStringTokens}}</div>
|
|
</div>
|
|
<div class="wide100p flex-container">
|
|
<div class="flex1" style="color: palegreen;">Chat History:</div>
|
|
<div class=""> {{ActualChatHistoryTokens}}</div>
|
|
</div>
|
|
<div class="wide100p flex-container flexNoGap flexFlowColumn">
|
|
<div class="wide100p flex-container">
|
|
<div class="flex1" style="color: cornflowerblue;">Extensions:</div>
|
|
<div class="">{{allAnchorsTokens}}</div>
|
|
</div>
|
|
<div class="flex-container ">
|
|
<div class=" flex1 tokenItemizingSubclass">-- Summarize: </div>
|
|
<div class="tokenItemizingSubclass">{{summarizeStringTokens}}</div>
|
|
</div>
|
|
<div class="flex-container ">
|
|
<div class=" flex1 tokenItemizingSubclass">-- Author's Note:</div>
|
|
<div class="tokenItemizingSubclass"> {{authorsNoteStringTokens}}</div>
|
|
</div>
|
|
<div class="flex-container ">
|
|
<div class=" flex1 tokenItemizingSubclass">-- Smart Context:</div>
|
|
<div class="tokenItemizingSubclass"> {{smartContextStringTokens}}</div>
|
|
</div>
|
|
<div class="flex-container ">
|
|
<div class=" flex1 tokenItemizingSubclass">-- Vector Storage (Chats):</div>
|
|
<div class="tokenItemizingSubclass"> {{chatVectorsStringTokens}}</div>
|
|
</div>
|
|
<div class="flex-container ">
|
|
<div class=" flex1 tokenItemizingSubclass">-- Vector Storage (Data Bank):</div>
|
|
<div class="tokenItemizingSubclass"> {{dataBankVectorsStringTokens}}</div>
|
|
</div>
|
|
</div>
|
|
<div class="wide100p flex-container">
|
|
<div class="flex1" style="color: mediumpurple;">{{}} Bias:</div>
|
|
<div class="">{{oaiBiasTokens}}</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<hr>
|
|
<div class="wide100p flex-container flexFlowColumns">
|
|
<div class="flex-container wide100p">
|
|
<div class="flex1">Total Tokens in Prompt:</div>
|
|
<div class=""> {{finalPromptTokens}}</div>
|
|
</div>
|
|
<div class="flex-container wide100p">
|
|
<div class="flex1">Max Context (Context Size - Response Length):</div>
|
|
<div class="">{{thisPrompt_max_context}}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
<div id="rawPromptPopup" class="list-group">
|
|
<div id="rawPromptWrapper" class="tokenItemizingSubclass"></div>
|
|
</div>
|