| @@ -11,7 +11,7 @@ | |||
| 11 | <div> | 11 | <div> |
| 12 | <small><span data-i18n="Preset:">Preset:</span> {{presetName}}</small> | 12 | <small><span data-i18n="Preset:">Preset:</span> {{presetName}}</small> |
| 13 | <span>|</span> | 13 | <span>|</span> |
| 14 | <small data-i18n="Tokenizer:">Tokenizer:</small><small> {{selectedTokenizer}}</small> | 14 | <small><span data-i18n="Tokenizer:">Tokenizer:</span> {{selectedTokenizer}}</small> |
| 15 | </div> | 15 | </div> |
| 16 | </div> | 16 | </div> |
| 17 | 17 | ||
| @@ -37,8 +37,8 @@ | |||
| 37 | <div class="flex-container wide50p"> | 37 | <div class="flex-container wide50p"> |
| 38 | <div class="wide100p flex-container flexNoGap flexFlowColumn"> | 38 | <div class="wide100p flex-container flexNoGap flexFlowColumn"> |
| 39 | <div class="flex-container wide100p"> | 39 | <div class="flex-container wide100p"> |
| 40 | <div class="flex1" style="color: grey;"><b data-i18n="System Info:">System Info:</b></div> | 40 | <div class="flex1" style="color: grey;"><span data-i18n="System Info:">System Info:</span></div> |
| 41 | <div class=""><b>{{oaiSystemTokens}}</b></div> | 41 | <div class="">{{oaiSystemTokens}}</div> |
| 42 | </div> | 42 | </div> |
| 43 | <div class="flex-container "> | 43 | <div class="flex-container "> |
| 44 | <div class=" flex1 tokenItemizingSubclass">-- Chat Start: </div> | 44 | <div class=" flex1 tokenItemizingSubclass">-- Chat Start: </div> |
| @@ -67,8 +67,8 @@ | |||
| 67 | </div> | 67 | </div> |
| 68 | <div class="wide100p flex-container flexNoGap flexFlowColumn"> | 68 | <div class="wide100p flex-container flexNoGap flexFlowColumn"> |
| 69 | <div class="flex-container wide100p"> | 69 | <div class="flex-container wide100p"> |
| 70 | <div class="flex1" style="color: indianred;"><b data-i18n="Prompt Tokens:">Prompt Tokens:</b></div> | 70 | <div class="flex1" style="color: indianred;"><span data-i18n="Prompt Tokens:">Prompt Tokens:</span></div> |
| 71 | <div class=""><b>{{oaiPromptTokens}}</b></div> | 71 | <div class="">{{oaiPromptTokens}}</div> |
| 72 | </div> | 72 | </div> |
| 73 | <div class="flex-container "> | 73 | <div class="flex-container "> |
| 74 | <div class=" flex1 tokenItemizingSubclass">-- Description: </div> | 74 | <div class=" flex1 tokenItemizingSubclass">-- Description: </div> |
| @@ -92,17 +92,17 @@ | |||
| 92 | </div> | 92 | </div> |
| 93 | </div> | 93 | </div> |
| 94 | <div class="wide100p flex-container"> | 94 | <div class="wide100p flex-container"> |
| 95 | <div class="flex1" style="color: gold;"><b data-i18n="World Info:">World Info:</b></div> | 95 | <div class="flex1" style="color: gold;"><span data-i18n="World Info:">World Info:</span></div> |
| 96 | <div class=""><b>{{worldInfoStringTokens}}</b></div> | 96 | <div class="">{{worldInfoStringTokens}}</div> |
| 97 | </div> | 97 | </div> |
| 98 | <div class="wide100p flex-container"> | 98 | <div class="wide100p flex-container"> |
| 99 | <div class="flex1" style="color: palegreen;"><b data-i18n="Chat History:">Chat History:</b></div> | 99 | <div class="flex1" style="color: palegreen;"><span data-i18n="Chat History:">Chat History:</span></div> |
| 100 | <div class=""><b>{{ActualChatHistoryTokens}}</b></div> | 100 | <div class="">{{ActualChatHistoryTokens}}</div> |
| 101 | </div> | 101 | </div> |
| 102 | <div class="wide100p flex-container flexNoGap flexFlowColumn"> | 102 | <div class="wide100p flex-container flexNoGap flexFlowColumn"> |
| 103 | <div class="wide100p flex-container"> | 103 | <div class="wide100p flex-container"> |
| 104 | <div class="flex1" style="color: cornflowerblue;"><b data-i18n="Extensions:">Extensions:</b></div> | 104 | <div class="flex1" style="color: cornflowerblue;"><span data-i18n="Extensions:">Extensions:</span></div> |
| 105 | <div class=""><b>{{allAnchorsTokens}}</b></div> | 105 | <div class="">{{allAnchorsTokens}}</div> |
| 106 | </div> | 106 | </div> |
| 107 | <div class="flex-container "> | 107 | <div class="flex-container "> |
| 108 | <div class=" flex1 tokenItemizingSubclass">-- Summarize: </div> | 108 | <div class=" flex1 tokenItemizingSubclass">-- Summarize: </div> |
| @@ -126,7 +126,7 @@ | |||
| 126 | </div> | 126 | </div> |
| 127 | </div> | 127 | </div> |
| 128 | <div class="wide100p flex-container"> | 128 | <div class="wide100p flex-container"> |
| 129 | <div class="flex1" style="color: mediumpurple;"><b>{{}}</b> <b data-i18n="Bias:">Bias:</b></div> | 129 | <div class="flex1" style="color: mediumpurple;"><span>{{}}</span> <span data-i18n="Bias:">Bias:</span></div> |
| 130 | <div class="">{{oaiBiasTokens}}</div> | 130 | <div class="">{{oaiBiasTokens}}</div> |
| 131 | </div> | 131 | </div> |
| 132 | </div> | 132 | </div> |
| @@ -135,12 +135,12 @@ | |||
| 135 | <hr> | 135 | <hr> |
| 136 | <div class="wide100p flex-container flexFlowColumns"> | 136 | <div class="wide100p flex-container flexFlowColumns"> |
| 137 | <div class="flex-container wide100p"> | 137 | <div class="flex-container wide100p"> |
| 138 | <div class="flex1"><b data-i18n="Total Tokens in Prompt:">Total Tokens in Prompt:</b></div> | 138 | <div class="flex1"><span data-i18n="Total Tokens in Prompt:">Total Tokens in Prompt:</span></div> |
| 139 | <div class=""><b>{{finalPromptTokens}}</b></div> | 139 | <div class="">{{finalPromptTokens}}</div> |
| 140 | </div> | 140 | </div> |
| 141 | <div class="flex-container wide100p"> | 141 | <div class="flex-container wide100p"> |
| 142 | <div class="flex1"><b data-i18n="Max Context">Max Context</b><small data-i18n="(Context Size - Response Length)">(Context Size - Response Length)</small><b data-i18n=":">:</b></div> | 142 | <div class="flex1"><span data-i18n="Max Context">Max Context</span><small data-i18n="(Context Size - Response Length)">(Context Size - Response Length)</small><span data-i18n=":">:</span></div> |
| 143 | <div class=""><b>{{thisPrompt_max_context}}</b></div> | 143 | <div class="">{{thisPrompt_max_context}}</div> |
| 144 | </div> | 144 | </div> |
| 145 | </div> | 145 | </div> |
| 146 | </div> | 146 | </div> |