Skip to content

Conversation

@marius-kilocode
Copy link
Collaborator

Summary

Fixed broken image display in Agent Manager message list. Images pasted or attached to messages now render correctly as thumbnails.

Problem

When users pasted images in the Agent Manager, the images would show as broken/missing in the message list.

Root Cause

  1. Missing image rendering - The MessageList.tsx was not rendering images attached to messages
  2. VS Code API conflict - The common Thumbnails component imports from @src/utils/vscode which creates a singleton that calls acquireVsCodeApi() immediately. This conflicts with the agent manager's own vscode utility.

Solution

  1. Created a new MessageThumbnails component that uses the agent manager's vscode utility to avoid the API conflict
  2. Added image rendering to user_feedback messages
  3. Added image rendering to QueuedMessageItem for queued messages

Testing

  • Type checking passes
  • All existing tests pass
  • Manual testing confirms images now display correctly

- Add MessageThumbnails component using agent manager's vscode utility
- Render images in user_feedback messages
- Render images in queued messages
- Avoid VS Code API conflict with main webview's Thumbnails component
@changeset-bot
Copy link

changeset-bot bot commented Jan 23, 2026

🦋 Changeset detected

Latest commit: 82bf509

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
kilo-code Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@kiloconnect
Copy link
Contributor

kiloconnect bot commented Jan 23, 2026

Code Review Summary

Status: No Issues Found | Recommendation: Merge

The PR adds image thumbnail display functionality to the Agent Manager message list. The implementation is clean and follows React best practices:

  • New MessageThumbnails component is properly memoized
  • Conditional rendering correctly checks for images before displaying
  • Click handler properly delegates to vscode for image opening
Files Reviewed (3 files)
  • .changeset/fix-agent-manager-image-display.md - Changeset for patch release
  • webview-ui/src/kilocode/agent-manager/components/MessageList.tsx - Added MessageThumbnails import and usage in user_feedback and queued messages
  • webview-ui/src/kilocode/agent-manager/components/MessageThumbnails.tsx - New component for displaying image thumbnails

@marius-kilocode marius-kilocode enabled auto-merge (squash) January 23, 2026 16:50
@marius-kilocode marius-kilocode requested a review from a team January 23, 2026 16:50
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants