enh: autocompletion

backend/open_webui/config.py

@@ -1039,7 +1039,10 @@ Output:
 { "text": "New York City for Italian cuisine." }  
 
 ---
-### Input:  
+### Context:
+<chat_history>
+{{MESSAGES:END:6}}
+</chat_history>
 <type>{{TYPE}}</type>  
 <text>{{PROMPT}}</text>  
 #### Output:

backend/open_webui/main.py

@@ -1991,7 +1991,6 @@ async def generate_queries(form_data: dict, user=Depends(get_verified_user)):
 
 @app.post("/api/task/auto/completions")
 async def generate_autocompletion(form_data: dict, user=Depends(get_verified_user)):
-
     model_list = await get_all_models()
     models = {model["id"]: model for model in model_list}
 
@@ -2022,9 +2021,10 @@ async def generate_autocompletion(form_data: dict, user=Depends(get_verified_use
 
     type = form_data.get("type")
     prompt = form_data.get("prompt")
+    messages = form_data.get("messages")
 
     content = autocomplete_generation_template(
-        template, prompt, type, {"name": user.name}
+        template, prompt, messages, type, {"name": user.name}
     )
 
     payload = {

backend/open_webui/utils/task.py

@@ -214,13 +214,17 @@ def emoji_generation_template(
 
 def autocomplete_generation_template(
     template: str,
-    prompt: Optional[str] = None,
+    prompt: str,
+    messages: Optional[list[dict]] = None,
     type: Optional[str] = None,
     user: Optional[dict] = None,
 ) -> str:
     template = template.replace("{{TYPE}}", type if type else "")
     template = replace_prompt_variable(template, prompt)
 
+    if messages:
+        template = replace_messages_variable(template, messages)
+
     template = prompt_template(
         template,
         **(

src/lib/apis/index.ts

@@ -403,6 +403,7 @@ export const generateAutoCompletion = async (
 	token: string = '',
 	model: string,
 	prompt: string,
+	messages?: object[],
 	type: string = 'search query',
 ) => {
 	const controller = new AbortController();
@@ -419,6 +420,7 @@ export const generateAutoCompletion = async (
 		body: JSON.stringify({
 			model: model,
 			prompt: prompt,
+			...(messages && { messages: messages }),
 			type: type,
 			stream: false
 		})

src/lib/components/chat/MessageInput.svelte

@@ -18,7 +18,7 @@
 		showControls
 	} from '$lib/stores';
 
-	import { blobToFile, findWordIndices } from '$lib/utils';
+	import { blobToFile, createMessagesList, findWordIndices } from '$lib/utils';
 	import { transcribeAudio } from '$lib/apis/audio';
 	import { uploadFile } from '$lib/apis/files';
 	import { getTools } from '$lib/apis/tools';
@@ -606,7 +606,10 @@
 													const res = await generateAutoCompletion(
 														localStorage.token,
 														selectedModelIds.at(0),
-														text
+														text,
+														history?.currentId
+															? createMessagesList(history, history.currentId)
+															: null
 													).catch((error) => {
 														console.log(error);
 														toast.error(error);

src/lib/components/common/RichTextInput/AutoCompletion.js

@@ -7,6 +7,7 @@ export const AIAutocompletion = Extension.create({
   addOptions() {
     return {
       generateCompletion: () => Promise.resolve(''),
+      debounceTime: 1000,
     }
   },
 
@@ -45,6 +46,9 @@ export const AIAutocompletion = Extension.create({
   },
 
   addProseMirrorPlugins() {
+    let debounceTimer = null;
+    let loading = false;
+
     return [
       new Plugin({
         key: new PluginKey('aiAutocompletion'),
@@ -61,6 +65,8 @@ export const AIAutocompletion = Extension.create({
             if (event.key === 'Tab') {
               if (!node.attrs['data-suggestion']) {
                 // Generate completion
+                if (loading) return true
+                loading = true
                 const prompt = node.textContent
                 this.options.generateCompletion(prompt).then(suggestion => {
                   if (suggestion && suggestion.trim() !== '') {
@@ -72,6 +78,8 @@ export const AIAutocompletion = Extension.create({
                     }))
                   }
                   // If suggestion is empty or null, do nothing
+                }).finally(() => {
+                  loading = false
                 })
               } else {
                 // Accept suggestion
@@ -87,16 +95,53 @@ export const AIAutocompletion = Extension.create({
                 )
               }
               return true
-            } else if (node.attrs['data-suggestion']) {
+            } else {
-              // Reset suggestion on any other key press
-              dispatch(state.tr.setNodeMarkup($head.before(), null, {
-                ...node.attrs,
-                class: null,
-                'data-prompt': null,
-                'data-suggestion': null,
-              }))
-            }
 
+              if (node.attrs['data-suggestion']) {
+                // Reset suggestion on any other key press
+                dispatch(state.tr.setNodeMarkup($head.before(), null, {
+                  ...node.attrs,
+                  class: null,
+                  'data-prompt': null,
+                  'data-suggestion': null,
+                }))
+              }
+
+              // Set up debounce for AI generation
+              if (this.options.debounceTime !== null) {
+                clearTimeout(debounceTimer)
+                
+                // Capture current position
+                const currentPos = $head.before()
+
+                debounceTimer = setTimeout(() => {
+                  const newState = view.state
+                  const newNode = newState.doc.nodeAt(currentPos)
+                  
+                  // Check if the node still exists and is still a paragraph
+                  if (newNode && newNode.type.name === 'paragraph') {
+                    const prompt = newNode.textContent
+
+                    if (prompt.trim() !== ''){
+                      if (loading) return true
+                      loading = true
+                      this.options.generateCompletion(prompt).then(suggestion => {
+                        if (suggestion && suggestion.trim() !== '') {
+                          view.dispatch(newState.tr.setNodeMarkup(currentPos, null, {
+                            ...newNode.attrs,
+                            class: 'ai-autocompletion',
+                            'data-prompt': prompt,
+                            'data-suggestion': suggestion,
+                          }))
+                        }
+                      }).finally(() => {
+                        loading = false
+                      })
+                    }
+                  }
+                }, this.options.debounceTime)
+              }
+            }
             return false
           },
         },

src/routes/(app)/workspace/models/create/+page.svelte

@@ -20,6 +20,11 @@
 			return;
 		}
 
+		if (modelInfo.id === '') {
+			toast.error('Error: Model ID cannot be empty. Please enter a valid ID to proceed.');
+			return;
+		}
+
 		if (modelInfo) {
 			const res = await createNewModel(localStorage.token, {
 				...modelInfo,