refactor(plan-ui): simplify layout and improve task rendering #331

- Replace `BorderLayout` with `FlowLayout` for better task alignment.
- Remove redundant `isOpaque` settings and simplify label styling.
- Update task status rendering to use consistent HTML formatting.

Author: phodal

core/src/main/kotlin/cc/unitmesh/devti/gui/AutoDevPlanerToolWindowFactory.kt

@@ -1,5 +1,6 @@
 package cc.unitmesh.devti.gui
 
+import cc.unitmesh.devti.inline.fullWidth
 import cc.unitmesh.devti.observer.plan.AgentTaskEntry
 import cc.unitmesh.devti.observer.plan.MarkdownPlanParser
 import cc.unitmesh.devti.observer.plan.PlanUpdateListener
@@ -83,7 +84,9 @@ class AutoDevPlanerTooWindow(val project: Project) : SimpleToolWindowPanel(true,
     init {
         val planPanel = panel {
             row {
-                cell(planSketch).resizableColumn()
+                cell(planSketch)
+                    .fullWidth()
+                    .resizableColumn()
             }
         }.apply {
             border = JBUI.Borders.compound(

core/src/main/kotlin/cc/unitmesh/devti/sketch/ui/plan/PlanSketch.kt

@@ -83,7 +83,6 @@ class PlanSketch(
 ) : JBPanel<PlanSketch>(BorderLayout(JBUI.scale(8), 0)), ExtensionLangSketch {
     private val contentPanel = JPanel().apply {
         layout = BoxLayout(this, BoxLayout.Y_AXIS)
-        border = JBEmptyBorder(JBUI.insets(4))
     }
 
     private val toolbarFactory = PlanToolbarFactory(project)
@@ -97,6 +96,8 @@ class PlanSketch(
 
         planController.renderPlan()
         add(contentPanel, BorderLayout.CENTER)
+
+        background = JBUI.CurrentTheme.ToolWindow.background()
     }
 
     override fun getExtensionName(): String = "ThoughtPlan"

core/src/main/kotlin/cc/unitmesh/devti/sketch/ui/plan/SectionPanel.kt

@@ -30,6 +30,7 @@ class SectionPanel(
 
     init {
         layout = BoxLayout(this, BoxLayout.Y_AXIS)
+        background = JBUI.CurrentTheme.ToolWindow.background()
         val titlePanel = createSectionTitlePanel()
         add(titlePanel)
 
@@ -46,9 +47,9 @@ class SectionPanel(
     private fun createSectionTitlePanel(): JPanel {
         val titlePanel = JBPanel<JBPanel<*>>(FlowLayout(FlowLayout.LEFT, 2, 0)).apply {
             border = JBUI.Borders.empty(2)
+            background = JBUI.CurrentTheme.ToolWindow.background()
         }
 
-        // Add execute button for todo sections
         if (planItem.status == TaskStatus.TODO && !planItem.completed) {
             titlePanel.add(createExecuteSectionButton())
         }
@@ -76,9 +77,10 @@ class SectionPanel(
     private fun createExecuteSectionButton(): JButton {
         return JButton(AllIcons.Actions.Execute).apply {
             border = BorderFactory.createEmptyBorder()
-            isOpaque = true
+
             preferredSize = Dimension(20, 20)
             toolTipText = "Execute Task"
+            background = JBUI.CurrentTheme.ToolWindow.background()
 
             addActionListener {
                 AutoDevToolWindowFactory.Companion.sendToSketchToolWindow(project, ChatActionType.SKETCH) { ui, _ ->

core/src/main/kotlin/cc/unitmesh/devti/sketch/ui/plan/TaskPanel.kt

@@ -31,6 +31,7 @@ class TaskPanel(
 
     init {
         border = JBUI.Borders.empty(4, 16, 4, 0)
+        background = JBUI.CurrentTheme.ToolWindow.background()
         taskLabel = createStyledTaskLabel()
 
         val statusIcon = createStatusIcon()