From 307326e242e2db8c146aee75f275098d6c1a5973 Mon Sep 17 00:00:00 2001
From: Mehmet Sagir <mehmet.sagir@hm.edu>
Date: Mon, 16 Oct 2023 14:00:21 +0000
Subject: [PATCH 1/5] fix: logo path

---
 interface.php | 22 ++++++----------------
 1 file changed, 6 insertions(+), 16 deletions(-)

diff --git a/interface.php b/interface.php
index 875bded..cb32e1d 100644
--- a/interface.php
+++ b/interface.php
@@ -28,7 +28,7 @@
 <div class="wrapper">
   <div class="sidebar">
 	<div class="logo" onclick="load(this, 'chat.htm')">
-	 <img src="/img/hawki.svg" alt="HAWK Logo" width="150px">
+	 <img src="/img/logo.svg" alt="HAWK Logo" width="150px">
 	</div>
 	<div class="menu">
 		<details>
@@ -244,7 +244,7 @@
 		<button>Bestätigen</button>
 	</div>
 </div>
-
+<!--
 <div class="modal" onclick="modalClick(this)" id="gpt4"> 
 	<div class="modal-content">
 		<h2>Upgrade auf GPT4</h2>
@@ -254,17 +254,7 @@
 		<button>Bestätigen</button>
 	</div>
 </div>
-
-<div class="modal" onclick="modalClick(this)" id="gpt4"> 
-	<div class="modal-content">
-		<h2>Upgrade auf GPT4</h2>
-		<p>Die Hochschule stellt Ihnen jetzt GPT4 zur Verfügung. 
-			Komplexere Eingaben können nun besser verstanden und verarbeitet werden.
-			Sie sollten nun präzisere Antworten erhalten. Die Wartezeit auf eine Antwort kann sich geringfügig verlängern.</p>
-		<button>Bestätigen</button>
-	</div>
-</div>
-
+		-->
 <script>
 	visualViewport.addEventListener("resize", update);
 	visualViewport.addEventListener("scroll", update);
@@ -492,9 +482,9 @@ function copyToInput(selector) {
 		document.querySelector("#data-protection").remove();
 	}
 	
-	if(localStorage.getItem("gpt4")){
-		document.querySelector("#gpt4").remove();
-	}
+	//if(localStorage.getItem("gpt4")){
+	//	document.querySelector("#gpt4").remove();
+	//}
 	
 	function modalClick(element){
 		sessionStorage.setItem(element.id, "true")

From c37ce22d4ae74b4d204bd28755d4162a897e9387 Mon Sep 17 00:00:00 2001
From: Mehmet Sagir <mehmet.sagir@hm.edu>
Date: Mon, 16 Oct 2023 14:00:46 +0000
Subject: [PATCH 2/5] fix: comment out

---
 stream-api.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/stream-api.php b/stream-api.php
index 08da6ea..23610ed 100644
--- a/stream-api.php
+++ b/stream-api.php
@@ -42,7 +42,7 @@
 ]);
 curl_setopt($ch, CURLOPT_WRITEFUNCTION, function($ch, $data) {
 	echo $data;
-	ob_flush();
+	//ob_flush();
 	flush();
 	return strlen($data);
 });

From a40882f829638aff95c9802a02f3e07f464a27e2 Mon Sep 17 00:00:00 2001
From: Mehmet Sagir <mehmet.sagir@hm.edu>
Date: Mon, 16 Oct 2023 14:41:16 +0000
Subject: [PATCH 3/5] fix: undo changes processStream()

---
 interface.php | 36 ++++++++++++++++++++++++++++--------
 1 file changed, 28 insertions(+), 8 deletions(-)

diff --git a/interface.php b/interface.php
index cb32e1d..6bee17e 100644
--- a/interface.php
+++ b/interface.php
@@ -407,21 +407,41 @@ function handleKeydownUserPost(event){
 			}
 	
 			const decodedData = new TextDecoder().decode(value);
-			console.log(decodedData);
+			//console.log(decodedData);
 			let chunks = decodedData.split("data: ");
 			chunks.forEach((chunk, index) => {
 				if(chunk.indexOf('finish_reason":"stop"') > 0) return false;
 				if(chunk.indexOf('DONE') > 0) return false;
 				if(chunk.indexOf('role') > 0) return false;
-				if(chunk.length == 0) return false;
-				if(chunk != "") console.log(JSON.parse(chunk)["choices"][0]["delta"])
-				console.log(JSON.parse(chunk)["choices"][0]["delta"]);
-				document.querySelector(".message:last-child").querySelector(".message-text").innerHTML +=  escapeHTML(JSON.parse(chunk)["choices"][0]["delta"].content);
+				if(chunk.length === 0) return false;
+				// First check if chunk is valid json.
+				// Otherwise we do not see the correct error message.
+				try {
+					const json = JSON.parse(chunk);
+					if ("choices" in json) {
+						// console.log(json["choices"]);
+						// normal response
+						document.querySelector(".message:last-child").querySelector(".message-text").innerHTML +=
+							json["choices"][0]["delta"].content;
+					} else {
+						if ("error" in json) {
+							if ("message" in json.error) {
+								// console.log(json.error.message);
+								document.querySelector(".message:last-child").querySelector(".message-text").innerHTML =
+									'<em>' + json.error.message + '</em>';
+							} else {
+								console.log(json.error);
+							}
+						} else {
+							console.log(json);
+						}
+					}
+				} catch(error) {
+					console.log(chunk);
+					console.error(error.message);
+				}
 			})
 
-			// Check if the content has code block
-			document.querySelector(".message:last-child").querySelector(".message-text").innerHTML = document.querySelector(".message:last-child").querySelector(".message-text").innerHTML.replace(/```([\s\S]+?)```/g, '<pre><code>$1</code></pre>').replace(/\*\*.*?\*\*/g, '');;
-			hljs.highlightAll();
 			scrollToLast();
 		}
 	}

From 15682995dbd7bd6ffac3f149716accbaa3fdf211 Mon Sep 17 00:00:00 2001
From: Mehmet Sagir <mehmet.sagir@hm.edu>
Date: Mon, 16 Oct 2023 15:23:23 +0000
Subject: [PATCH 4/5] fix: remember radio button position

---
 interface.php | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/interface.php b/interface.php
index 6bee17e..df1049e 100644
--- a/interface.php
+++ b/interface.php
@@ -46,6 +46,12 @@
 			<input type="radio" name="model" onchange="localStorage.setItem('model', 'gpt-4')"/>
 			<p>GPT 4</p>
 		</label>
+		<script>var radios= document.getElementsByName("model");
+				var val = localStorage.getItem('model');
+				if (val == 'gpt-4' ) {
+					radios[1].checked=true;
+				}
+			</script>
 		</div>
 		<details>
 			<summary>

From 3c3a21b7a846fffbeaa11eb5794f1aabd7a58495 Mon Sep 17 00:00:00 2001
From: Mehmet Sagir <mehmet.sagir@hm.edu>
Date: Thu, 9 Nov 2023 14:06:32 +0000
Subject: [PATCH 5/5] chore: add GPT4 notice

---
 interface.php | 1 +
 1 file changed, 1 insertion(+)

diff --git a/interface.php b/interface.php
index df1049e..f6cdd82 100644
--- a/interface.php
+++ b/interface.php
@@ -34,6 +34,7 @@
 		<details>
 			<summary>
 				<h3>Modell ⓘ</h3>
+				<p id="GPT4-Hinweis", style="color: crimson"> GPT 4 behauptet GPT 3 zu sein.</p>
 			</summary>
 			Wähle eines der KI Modelle.
 		</details>