Fix horizontal wrapping: use WrappingEditorPane to track viewport width

Copilot · Mte90 · Copilot · commit 5a4a4a63aec3 · 2025-11-14T11:47:35.000Z
Co-authored-by: Mte90 &lt;403283+Mte90@users.noreply.github.com&gt;
diff --git a/ide-plugins/src/main/kotlin/com/picocode/PicoCodeToolWindowContent.kt b/ide-plugins/src/main/kotlin/com/picocode/PicoCodeToolWindowContent.kt
@@ -16,6 +16,13 @@ import com.google.gson.Gson
 import com.google.gson.JsonObject
 import com.google.gson.JsonArray
 
+/**
+ * Custom JEditorPane that tracks viewport width for proper HTML wrapping
+ */
+class WrappingEditorPane : JEditorPane() {
+    override fun getScrollableTracksViewportWidth(): Boolean = true
+}
+
 /**
  * PicoCode RAG Chat Window
  * Simple chat interface that communicates with PicoCode backend
@@ -233,7 +240,7 @@ class PicoCodeToolWindowContent(private val project: Project) {
         // Convert line breaks (but not inside pre/code tags)
         html = html.replace("\n", "<br/>")
         
-        return "<html><body style='font-family: sans-serif; font-size: 11px;'>$html</body></html>"
+        return "<html><body style='font-family: sans-serif; font-size: 11px; width: 100%;'>$html</body></html>"
     }
     
     private fun renderChatHistory() {
@@ -253,17 +260,14 @@ class PicoCodeToolWindowContent(private val project: Project) {
                 BorderFactory.createLineBorder(borderColor, 1)
             )
             
-            // Use JEditorPane for HTML/Markdown rendering
-            val editorPane = JEditorPane()
+            // Use JEditorPane for HTML/Markdown rendering with proper width tracking
+            val editorPane = WrappingEditorPane()
             editorPane.contentType = "text/html"
             editorPane.editorKit = HTMLEditorKit()
             editorPane.text = markdownToHtml(msg.message)
             editorPane.isEditable = false
             editorPane.isOpaque = true
             
-            // Set preferred size to prevent excessive growth
-            editorPane.preferredSize = null
-            
             // Use theme-aware background colors
             editorPane.background = if (msg.sender == "You") 
                 JBColor.namedColor("EditorPane.inactiveBackground", JBColor(0xE6F0FF, 0x2D3239))
