refactor(ui): improve session list rendering and interaction in ViewHistoryActionui): improve session history popup layout and UX

- Replace ColoredListCellRenderer with custom ListCellRenderer for better control
- Add scroll pane with fixed dimensions and proper sizing
- Implement text truncation with tooltips for long session names
- Enhance delete button with hover effects and proper event handling
- Set fixed cell heights and improved spacing for consistent appearance

Author: phodal

core/src/main/kotlin/cc/unitmesh/devti/gui/toolbar/ViewHistoryAction.kt

@@ -14,18 +14,18 @@ import com.intellij.openapi.actionSystem.AnActionEvent
 import com.intellij.openapi.project.Project
 import com.intellij.openapi.ui.Messages
 import com.intellij.openapi.ui.popup.JBPopupFactory
+import com.intellij.openapi.ui.popup.JBPopup
 import com.intellij.openapi.wm.ToolWindowManager
-import com.intellij.ui.ColoredListCellRenderer
-import com.intellij.ui.SimpleTextAttributes
 import com.intellij.ui.components.JBList
+import com.intellij.ui.components.JBScrollPane
 import com.intellij.util.ui.JBUI
-import java.awt.BorderLayout
+import java.awt.*
+import java.awt.event.ComponentAdapter
+import java.awt.event.ComponentEvent
 import java.awt.event.MouseAdapter
 import java.awt.event.MouseEvent
