fix: Add missing API Key headers if provided in settings

Author: allozaur

tools/server/public/index.html.gz

@@ -150,10 +150,14 @@ export class ChatService {
 		}
 
 		try {
+			const currentConfig = config();
+			const apiKey = currentConfig.apiKey?.toString().trim();
+
 			const response = await fetch(`/v1/chat/completions`, {
 				method: 'POST',
 				headers: {
-					'Content-Type': 'application/json'
+					'Content-Type': 'application/json',
+					...(apiKey ? { Authorization: `Bearer ${apiKey}` } : {})
 				},
 				body: JSON.stringify(requestBody),
 				signal: this.abortController.signal
@@ -505,9 +509,13 @@ export class ChatService {
 	 */
 	static async getServerProps(): Promise<ApiLlamaCppServerProps> {
 		try {
+			const currentConfig = config();
+			const apiKey = currentConfig.apiKey?.toString().trim();
+
 			const response = await fetch(`/props`, {
 				headers: {
-					'Content-Type': 'application/json'
+					'Content-Type': 'application/json',
+					...(apiKey ? { Authorization: `Bearer ${apiKey}` } : {})
 				}
 			});
 

tools/server/webui/src/lib/services/chat.ts

@@ -135,7 +135,14 @@ export class SlotsService {
 		}
 
 		try {
-			const response = await fetch('/slots');
+			const currentConfig = config();
+			const apiKey = currentConfig.apiKey?.toString().trim();
+
+			const response = await fetch('/slots', {
+				headers: {
+					...(apiKey ? { Authorization: `Bearer ${apiKey}` } : {})
+				}
+			});
 			if (response.ok) {
 				const slotsData = await response.json();
 				if (Array.isArray(slotsData) && slotsData.length > 0) {

tools/server/webui/src/lib/services/slots.ts

@@ -1,4 +1,5 @@
 import { ChatService } from '$lib/services/chat';
+import { config } from '$lib/stores/settings.svelte';
 
 /**
  * ServerStore - Server state management and capability detection
@@ -94,7 +95,14 @@ class ServerStore {
 		}
 
 		try {
-			const response = await fetch('/slots');
+			const currentConfig = config();
+			const apiKey = currentConfig.apiKey?.toString().trim();
+
+			const response = await fetch('/slots', {
+				headers: {
+					...(apiKey ? { Authorization: `Bearer ${apiKey}` } : {})
+				}
+			});
 
 			if (response.status === 501) {
 				console.info('Slots endpoint not implemented - server started without --slots flag');