Add per-chat settings UI in web app for additional system prompt and tool checkboxes

web/src/lib/api.ts

@@ -9,6 +9,8 @@ export type ChatSummary = {
   initiatedModel: string | null;
   lastUsedProvider: Provider | null;
   lastUsedModel: string | null;
+  additionalSystemPrompt: string | null;
+  enabledTools: string[] | null;
 };
 
 export type SearchSummary = {
@@ -64,6 +66,8 @@ export type ChatDetail = {
   initiatedModel: string | null;
   lastUsedProvider: Provider | null;
   lastUsedModel: string | null;
+  additionalSystemPrompt: string | null;
+  enabledTools: string[] | null;
   messages: Message[];
 };
 
@@ -157,6 +161,11 @@ export type ModelCatalogResponse = {
   providers: Partial<Record<Provider, ProviderModelInfo>>;
 };
 
+export type ChatToolInfo = {
+  name: string;
+  description: string;
+};
+
 export type ActiveRunsResponse = {
   chats: string[];
   searches: string[];
@@ -182,6 +191,8 @@ type CreateChatRequest = {
   title?: string;
   provider?: Provider;
   model?: string;
+  additionalSystemPrompt?: string;
+  enabledTools?: string[];
   messages?: CompletionRequestMessage[];
 };
 
@@ -257,6 +268,11 @@ export async function listModels() {
   return api<ModelCatalogResponse>("/v1/models");
 }
 
+export async function listChatTools() {
+  const data = await api<{ tools: ChatToolInfo[] }>("/v1/chat-tools");
+  return data.tools;
+}
+
 export async function getActiveRuns() {
   return api<ActiveRunsResponse>("/v1/active-runs");
 }
@@ -291,6 +307,14 @@ export async function updateChatStar(chatId: string, starred: boolean) {
   return data.chat;
 }
 
+export async function updateChatSettings(chatId: string, body: { additionalSystemPrompt?: string | null; enabledTools?: string[] }) {
+  const data = await api<{ chat: ChatSummary }>(`/v1/chats/${chatId}`, {
+    method: "PATCH",
+    body: JSON.stringify(body),
+  });
+  return data.chat;
+}
+
 export async function suggestChatTitle(body: { chatId: string; content: string }) {
   const data = await api<{ chat: ChatSummary }>("/v1/chats/title/suggest", {
     method: "POST",
@@ -613,6 +637,8 @@ export async function runCompletion(body: {
   provider: Provider;
   model: string;
   messages: CompletionRequestMessage[];
+  additionalSystemPrompt?: string;
+  enabledTools?: string[];
   userLocation?: string;
 }) {
   return api<CompletionResponse>("/v1/chat-completions", {
@@ -628,6 +654,8 @@ export async function runCompletionStream(
     provider: Provider;
     model: string;
     messages: CompletionRequestMessage[];
+    additionalSystemPrompt?: string;
+    enabledTools?: string[];
     userLocation?: string;
   },
   handlers: CompletionStreamHandlers,