Skip to content

Fix IDE plugin UI: dark mode support and markdown rendering #28

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Mte90 merged 7 commits into from
Nov 14, 2025
Merged

Fix IDE plugin UI: dark mode support and markdown rendering #28

Changes from 1 commit
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
bcfb55c
Initial plan
Copilot Nov 14, 2025
fc61b34
Fix IDE plugin UI: dark mode support and markdown rendering
Copilot Nov 14, 2025
43de00a
Improve markdown rendering to properly escape HTML and support dark mode
Copilot Nov 14, 2025
61fd6a1
Fix font size and prevent horizontal scrollbar in chat messages
Copilot Nov 14, 2025
5a4a4a6
Fix horizontal wrapping: use WrappingEditorPane to track viewport width
Copilot Nov 14, 2025
4da3559
Add word-wrapping CSS to prevent horizontal overflow in chat messages
Copilot Nov 14, 2025
be3e58b
Improve width handling: enhance WrappingEditorPane and set messagePan…
Copilot Nov 14, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Improve width handling: enhance WrappingEditorPane and set messagePan… 
…el max width

Co-authored-by: Mte90 <403283+Mte90@users.noreply.github.com>
  • Loading branch information
@Mte90
Copilot and Mte90 committed Nov 14, 2025
commit be3e58b0448025f613bd54dc8c1a3c0dc690ceeb
23 changes: 20 additions & 3 deletions ide-plugins/src/main/kotlin/com/picocode/PicoCodeToolWindowContent.kt
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,14 +23,28 @@ class WrappingEditorPane : JEditorPane() {
override fun getScrollableTracksViewportWidth(): Boolean = true

override fun getPreferredSize(): Dimension {
// Ensure the preferred width doesn't exceed the parent's width
// Let the parent determine the width, we only care about height
val preferredSize = super.getPreferredSize()

// If we're in a scroll pane, use the viewport width
val parent = parent
if (parent != null && parent.width > 0) {
preferredSize.width = parent.width
if (parent is JViewport) {
val viewportWidth = parent.width
if (viewportWidth > 0) {
// Set a temporary size to calculate the proper height
setSize(viewportWidth, Int.MAX_VALUE)
preferredSize.width = viewportWidth
preferredSize.height = super.getPreferredSize().height
}
}
return preferredSize
}

override fun getMaximumSize(): Dimension {
val maxSize = super.getMaximumSize()
maxSize.width = Integer.MAX_VALUE
return maxSize
}
}

/**
Expand Down Expand Up @@ -259,6 +273,9 @@ class PicoCodeToolWindowContent(private val project: Project) {
for ((index, msg) in chatHistory.withIndex()) {
val messagePanel = JPanel(BorderLayout())

// Ensure messagePanel respects the container width
messagePanel.maximumSize = Dimension(Integer.MAX_VALUE, Integer.MAX_VALUE)

// Use theme-aware colors
val borderColor = if (msg.sender == "You")
JBColor.BLUE
Expand Down