feat: raise exception and eos token

index.html

@@ -217,6 +217,19 @@
             font-size: 14px;
             line-height: 1.5;
         }
+        
+        #error {
+            white-space: pre-wrap;
+            color: #ffffff;
+            background-color: #f8090a;
+            padding: 16px;
+            border-radius: 8px;
+            font-family: monospace;
+            border: 1.5px solid #ddd;
+            overflow-x: auto;
+            font-size: 14px;
+            line-height: 1.5;
+        }
 
         /* Checkbox styling */
         .checkbox-wrapper {
@@ -270,6 +283,7 @@
                 </div>
                 <div class="input-group" style="margin-bottom: 0; flex-grow: 1;">
                     <input type="text" id="bosToken" placeholder="BOS Token (e.g., <s>)" style="flex-grow: 1;">
+                     <input type="text" id="eosToken" placeholder="EOS Token (e.g., </s>)" style="flex-grow: 1;">
                 </div>
             </div>
             
@@ -282,6 +296,7 @@
         <div class="card">
             <h2>Output</h2>
             <pre id="output"></pre>
+            <pre id="error" style="display: none"></pre>
         </div>
     </div>
 
@@ -361,16 +376,25 @@
                 updateMessageDisplay();
             }
         }
+        function raiseException(string) {
+            document.getElementById("output").style.display = "none";
+            document.getElementById("error").style.display = "block";
+            document.getElementById('error').textContent = `Error: ${string}`;
+        }
 
         function applyTemplate() {
+            document.getElementById("error").style.display = "none";
             const template = document.getElementById('template').value;
             const addGenerationPrompt = document.getElementById('addGenerationPrompt').checked;
             const bosToken = document.getElementById('bosToken').value;
+            const eosToken = document.getElementById('eosToken').value;
 
             const context = {
                 messages: messages,
                 add_generation_prompt: addGenerationPrompt,
                 bos_token: bosToken,
+                eos_token: eosToken,
+                raise_exception: raiseException,
             };
 
             try {