some more prompts

static/css/chat.css

@@ -243,6 +243,8 @@ body.loading #version {
 
 .message textarea.text {
 	background: #181926;
+	min-width: 100%;
+	min-height: 100px;
 }
 
 .message .text .error {
@@ -293,7 +295,7 @@ body.loading #version {
 
 .message .tool,
 .message:not(.has-tool):not(.has-text) .reasoning,
-.message:not(.has-tool) div.text {
+.message:not(.has-tool) .text {
 	border-bottom-left-radius: 6px;
 	border-bottom-right-radius: 6px;
 }
@@ -501,7 +503,8 @@ body.loading #version {
 	position: relative;
 	justify-content: center;
 	padding: 0 12px;
-	height: 240px;
+	height: 320px;
+	padding-bottom: 36px;
 }
 
 #chat::after {
@@ -520,7 +523,7 @@ body.loading #version {
 	width: 100%;
 	height: 100%;
 	padding: 14px 16px;
-	padding-bottom: 36px;
+	padding-bottom: 8px;
 }
 
 .dropdown,

static/index.html

@@ -46,6 +46,10 @@
 						<select id="prompt">
 							<option value="" selected>No Prompt</option>
 							<option value="normal">Assistant</option>
+							<option value="reviewer">Code Reviewer</option>
+							<option value="engineer">Prompt Engineer</option>
+							<option value="scripts">Shell Scripter</option>
+							<option value="physics">Physics Explainer</option>
 						</select>
 					</div>
 					<div class="option">

static/js/chat.js

@@ -959,9 +959,7 @@
 			},
 			json: jsonMode,
 			search: searchTool,
-			messages: messages
-				.map((message) => message.getData())
-				.filter(Boolean),
+			messages: messages.map((message) => message.getData()).filter(Boolean),
 		};
 
 		let message, generationID;