various AI updates (#2574)

* roundtrip image filenames correctly
* fix scrolling issue where the thumbs-up/thumbs-down buttons were cut
off
* update ai-sdk / ai-sdk react to current versions
* fix a focus issue when moving to AI panel using ctrl:shift:arrowleft

Author: sawka

frontend/app/aipanel/aipanelmessages.tsx

@@ -18,6 +18,7 @@ export const AIPanelMessages = memo(({ messages, status, onContextMenu }: AIPane
     const isPanelOpen = useAtomValue(model.getPanelVisibleAtom());
     const messagesEndRef = useRef<HTMLDivElement>(null);
     const messagesContainerRef = useRef<HTMLDivElement>(null);
+    const prevStatusRef = useRef<string>(status);
 
     const scrollToBottom = () => {
         const container = messagesContainerRef.current;
@@ -41,6 +42,19 @@ export const AIPanelMessages = memo(({ messages, status, onContextMenu }: AIPane
         }
     }, [isPanelOpen]);
 
+    useEffect(() => {
+        const wasStreaming = prevStatusRef.current === "streaming";
+        const isNowNotStreaming = status !== "streaming";
+        
+        if (wasStreaming && isNowNotStreaming) {
+            requestAnimationFrame(() => {
+                scrollToBottom();
+            });
+        }
+        
+        prevStatusRef.current = status;
+    }, [status]);
+
     return (
         <div
             ref={messagesContainerRef}

frontend/app/store/keymodel.ts

@@ -236,6 +236,9 @@ function switchBlockInDirection(direction: NavigateDirection) {
         }
         if (numBlocks === 1) {
             FocusManager.getInstance().requestWaveAIFocus();
+            setTimeout(() => {
+                FocusManager.getInstance().refocusNode();
+            }, 10);
             return;
         }
     }
@@ -249,6 +252,9 @@ function switchBlockInDirection(direction: NavigateDirection) {
     const navResult = layoutModel.switchNodeFocusInDirection(direction, inWaveAI);
     if (navResult.atLeft) {
         FocusManager.getInstance().requestWaveAIFocus();
+        setTimeout(() => {
+            FocusManager.getInstance().refocusNode();
+        }, 10);
         return;
     }
     setTimeout(() => {

package-lock.json

@@ -89,7 +89,7 @@
         "vitest": "^3.0.9"
     },
     "dependencies": {
-        "@ai-sdk/react": "^2.0.76",
+        "@ai-sdk/react": "^2.0.92",
         "@floating-ui/react": "^0.27.16",
         "@monaco-editor/loader": "^1.5.0",
         "@monaco-editor/react": "^4.7.0",
@@ -104,7 +104,7 @@
         "@xterm/addon-web-links": "^0.11.0",
         "@xterm/addon-webgl": "^0.18.0",
         "@xterm/xterm": "^5.5.0",
-        "ai": "^5.0.44",
+        "ai": "^5.0.92",
         "base64-js": "^1.5.1",
         "class-variance-authority": "^0.7.1",
         "clsx": "^2.1.1",

package.json

@@ -94,11 +94,14 @@ type OpenAIMessageContent struct {
 }
 
 func (c *OpenAIMessageContent) clean() *OpenAIMessageContent {
-	if c.PreviewUrl == "" {
+	if c.PreviewUrl == "" && (c.Type != "input_image" || c.Filename == "") {
 		return c
 	}
 	rtn := *c
 	rtn.PreviewUrl = ""
+	if c.Type == "input_image" {
+		rtn.Filename = ""
+	}
 	return &rtn
 }
 

pkg/aiusechat/openai/openai-backend.go

@@ -45,6 +45,7 @@ func convertContentBlockToParts(block OpenAIMessageContent, role string) []uctyp
 			parts = append(parts, uctypes.UIMessagePart{
 				Type: "data-userfile",
 				Data: uctypes.UIMessageDataUserFile{
+					FileName:   block.Filename,
 					MimeType:   "image/*",
 					PreviewUrl: block.PreviewUrl,
 				},
@@ -317,6 +318,7 @@ func convertFileAIMessagePart(part uctypes.AIMessagePart) (*OpenAIMessageContent
 		return &OpenAIMessageContent{
 			Type:       "input_image",
 			ImageUrl:   imageUrl,
+			Filename:   part.FileName,
 			PreviewUrl: part.PreviewUrl,
 		}, nil