diff --git a/.changeset/fix-agent-manager-image-display.md b/.changeset/fix-agent-manager-image-display.md
new file mode 100644
index 00000000000..1bf6c2a7778
--- /dev/null
+++ b/.changeset/fix-agent-manager-image-display.md
@@ -0,0 +1,5 @@
+---
+"kilo-code": patch
+---
+
+Fixed broken image display in Agent Manager message list. Images pasted or attached to messages now render correctly as thumbnails in both user feedback messages and queued messages.
diff --git a/webview-ui/src/kilocode/agent-manager/components/MessageList.tsx b/webview-ui/src/kilocode/agent-manager/components/MessageList.tsx
index bca35dc5a87..59f76fd2798 100644
--- a/webview-ui/src/kilocode/agent-manager/components/MessageList.tsx
+++ b/webview-ui/src/kilocode/agent-manager/components/MessageList.tsx
@@ -19,6 +19,7 @@ import { FollowUpSuggestions } from "./FollowUpSuggestions"
import { CommandExecutionBlock } from "./CommandExecutionBlock"
import { ProgressIndicator } from "./ProgressIndicator"
import { ReasoningBlock } from "./ReasoningBlock"
+import MessageThumbnails from "./MessageThumbnails"
import { vscode } from "../utils/vscode"
import {
MessageCircle,
@@ -276,7 +277,14 @@ function MessageItem({ message, isLast, commandExecutionByTs, onSuggestionClick,
case "user_feedback": {
icon =
title = t("messages.youSaid")
- content =
+ content = (
+ <>
+
+ {message.images && message.images.length > 0 && (
+
+ )}
+ >
+ )
break
}
case "completion_result": {
@@ -444,6 +452,9 @@ function QueuedMessageItem({ queuedMessage, isSending: _isSending, onRetry, onDi
+ {queuedMessage.images && queuedMessage.images.length > 0 && (
+
+ )}
{queuedMessage.status === "failed" && (
diff --git a/webview-ui/src/kilocode/agent-manager/components/MessageThumbnails.tsx b/webview-ui/src/kilocode/agent-manager/components/MessageThumbnails.tsx
new file mode 100644
index 00000000000..da6b626405d
--- /dev/null
+++ b/webview-ui/src/kilocode/agent-manager/components/MessageThumbnails.tsx
@@ -0,0 +1,47 @@
+import React, { memo } from "react"
+import { vscode } from "../utils/vscode"
+
+interface MessageThumbnailsProps {
+ images: string[]
+ style?: React.CSSProperties
+}
+
+/**
+ * Simple read-only thumbnails component for displaying images in messages.
+ * Uses the agent manager's vscode utility to avoid conflicts with the main webview.
+ */
+const MessageThumbnails: React.FC
= ({ images, style }) => {
+ const handleImageClick = (image: string) => {
+ vscode.postMessage({ type: "openImage", text: image })
+ }
+
+ return (
+
+ {images.map((image, index) => (
+

handleImageClick(image)}
+ />
+ ))}
+
+ )
+}
+
+export default memo(MessageThumbnails)