Update itemizationChat.html: fix data-i18n

8a80b43c52984d26099924b4c82da36a8e4f9cda

Rivelle <rivelle.days@gmail.com>

Signed
Parents: 8454583131d424918f06ba385dc00477814e649f
1 files changed, +29 -29Ignore whitespace
public/scripts/templates/itemizationChat.html+29 -29
@@ -1,21 +1,21 @@
1<h3 class="flex-container justifyCenter alignitemscenter">1<h3 class="flex-container justifyCenter alignitemscenter" data-i18n="Prompt Itemization">
2 Prompt Itemization2 <span data-i18n="Prompt Itemization">Prompt Itemization</span>
3 <div id="showRawPrompt" class="fa-solid fa-square-poll-horizontal menu_button" title="Show Raw Prompt" data-i18n="[title]Show Raw Prompt"></div>3 <div id="showRawPrompt" class="fa-solid fa-square-poll-horizontal menu_button" title="Show Raw Prompt" data-i18n="[title]Show Raw Prompt"></div>
4 <div id="copyPromptToClipboard" class="fa-solid fa-copy menu_button" title="Copy Prompt" data-i18n="[title]Copy Prompt"></div>4 <div id="copyPromptToClipboard" class="fa-solid fa-copy menu_button" title="Copy Prompt" data-i18n="[title]Copy Prompt"></div>
5 <div id="diffPrevPrompt" class="fa-solid fa-code-compare menu_button" title="Show Prompt Differences" data-i18n="[title]Show Prompt Differences"></div>5 <div id="diffPrevPrompt" class="fa-solid fa-code-compare menu_button" title="Show Prompt Differences" data-i18n="[title]Show Prompt Differences"></div>
6</h3>6</h3>
7<div>7<div>
8 <div>8 <div>
9 API/Model: {{mainApiFriendlyName}} {{#if apiUsed}}({{apiUsed}}){{/if}} {{#if modelUsed}}&ndash; {{modelUsed}}{{/if}}9 <span data-i18n="API/Model:">API/Model:</span> {{mainApiFriendlyName}} {{#if apiUsed}}({{apiUsed}}){{/if}} {{#if modelUsed}}&ndash; {{modelUsed}}{{/if}}
10 </div>10 </div>
11 <div>11 <div>
12 <small>Preset: {{presetName}}</small>12 <small data-i18n="Preset:">Preset:</small><small> {{presetName}}</small>
13 <span>|</span>13 <span>|</span>
14 <small>Tokenizer: {{selectedTokenizer}}</small>14 <small data-i18n="Tokenizer:">Tokenizer:</small><small> {{selectedTokenizer}}</small>
15 </div>15 </div>
16</div>16</div>
1717
18<span class="tokenItemizingSubclass">18<span class="tokenItemizingSubclass" data-i18n="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.">
19 Only the white numbers really matter. All numbers are estimates.19 Only the white numbers really matter. All numbers are estimates.
20 Grey color items may not have been included in the context due to certain prompt format settings.20 Grey color items may not have been included in the context due to certain prompt format settings.
21</span>21</span>
@@ -37,12 +37,12 @@
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;">System Info:</div>40 <div class="flex1" style="color: grey;"><b data-i18n="System Info:">System Info:</b></div>
41 <div class=""> {{oaiSystemTokens}}</div>41 <div class=""><b>{{oaiSystemTokens}}</b></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>
45 <div class="tokenItemizingSubclass"> {{oaiStartTokens}}</div>45 <div class="tokenItemizingSubclass">{{oaiStartTokens}}</div>
46 </div>46 </div>
47 <div class="flex-container ">47 <div class="flex-container ">
48 <div class=" flex1 tokenItemizingSubclass">-- Main: </div>48 <div class=" flex1 tokenItemizingSubclass">-- Main: </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;">Prompt Tokens:</div>70 <div class="flex1" style="color: indianred;"><b data-i18n="Prompt Tokens:">Prompt Tokens:</b></div>
71 <div class=""> {{oaiPromptTokens}}</div>71 <div class=""><b>{{oaiPromptTokens}}</b></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>
@@ -76,7 +76,7 @@
76 </div>76 </div>
77 <div class="flex-container ">77 <div class="flex-container ">
78 <div class=" flex1 tokenItemizingSubclass">-- Personality:</div>78 <div class=" flex1 tokenItemizingSubclass">-- Personality:</div>
79 <div class="tokenItemizingSubclass"> {{charPersonalityTokens}}</div>79 <div class="tokenItemizingSubclass">{{charPersonalityTokens}}</div>
80 </div>80 </div>
81 <div class="flex-container ">81 <div class="flex-container ">
82 <div class=" flex1 tokenItemizingSubclass">-- Scenario: </div>82 <div class=" flex1 tokenItemizingSubclass">-- Scenario: </div>
@@ -84,25 +84,25 @@
84 </div>84 </div>
85 <div class="flex-container ">85 <div class="flex-container ">
86 <div class=" flex1 tokenItemizingSubclass">-- Examples:</div>86 <div class=" flex1 tokenItemizingSubclass">-- Examples:</div>
87 <div class="tokenItemizingSubclass"> {{examplesStringTokens}}</div>87 <div class="tokenItemizingSubclass">{{examplesStringTokens}}</div>
88 </div>88 </div>
89 <div class="flex-container ">89 <div class="flex-container ">
90 <div class=" flex1 tokenItemizingSubclass">-- User Persona:</div>90 <div class=" flex1 tokenItemizingSubclass">-- User Persona:</div>
91 <div class="tokenItemizingSubclass"> {{userPersonaStringTokens}}</div>91 <div class="tokenItemizingSubclass">{{userPersonaStringTokens}}</div>
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;">World Info:</div>95 <div class="flex1" style="color: gold;"><b data-i18n="World Info:">World Info:</b></div>
96 <div class="">{{worldInfoStringTokens}}</div>96 <div class=""><b>{{worldInfoStringTokens}}</b></div>
97 </div>97 </div>
98 <div class="wide100p flex-container">98 <div class="wide100p flex-container">
99 <div class="flex1" style="color: palegreen;">Chat History:</div>99 <div class="flex1" style="color: palegreen;"><b data-i18n="Chat History:">Chat History:</b></div>
100 <div class=""> {{ActualChatHistoryTokens}}</div>100 <div class=""><b>{{ActualChatHistoryTokens}}</b></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;">Extensions:</div>104 <div class="flex1" style="color: cornflowerblue;"><b data-i18n="Extensions:">Extensions:</b></div>
105 <div class="">{{allAnchorsTokens}}</div>105 <div class=""><b>{{allAnchorsTokens}}</b></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>
@@ -110,23 +110,23 @@
110 </div>110 </div>
111 <div class="flex-container ">111 <div class="flex-container ">
112 <div class=" flex1 tokenItemizingSubclass">-- Author's Note:</div>112 <div class=" flex1 tokenItemizingSubclass">-- Author's Note:</div>
113 <div class="tokenItemizingSubclass"> {{authorsNoteStringTokens}}</div>113 <div class="tokenItemizingSubclass">{{authorsNoteStringTokens}}</div>
114 </div>114 </div>
115 <div class="flex-container ">115 <div class="flex-container ">
116 <div class=" flex1 tokenItemizingSubclass">-- Smart Context:</div>116 <div class=" flex1 tokenItemizingSubclass">-- Smart Context:</div>
117 <div class="tokenItemizingSubclass"> {{smartContextStringTokens}}</div>117 <div class="tokenItemizingSubclass">{{smartContextStringTokens}}</div>
118 </div>118 </div>
119 <div class="flex-container ">119 <div class="flex-container ">
120 <div class=" flex1 tokenItemizingSubclass">-- Vector Storage (Chats):</div>120 <div class=" flex1 tokenItemizingSubclass">-- Vector Storage (Chats):</div>
121 <div class="tokenItemizingSubclass"> {{chatVectorsStringTokens}}</div>121 <div class="tokenItemizingSubclass">{{chatVectorsStringTokens}}</div>
122 </div>122 </div>
123 <div class="flex-container ">123 <div class="flex-container ">
124 <div class=" flex1 tokenItemizingSubclass">-- Vector Storage (Data Bank):</div>124 <div class=" flex1 tokenItemizingSubclass">-- Vector Storage (Data Bank):</div>
125 <div class="tokenItemizingSubclass"> {{dataBankVectorsStringTokens}}</div>125 <div class="tokenItemizingSubclass">{{dataBankVectorsStringTokens}}</div>
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;">&lcub;&lcub;&rcub;&rcub; Bias:</div>129 <div class="flex1" style="color: mediumpurple;"><b>&lcub;&lcub;&rcub;&rcub;</b> <b data-i18n="Bias:">Bias:</b></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">Total Tokens in Prompt:</div>138 <div class="flex1"><b data-i18n="Total Tokens in Prompt:">Total Tokens in Prompt:</b></div>
139 <div class=""> {{finalPromptTokens}}</div>139 <div class=""><b>{{finalPromptTokens}}</b></div>
140 </div>140 </div>
141 <div class="flex-container wide100p">141 <div class="flex-container wide100p">
142 <div class="flex1">Max Context (Context Size - Response Length):</div>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>
143 <div class="">{{thisPrompt_max_context}}</div>143 <div class=""><b>{{thisPrompt_max_context}}</b></div>
144 </div>144 </div>
145 </div>145 </div>
146</div>146</div>