-import javax.swing.JButton
-import javax.swing.JLabel
-import javax.swing.JPanel
-import javax.swing.ListSelectionModel
+import javax.swing.*
+import javax.swing.border.EmptyBorder
 
 class ViewHistoryAction : AnAction(
     AutoDevBundle.message("action.view.history.text"),
@@ -37,15 +37,15 @@ class ViewHistoryAction : AnAction(
     private fun formatRelativeTime(timestamp: Long): String {
         val now = System.currentTimeMillis()
         val diff = now - timestamp
-        
+
         val seconds = diff / 1000
         val minutes = seconds / 60
         val hours = minutes / 60
         val days = hours / 24
         val weeks = days / 7
         val months = days / 30
         val years = days / 365
-        
+
         return when {
             years > 0 -> "${years}年前"
             months > 0 -> "${months}个月前"
@@ -65,51 +65,95 @@ class ViewHistoryAction : AnAction(
     private inner class SessionListCellRenderer(
         private val project: Project,
         private val onDelete: (ChatSessionHistory) -> Unit
-    ) : ColoredListCellRenderer<SessionListItem>() {
+    ) : ListCellRenderer<SessionListItem> {
 
-        override fun customizeCellRenderer(
+        override fun getListCellRendererComponent(
             list: javax.swing.JList<out SessionListItem>,
-            value: SessionListItem?,
+            value: SessionListItem,
             index: Int,
             selected: Boolean,
             hasFocus: Boolean
-        ) {
-            if (value == null) return
-            
-            // 创建主面板
+        ): Component {
+            // 创建主面板，使用 BorderLayout
             val panel = JPanel(BorderLayout())
-            panel.border = JBUI.Borders.empty(4, 8)
-            
-            // 左侧标题
-            val titleLabel = JLabel(value.session.name)
-            titleLabel.font = titleLabel.font.deriveFont(14f)
-            
-            // 右侧时间和删除按钮的面板
-            val rightPanel = JPanel(BorderLayout())
+            panel.border = JBUI.Borders.empty(8, 12)
+
+            // 设置背景颜色
+            if (selected) {
+                panel.background = list.selectionBackground
+                panel.foreground = list.selectionForeground
+            } else {
+                panel.background = list.background
+                panel.foreground = list.foreground
+            }
+            panel.isOpaque = true
+
+            // 左侧内容面板 - 包含会话名称和时间
+            val contentPanel = JPanel()
+            contentPanel.layout = BoxLayout(contentPanel, BoxLayout.Y_AXIS)
+            contentPanel.isOpaque = false
+
+            // 会话名称标签 - 处理过长文本
+            val sessionName = value.session.name
+            val displayName = if (sessionName.length > 40) {
+                sessionName.substring(0, 37) + "..."
+            } else {
+                sessionName
+            }
 
+            val titleLabel = JLabel(displayName)
+            titleLabel.font = titleLabel.font.deriveFont(Font.BOLD, 13f)
+            titleLabel.toolTipText = sessionName // 完整名称作为工具提示
+            if (selected) {
+                titleLabel.foreground = list.selectionForeground
+            } else {
+                titleLabel.foreground = list.foreground
+            }
+
             // 时间标签
             val timeLabel = JLabel(value.relativeTime)
-            timeLabel.font = timeLabel.font.deriveFont(12f)
-            timeLabel.foreground = if (selected) list.selectionForeground else list.foreground.darker()
-            
-            // 删除按钮
-            val deleteButton = JButton(AllIcons.Actions.Close)
-            deleteButton.isOpaque = false
-            deleteButton.isBorderPainted = false
-            deleteButton.preferredSize = JBUI.size(16, 16)
-            deleteButton.addActionListener {
-                onDelete(value.session)
+            timeLabel.font = timeLabel.font.deriveFont(11f)
+            if (selected) {
+                timeLabel.foreground = list.selectionForeground.darker()
+            } else {
+                timeLabel.foreground = list.foreground.darker()
             }
-            
-            rightPanel.add(timeLabel, BorderLayout.CENTER)
-            rightPanel.add(deleteButton, BorderLayout.EAST)
-            
-            panel.add(titleLabel, BorderLayout.WEST)
-            panel.add(rightPanel, BorderLayout.EAST)
-            
-            // 设置简单的文本渲染
-            append(value.session.name, SimpleTextAttributes.REGULAR_ATTRIBUTES)
-            append(" - ${value.relativeTime}", SimpleTextAttributes.GRAYED_ATTRIBUTES)
+
+            // 设置标签对齐
+            titleLabel.alignmentX = Component.LEFT_ALIGNMENT
+            timeLabel.alignmentX = Component.LEFT_ALIGNMENT
+
+            contentPanel.add(titleLabel)
+            contentPanel.add(Box.createVerticalStrut(2))
+            contentPanel.add(timeLabel)
+
+            // 右侧删除按钮
+            val deleteButton = JLabel(AllIcons.Actions.Close)
+            deleteButton.cursor = Cursor.getPredefinedCursor(Cursor.HAND_CURSOR)
+            deleteButton.border = JBUI.Borders.emptyLeft(8)
+            deleteButton.addMouseListener(object : MouseAdapter() {
+                override fun mouseClicked(e: MouseEvent) {
+                    e.consume() // 防止事件传播到列表
+                    onDelete(value.session)
+                }
+                
+                override fun mouseEntered(e: MouseEvent) {
+                    deleteButton.icon = AllIcons.Actions.CloseHovered
+                }
+                
+                override fun mouseExited(e: MouseEvent) {
+                    deleteButton.icon = AllIcons.Actions.Close
+                }
+            })
+
+            // 组装面板
+            panel.add(contentPanel, BorderLayout.CENTER)
+            panel.add(deleteButton, BorderLayout.EAST)
+
+            // 设置固定高度
+            panel.preferredSize = Dimension(panel.preferredSize.width, 50)
+
+            return panel
         }
     }
 
@@ -126,26 +170,36 @@ class ViewHistoryAction : AnAction(
             val listItems = sessions.map { SessionListItem(it, formatRelativeTime(it.createdAt)) }
             val jbList = JBList(listItems)
             jbList.selectionMode = ListSelectionModel.SINGLE_SELECTION
-            
+            jbList.fixedCellHeight = 50 // 固定单元格高度
+
             val onDeleteSession = { session: ChatSessionHistory ->
                 val result = Messages.showYesNoDialog(
                     project,
                     "确定要删除会话 \"${session.name}\" 吗？",
                     "删除会话",
                     Messages.getQuestionIcon()
                 )
-                
+
                 if (result == Messages.YES) {
                     historyService.deleteSession(session.id)
                     sessions = historyService.getAllSessions().sortedByDescending { it.createdAt }
-                    // 关闭当前popup并重新创建
                     createAndShowPopup()
                 }
             }
-            
+
             jbList.cellRenderer = SessionListCellRenderer(project, onDeleteSession)
+
+            val scrollPane = JBScrollPane(jbList)
+            scrollPane.border = null
+
+            // 设置 Popup 的固定宽度和自适应高度
+            val popupWidth = 450
+            val maxPopupHeight = 400
+            val itemHeight = 50
+            val calculatedHeight = (sessions.size * itemHeight + 20).coerceAtMost(maxPopupHeight)
 
-            // 添加右键菜单支持
+            scrollPane.preferredSize = Dimension(popupWidth, calculatedHeight)
+
             jbList.addMouseListener(object : MouseAdapter() {
                 override fun mouseClicked(e: MouseEvent) {
                     if (e.button == MouseEvent.BUTTON3) { // 右键
@@ -159,23 +213,32 @@ class ViewHistoryAction : AnAction(
                 }
             })
 
-            JBPopupFactory.getInstance()
-                .createListPopupBuilder(jbList)
+            val popupBuilder = JBPopupFactory.getInstance()
+                .createComponentPopupBuilder(scrollPane, jbList)
                 .setTitle(AutoDevBundle.message("popup.title.session.history"))
                 .setMovable(true)
                 .setResizable(true)
                 .setRequestFocus(true)
-                .setItemChoosenCallback {
+                .setCancelOnClickOutside(true)
+                .setCancelOnOtherWindowOpen(true)
+
+            val popup: JBPopup = popupBuilder.createPopup()
+
+            // 设置 Popup 的最小和最大尺寸
+            popup.setMinimumSize(Dimension(popupWidth, 150))
+
+            jbList.addListSelectionListener {
+                if (!it.valueIsAdjusting && jbList.selectedIndex != -1) {
                     val selectedIndex = jbList.selectedIndex
-                    if (selectedIndex != -1) {
-                        val selectedSession = listItems[selectedIndex].session
-                        loadSessionIntoSketch(project, selectedSession)
-                    }
+                    popup.closeOk(null)
+                    val selectedSession = listItems[selectedIndex].session
+                    loadSessionIntoSketch(project, selectedSession)
                 }
-                .createPopup()
-                .showInBestPositionFor(e.dataContext)
+            }
+
+            popup.showInBestPositionFor(e.dataContext)
         }
-        
+
         createAndShowPopup()
     }
 
@@ -196,7 +259,7 @@ class ViewHistoryAction : AnAction(
 
             it.displayMessages(session.messages)
             session.messages.firstOrNull { msg -> msg.role == "user" }?.content?.let { intention ->
-                 agentStateService.state = agentStateService.state.copy(originIntention = intention)
+                agentStateService.state = agentStateService.state.copy(originIntention = intention)
             }
 
             toolWindow.activate(null)