feat(jetbrains): add empty session feedback UI

2026-08-28 19:11:03 +08:00 · 2026-06-01 15:26:02 -04:00
parent ad908e2839
commit 076d8ab136
31 changed files with 631 additions and 161 deletions
@@ -0,0 +1,5 @@
+---
+"@kilocode/kilo-jetbrains": patch
+---
+
+Add Feedback & Support to the JetBrains empty session screen.
@@ -0,0 +1,109 @@
+# Plan: JetBrains Feedback & Support Button
+
+## Goal
+Add the VS Code empty-state `Feedback & Support` affordance to the JetBrains plugin, including a non-modal popup with the same three destinations:
+
+- GitHub issues: `https://github.com/Kilo-Org/kilocode/issues/new/choose`
+- Discord: `https://kilo.ai/discord`
+- Customer support: `https://kilo.ai/support`
+
+The popup must hide when clicking outside or pressing Escape.
+
+## Findings
+
+- The JetBrains empty state is `packages/kilo-jetbrains/frontend/src/main/kotlin/ai/kilocode/client/session/ui/EmptySessionPanel.kt`.
+- It already renders the logo, welcome copy, recents, and `Show History`; this is the right place to add the button.
+- The VS Code implementation is:
+  - Button: `packages/kilo-vscode/webview-ui/src/components/chat/MessageList.tsx`
+  - Popup content: `packages/kilo-vscode/webview-ui/src/components/chat/FeedbackDialog.tsx`
+  - Styling: `packages/kilo-vscode/webview-ui/src/styles/welcome.css`
+- Local IntelliJ API source is available at `$INTELLIJ_REPO=/Users/kirillk/products/intellij-community`.
+- IntelliJ popup API confirmed in local source:
+  - `JBPopupFactory.getInstance().createComponentPopupBuilder(content, focusComponent)`
+  - `setModalContext(false)` for non-modal context
+  - `setRequestFocus(false)` / `setFocusable(false)` if we want the popup not to steal focus
+  - `setCancelOnClickOutside(true)` for outside-click dismissal
+  - `setCancelKeyEnabled(true)` for Escape dismissal
+  - `setCancelOnWindowDeactivation(true)` and `setCancelOnOtherWindowOpen(true)` are available and appropriate for cleanup
+- IntelliJ platform icons found in `AllIcons`:
+  - Feedback button: `AllIcons.Ide.Feedback`
+  - GitHub action: `AllIcons.Vcs.Vendors.Github`
+  - Support/help action: `AllIcons.Actions.Help` or `AllIcons.General.ContextHelp`
+  - Discord: no platform icon found. Add a Discord icon by borrowing the existing VS Code/kilo-ui Discord SVG artwork and adapting it into the JetBrains plugin resources with IntelliJ-compatible SVG colors and dark variant if needed.
+
+## Implementation Steps
+
+1. Add localized JetBrains bundle keys.
+   - Add base English strings to `frontend/src/main/resources/messages/KiloBundle.properties`:
+     - `feedback.button=Feedback & Support`
+     - `feedback.dialog.message=We'd love to hear your feedback or help with any issues you're experiencing.`
+     - `feedback.dialog.github=Report an issue on GitHub`
+     - `feedback.dialog.discord=Join our Discord community`
+     - `feedback.dialog.support=Customer Support`
+     - Reuse existing cancel text if present; otherwise add `common.cancel=Cancel` only if needed.
+   - Add matching keys to localized `KiloBundle_*.properties` files. If accurate translations are not already available from the VS Code i18n files, copy the VS Code translations for matching locales where practical and leave English fallback only if the JetBrains bundle mechanism supports it cleanly.
+
+2. Extend `EmptySessionPanel` UI.
+   - Add a new retained `FeedbackButton`, styled to match VS Code conceptually:
+     - feedback icon + `Feedback & Support` text
+     - dashed link-colored border
+     - transparent background
+     - hand cursor
+     - hover state fills with link color and flips foreground/background for contrast
+   - Use IntelliJ theme APIs instead of raw colors:
+     - link color: `JBUI.CurrentTheme.Link.Foreground.ENABLED`
+     - hover link color: `JBUI.CurrentTheme.Link.Foreground.HOVERED` if useful
+     - editor/panel background from existing session style or `UiStyle.Colors.editorBackground()` / component background
+     - spacing via `UiStyle.Gap` / `JBUI.Borders`
+     - rounded arc via `UiStyle.Arc.component()` or `JBUI.getInt("Button.arc", 6)` at paint time
+   - Add the feedback button below the existing `Show History` button in the empty-state south area, keeping the current centered layout.
+   - Keep Swing mutations on EDT and preserve retained-component behavior.
+
+3. Implement the feedback popup in frontend Swing code.
+   - Add a small popup builder method/class inside `EmptySessionPanel.kt` or a new nearby UI file if the file would become too large.
+    - Content should mirror VS Code:
+      - Kilo logo at top using existing `/icons/kilo-content.svg`
+      - message text
+      - three action buttons/rows for GitHub, Discord, and Customer Support
+      - every action should have an icon: `AllIcons.Vcs.Vendors.Github` for GitHub, the borrowed Discord SVG for Discord, and `AllIcons.Actions.Help` or `AllIcons.General.ContextHelp` for Customer Support
+      - optional Cancel button if it fits the JetBrains UX; Escape/outside click already dismisses
+   - Add the Discord icon asset under `frontend/src/main/resources/icons/` using the plugin's existing icon naming pattern, for example `discord.svg` and `discord_dark.svg` if the borrowed asset needs separate theme variants.
+   - Load the Discord icon with `IconLoader.getIcon("/icons/discord.svg", EmptySessionPanel::class.java)` or a small Kilo-owned icon object if multiple call sites need it.
+   - Use `BrowserUtil.browse(url)` to open links.
+   - Close the popup after opening a URL.
+   - Use `JBPopupFactory.createComponentPopupBuilder(content, null)` and configure:
+     - `.setModalContext(false)`
+     - `.setRequestFocus(false)`
+     - `.setFocusable(false)` unless keyboard tabbing inside popup is desired; if buttons need keyboard focus, use `.setFocusable(true)` with `.setRequestFocus(false)`
+     - `.setCancelOnClickOutside(true)`
+     - `.setCancelKeyEnabled(true)`
+     - `.setCancelOnWindowDeactivation(true)`
+     - `.setCancelOnOtherWindowOpen(true)`
+     - `.setResizable(false)`
+     - `.setMovable(false)`
+   - Show with `popup.showUnderneathOf(feedbackButton)`.
+
+4. Add test coverage in `EmptySessionPanelTest.kt`.
+   - Assert feedback button text uses `KiloBundle.message("feedback.button")`.
+   - Assert feedback button has hand cursor and visible border semantics.
+   - Add an injectable browse callback or popup action callback only if needed for testing without launching browsers; keep it minimal and avoid production-only test hooks if component traversal can exercise enough behavior.
+   - Add a test that clicking the feedback button creates/shows popup content, if feasible in `BasePlatformTestCase`; otherwise test the retained popup content builder/action rows directly through package-internal methods.
+   - Assert the three action labels exist and URL callbacks map to the same URLs as VS Code.
+   - Assert the Discord action has an icon, so the plan cannot regress to a text-only Discord row.
+
+5. Add release note.
+   - This is user-facing for the JetBrains plugin, so add a patch changeset under `.changeset/` unless the repo has a JetBrains-specific release-note mechanism that supersedes changesets.
+   - Suggested text: `Add Feedback & Support to the JetBrains empty session screen.`
+
+6. Verify.
+   - Run the focused frontend/JetBrains tests first, preferably from `packages/kilo-jetbrains/`:
+     - `./gradlew :frontend:test --tests "ai.kilocode.client.session.ui.EmptySessionPanelTest"`
+   - Run JetBrains typecheck from `packages/kilo-jetbrains/`:
+     - `bun run typecheck` or `./gradlew typecheck`
+   - If touching only frontend UI and tests pass, no backend/SDK generation is needed.
+
+## Notes
+
+- Do not add Kotlin UI DSL, Compose, or JCEF.
+- Do not modify shared opencode files; this work is entirely under `packages/kilo-jetbrains/` plus a changeset.
+- Prefer platform icons where available, but explicitly borrow/add the Discord icon because `AllIcons` does not provide one and the popup should match the VS Code button set visually.
@@ -12,7 +12,7 @@ import ai.kilocode.client.session.model.SessionModelEvent
 import ai.kilocode.client.session.model.SessionState
 import ai.kilocode.client.session.scroll.SessionScroll
 import ai.kilocode.client.session.ui.ConnectionPanel
-import ai.kilocode.client.session.ui.EmptySessionPanel
+import ai.kilocode.client.session.ui.empty.EmptySessionPanel
 import ai.kilocode.client.session.ui.LoadingPanel
 import ai.kilocode.client.session.ui.ReasoningPicker
 import ai.kilocode.client.session.ui.mode.ModePicker
@@ -0,0 +1,117 @@
+package ai.kilocode.client.session.ui.empty
+
+import ai.kilocode.client.plugin.KiloBundle
+import ai.kilocode.client.ui.UiStyle
+import ai.kilocode.client.ui.layout.HAlign
+import ai.kilocode.client.ui.layout.Stack
+import ai.kilocode.client.ui.layout.VAlign
+import ai.kilocode.client.ui.layout.align
+import com.intellij.icons.AllIcons
+import com.intellij.openapi.ui.popup.Balloon
+import com.intellij.openapi.ui.popup.JBPopupFactory
+import com.intellij.openapi.util.IconLoader
+import com.intellij.ui.awt.RelativePoint
+import com.intellij.ui.components.JBLabel
+import com.intellij.util.concurrency.annotations.RequiresEdt
+import com.intellij.util.ui.UIUtil
+import com.intellij.xml.util.XmlStringUtil
+import java.awt.Cursor
+import java.awt.Point
+import java.awt.event.MouseAdapter
+import java.awt.event.MouseEvent
+import javax.swing.JButton
+import javax.swing.JComponent
+
+internal class EmptySessionFeedback(
+    private val browse: (String) -> Unit,
+) {
+    val button: JButton = FeedbackButton().apply {
+        addActionListener { popup() }
+    }
+
+    @RequiresEdt
+    private fun popup() {
+        lateinit var balloon: Balloon
+        val content = content { url ->
+            browse(url)
+            balloon.hide()
+        }
+        val point = RelativePoint(button, Point(button.width / 2, button.height))
+        balloon = JBPopupFactory.getInstance()
+            .createBalloonBuilder(content)
+            .setHideOnClickOutside(true)
+            .setHideOnKeyOutside(true)
+            .setHideOnAction(true)
+            .setHideOnFrameResize(true)
+            .setBorderColor(UiStyle.Balloon.border())
+            .setFillColor(UiStyle.Balloon.bg())
+            .setBorderInsets(UiStyle.Balloon.insets())
+            .setPointerSize(UiStyle.Balloon.pointer())
+            .setCornerRadius(UiStyle.Balloon.arc())
+            .createBalloon()
+
+        balloon.show(point, Balloon.Position.below)
+    }
+
+    private class FeedbackButton : EmptySessionPanel.ShowHistoryButton(buttonHtml(), AllIcons.Ide.Feedback)
+
+    private class ActionButton(text: String, icon: javax.swing.Icon, action: () -> Unit) : JButton(text, icon) {
+        init {
+            cursor = Cursor.getPredefinedCursor(Cursor.HAND_CURSOR)
+            addActionListener { action() }
+        }
+    }
+
+    companion object {
+        @RequiresEdt
+        fun content(open: (String) -> Unit): JComponent {
+            val logo = JBLabel(IconLoader.getIcon("/icons/kilo-content.svg", EmptySessionPanel::class.java)).apply {
+                horizontalAlignment = JBLabel.CENTER
+                cursor = Cursor.getPredefinedCursor(Cursor.HAND_CURSOR)
+                addMouseListener(object : MouseAdapter() {
+                    override fun mouseClicked(e: MouseEvent) {
+                        open(KILO_URL)
+                    }
+                })
+            }
+            val msg = JBLabel(messageHtml()).apply {
+                foreground = UIUtil.getLabelForeground()
+                horizontalAlignment = JBLabel.CENTER
+            }
+            val actions = Stack.vertical(gap = UiStyle.Gap.sm())
+                .next(ActionButton(KiloBundle.message("feedback.dialog.github"), AllIcons.Vcs.Vendors.Github) {
+                    open(GITHUB_ISSUES_URL)
+                }.align(HAlign.CENTER, VAlign.CENTER))
+                .next(ActionButton(KiloBundle.message("feedback.dialog.discord"), DISCORD_ICON) {
+                    open(DISCORD_URL)
+                }.align(HAlign.CENTER, VAlign.CENTER))
+                .next(ActionButton(KiloBundle.message("feedback.dialog.support"), AllIcons.Actions.Help) {
+                    open(SUPPORT_URL)
+                }.align(HAlign.CENTER, VAlign.CENTER))
+
+            return Stack.vertical(gap = UiStyle.Gap.lg())
+                .fill(UiStyle.Gap.sm())
+                .next(logo.align(HAlign.CENTER, VAlign.CENTER))
+                .next(msg.align(HAlign.CENTER, VAlign.CENTER))
+                .fill(UiStyle.Gap.xs())
+                .next(actions.align(HAlign.CENTER, VAlign.CENTER))
+                .fill(UiStyle.Gap.xs())
+        }
+
+        fun urls() = listOf(GITHUB_ISSUES_URL, DISCORD_URL, SUPPORT_URL)
+
+        private fun messageHtml() = XmlStringUtil.wrapInHtml(
+            "<div style='text-align:center'>${XmlStringUtil.escapeString(KiloBundle.message("feedback.dialog.message"))}</div>"
+        )
+
+        private fun buttonHtml() = XmlStringUtil.wrapInHtml(
+            XmlStringUtil.escapeString(KiloBundle.message("feedback.button"))
+        )
+
+        private const val KILO_URL = "https://kilocode.ai"
+        private const val GITHUB_ISSUES_URL = "https://github.com/Kilo-Org/kilocode/issues/new/choose"
+        private const val DISCORD_URL = "https://kilo.ai/discord"
+        private const val SUPPORT_URL = "https://kilo.ai/support"
+        private val DISCORD_ICON = IconLoader.getIcon("/icons/discord.svg", EmptySessionPanel::class.java)
+    }
+}
@@ -1,31 +1,25 @@
-package ai.kilocode.client.session.ui
+package ai.kilocode.client.session.ui.empty

 import ai.kilocode.client.plugin.KiloBundle
 import ai.kilocode.client.session.SessionActivityKind
-import ai.kilocode.client.session.SessionRef
-import ai.kilocode.client.session.history.HistoryActivitySnapshot
-import ai.kilocode.client.session.history.HistoryTime
-import ai.kilocode.client.session.history.LocalHistoryItem
-import ai.kilocode.client.session.history.itemAt
-import ai.kilocode.client.session.history.title
+import ai.kilocode.client.session.controller.SessionController
 import ai.kilocode.client.session.ui.style.SessionEditorStyle
 import ai.kilocode.client.session.ui.style.SessionEditorStyleTarget
 import ai.kilocode.client.session.ui.style.SessionUiStyle
-import ai.kilocode.client.session.controller.SessionController
-import ai.kilocode.client.ui.FilledBadgeIcon
 import ai.kilocode.client.ui.UiStyle
 import ai.kilocode.client.ui.layout.Align
 import ai.kilocode.client.ui.layout.HAlign
+import ai.kilocode.client.ui.layout.Stack
 import ai.kilocode.client.ui.layout.VAlign
 import ai.kilocode.client.ui.layout.align
 import ai.kilocode.rpc.dto.SessionDto
 import com.intellij.icons.AllIcons
+import com.intellij.ide.BrowserUtil
 import com.intellij.openapi.Disposable
 import com.intellij.openapi.util.Disposer
 import com.intellij.openapi.util.IconLoader
 import com.intellij.util.concurrency.annotations.RequiresEdt
 import com.intellij.ui.components.JBLabel
-import com.intellij.ui.components.JBList
 import com.intellij.util.ui.Centerizer
 import com.intellij.util.ui.JBUI
 import com.intellij.util.ui.UIUtil
@@ -35,19 +29,14 @@ import java.awt.BorderLayout
 import java.awt.Component
 import java.awt.Cursor
 import java.awt.Dimension
-import java.awt.FlowLayout
 import java.awt.Graphics
 import java.awt.Graphics2D
 import java.awt.RenderingHints
 import java.awt.event.HierarchyEvent
 import java.awt.event.MouseAdapter
 import java.awt.event.MouseEvent
-import java.awt.event.MouseMotionAdapter
-import javax.swing.DefaultListModel
 import javax.swing.JButton
-import javax.swing.JList
-import javax.swing.ListCellRenderer
-import javax.swing.ListSelectionModel
+import javax.swing.JComponent
 import javax.swing.Timer

 /**
@@ -63,51 +52,20 @@ class EmptySessionPanel(
    private val history: () -> Unit = {},
    private val activity: () -> Map<String, SessionActivityKind> = { emptyMap() },
    private val titles: () -> Map<String, String> = { emptyMap() },
+    private val browse: (String) -> Unit = BrowserUtil::browse,
 ) : BorderLayoutPanel(), Disposable, SessionEditorStyleTarget {
    val view: Align = align(HAlign.CENTER, VAlign.CENTER)

-    private val model = DefaultListModel<LocalHistoryItem>()
-    private var hover = -1
    private var style = SessionEditorStyle.current()
-    private var snapshot = HistoryActivitySnapshot()
    private val timer = Timer(ACTIVITY_MS) { syncActivity() }
-
-    private val recentTitle = JBLabel(KiloBundle.message("session.empty.recent")).apply {
-        foreground = UIUtil.getContextHelpForeground()
-    }
-
-    private val list = JBList(model).apply {
-        isOpaque = false
-        selectionMode = ListSelectionModel.SINGLE_SELECTION
-        visibleRowCount = SessionUiStyle.RecentSessions.LIMIT
-        cellRenderer = SessionRenderer()
-        cursor = Cursor.getPredefinedCursor(Cursor.HAND_CURSOR)
-        emptyText.clear()
-        addMouseListener(object : MouseAdapter() {
-            override fun mouseClicked(e: MouseEvent) {
-                val item = itemAt(this@apply, e) ?: return
-                controller.openSession(SessionRef.Local(item.session))
-            }
-
-            override fun mouseExited(e: MouseEvent) {
-                hover = -1
-                repaint()
-            }
-        })
-        addMouseMotionListener(object : MouseMotionAdapter() {
-            override fun mouseMoved(e: MouseEvent) {
-                val index = index(e)
-                if (hover == index) return
-                hover = index
-                repaint()
-            }
-        })
-    }
+    private val recent = RecentsList(recents, controller)

    private val historyButton = ShowHistoryButton().apply {
        addActionListener { history() }
    }

+    private val feedback = EmptySessionFeedback(browse)
+
    private val welcomeLabel = JBLabel(welcomeHtml()).apply {
        foreground = UIUtil.getContextHelpForeground()
        horizontalAlignment = JBLabel.CENTER
@@ -134,7 +92,6 @@ class EmptySessionPanel(
        Disposer.register(parent, this)
        isOpaque = false
        applyStyle(SessionEditorStyle.current())
-        setSessions(recents)
        addHierarchyListener { e ->
            if (e.changeFlags and HierarchyEvent.SHOWING_CHANGED.toLong() == 0L) return@addHierarchyListener
            if (isShowing) {
@@ -159,40 +116,28 @@ class EmptySessionPanel(
            add(description.align(HAlign.CENTER, VAlign.CENTER), BorderLayout.CENTER)
        }

-        val recent = BorderLayoutPanel().apply {
-            isOpaque = false
-            add(recentTitle, BorderLayout.NORTH)
-            add(list, BorderLayout.CENTER)
-        }
-
        val south = BorderLayoutPanel().apply {
            isOpaque = false
-            add(Centerizer(historyButton, Centerizer.TYPE.HORIZONTAL), BorderLayout.CENTER)
+            add(Stack.vertical(gap = UiStyle.Gap.lg())
+                .next(Centerizer(historyButton, Centerizer.TYPE.HORIZONTAL))
+                .next(Centerizer(feedback.button, Centerizer.TYPE.HORIZONTAL)), BorderLayout.CENTER)
        }

        add(header, BorderLayout.NORTH)
-        add(recent, BorderLayout.CENTER)
+        if (recent.hasSessions()) add(recent, BorderLayout.CENTER)
        add(south, BorderLayout.SOUTH)
    }

-    private fun setSessions(sessions: List<SessionDto>) {
-        model.clear()
-        sessions.take(SessionUiStyle.RecentSessions.LIMIT).map(::LocalHistoryItem).forEach(model::addElement)
-        revalidate()
-        repaint()
-    }
-
-    internal fun recentCount() = model.size()
+    internal fun recentCount() = recent.count()

    internal fun selectRecent(index: Int) {
-        list.selectedIndex = index
+        recent.select(index)
    }

-    internal fun selectedRecent() = list.selectedIndex
+    internal fun selectedRecent() = recent.selected()

    internal fun clickRecent(index: Int) {
-        list.selectedIndex = index
-        controller.openSession(SessionRef.Local(model.getElementAt(index).session))
+        recent.click(index)
    }

    internal fun clickShowHistory() {
@@ -201,13 +146,25 @@ class EmptySessionPanel(

    internal fun showHistoryText() = historyButton.text

+    internal fun feedbackText() = KiloBundle.message("feedback.button")
+
+    internal fun feedbackCursor() = feedback.button.cursor.type
+
+    internal fun feedbackIcon() = feedback.button.icon
+
+    internal fun feedbackBorderPainted() = feedback.button.isBorderPainted
+
+    internal fun feedbackContent(open: (String) -> Unit = {}): JComponent = EmptySessionFeedback.content(open)
+
+    internal fun feedbackUrls() = EmptySessionFeedback.urls()
+
    internal fun showHistoryBorderPainted() = historyButton.isBorderPainted

    internal fun showHistoryCursor() = historyButton.cursor.type

-    internal fun recentCursor() = list.cursor.type
+    internal fun recentCursor() = recent.cursorType()

-    internal fun recentVisible() = true
+    internal fun recentVisible() = recent.hasSessions()

    internal fun explanationText() = KiloBundle.message("session.empty.welcome")

@@ -226,92 +183,25 @@ class EmptySessionPanel(
    internal fun activeView() = getComponent(0)

    internal fun text(session: SessionDto, now: Long = System.currentTimeMillis()) =
-        HistoryTime.relative(LocalHistoryItem(session), now)
+        recent.text(session, now)

    internal fun rendererComponent(
        session: SessionDto,
        selected: Boolean = false,
        hover: Boolean = false,
    ): Component {
-        val old = this.hover
-        this.hover = if (hover) 0 else -1
-        return list.cellRenderer.getListCellRendererComponent(list, LocalHistoryItem(session), 0, selected, false).also {
-            this.hover = old
-        }
+        return recent.renderer(session, selected, hover)
    }

    @RequiresEdt
    internal fun syncActivity() {
-        val next = HistoryActivitySnapshot(activity(), titles())
-        val changed = snapshot.changed(next)
-        snapshot = next
-        repaintRows(changed)
+        recent.sync(activity(), titles())
    }

-    private fun repaintRows(ids: Set<String>) {
-        if (ids.isEmpty()) return
-        repeat(model.size()) { index ->
-            if (model.getElementAt(index).id !in ids) return@repeat
-            list.getCellBounds(index, index)?.let(list::repaint)
-        }
-    }
-
-    private fun index(e: MouseEvent): Int {
-        val idx = list.locationToIndex(e.point)
-        if (idx < 0) return -1
-        val box = list.getCellBounds(idx, idx) ?: return -1
-        if (!box.contains(e.point)) return -1
-        return idx
-    }
-
-    private inner class SessionRenderer : BorderLayoutPanel(), ListCellRenderer<LocalHistoryItem> {
-        private val title = JBLabel()
-        private val badge = JBLabel().apply {
-            border = JBUI.Borders.emptyLeft(JBUI.CurrentTheme.ActionsList.elementIconGap())
-        }
-        private val time = JBLabel()
-        private val head = BorderLayoutPanel().apply {
-            add(BorderLayoutPanel().apply {
-                layout = FlowLayout(FlowLayout.LEFT, 0, 0)
-                isOpaque = false
-                add(title)
-                add(badge)
-            }, BorderLayout.CENTER)
-        }
-
-        init {
-            layout = BorderLayout(UiStyle.Gap.pad(), 0)
-            border = JBUI.Borders.empty(UiStyle.Gap.lg(), UiStyle.Gap.lg(), UiStyle.Gap.lg(), UiStyle.Gap.lg())
-            head.isOpaque = false
-            add(head, BorderLayout.CENTER)
-            add(time, BorderLayout.EAST)
-        }
-
-        override fun getListCellRendererComponent(
-            list: JList<out LocalHistoryItem>,
-            value: LocalHistoryItem?,
-            index: Int,
-            selected: Boolean,
-            focus: Boolean,
-        ): Component {
-            val over = selected || hover == index
-            isOpaque = over
-            background = if (over) list.selectionBackground else list.background
-            title.foreground = if (over) list.selectionForeground else UIUtil.getLabelForeground()
-            time.foreground = if (over) list.selectionForeground else UIUtil.getContextHelpForeground()
-            title.text = value?.let { snapshot.titles[it.id] ?: title(it) } ?: ""
-            time.text = value?.let(HistoryTime::relative) ?: ""
-            setBadge(value?.id?.let(snapshot.activity::get))
-            return this
-        }
-
-        private fun setBadge(kind: SessionActivityKind?) {
-            badge.isVisible = kind != null
-            badge.icon = kind?.let { FilledBadgeIcon(it.label(), it.bg(), it.fg()) }
-        }
-    }
-
-    private inner class ShowHistoryButton : JButton(KiloBundle.message("session.showHistory"), AllIcons.Vcs.History) {
+    internal open class ShowHistoryButton(
+        text: String = KiloBundle.message("session.showHistory"),
+        icon: javax.swing.Icon = AllIcons.Vcs.History,
+    ) : JButton(text, icon) {
        private var over = false

        init {
@@ -361,7 +251,7 @@ class EmptySessionPanel(
    override fun applyStyle(style: SessionEditorStyle) {
        this.style = style
        welcomeLabel.font = style.regularFont
-        recentTitle.font = style.smallFont
+        recent.titleFont(style.smallFont)
        revalidate()
        repaint()
    }
@@ -374,7 +264,3 @@ class EmptySessionPanel(
        const val ACTIVITY_MS = 3_000
    }
 }
-
-private fun Map<String, String>.changed(next: Map<String, String>) = (keys + next.keys).filterTo(mutableSetOf()) {
-    this[it] != next[it]
-}
@@ -0,0 +1,198 @@
+package ai.kilocode.client.session.ui.empty
+
+import ai.kilocode.client.plugin.KiloBundle
+import ai.kilocode.client.session.SessionActivityKind
+import ai.kilocode.client.session.SessionRef
+import ai.kilocode.client.session.controller.SessionController
+import ai.kilocode.client.session.history.HistoryActivitySnapshot
+import ai.kilocode.client.session.history.HistoryTime
+import ai.kilocode.client.session.history.LocalHistoryItem
+import ai.kilocode.client.session.history.itemAt
+import ai.kilocode.client.session.history.title
+import ai.kilocode.client.session.ui.style.SessionUiStyle
+import ai.kilocode.client.ui.FilledBadgeIcon
+import ai.kilocode.client.ui.UiStyle
+import ai.kilocode.rpc.dto.SessionDto
+import com.intellij.ui.components.JBLabel
+import com.intellij.ui.components.JBList
+import com.intellij.util.concurrency.annotations.RequiresEdt
+import com.intellij.util.ui.JBUI
+import com.intellij.util.ui.UIUtil
+import com.intellij.util.ui.components.BorderLayoutPanel
+import java.awt.BorderLayout
+import java.awt.Component
+import java.awt.Cursor
+import java.awt.FlowLayout
+import java.awt.event.MouseAdapter
+import java.awt.event.MouseEvent
+import java.awt.event.MouseMotionAdapter
+import javax.swing.DefaultListModel
+import javax.swing.JList
+import javax.swing.ListCellRenderer
+import javax.swing.ListSelectionModel
+
+internal class RecentsList(
+    sessions: List<SessionDto>,
+    private val controller: SessionController,
+) : BorderLayoutPanel() {
+    private val model = DefaultListModel<LocalHistoryItem>()
+    private var hover = -1
+    private var snapshot = HistoryActivitySnapshot()
+
+    private val title = JBLabel(KiloBundle.message("session.empty.recent")).apply {
+        foreground = UIUtil.getContextHelpForeground()
+    }
+
+    private val list = JBList(model).apply {
+        isOpaque = false
+        selectionMode = ListSelectionModel.SINGLE_SELECTION
+        visibleRowCount = SessionUiStyle.RecentSessions.LIMIT
+        cellRenderer = Renderer()
+        cursor = Cursor.getPredefinedCursor(Cursor.HAND_CURSOR)
+        emptyText.clear()
+        addMouseListener(object : MouseAdapter() {
+            override fun mouseClicked(e: MouseEvent) {
+                val item = itemAt(this@apply, e) ?: return
+                controller.openSession(SessionRef.Local(item.session))
+            }
+
+            override fun mouseExited(e: MouseEvent) {
+                hover = -1
+                repaint()
+            }
+        })
+        addMouseMotionListener(object : MouseMotionAdapter() {
+            override fun mouseMoved(e: MouseEvent) {
+                val index = index(e)
+                if (hover == index) return
+                hover = index
+                repaint()
+            }
+        })
+    }
+
+    init {
+        isOpaque = false
+        add(title, BorderLayout.NORTH)
+        add(list, BorderLayout.CENTER)
+        setSessions(sessions)
+    }
+
+    fun count() = model.size()
+
+    fun hasSessions() = model.size() > 0
+
+    fun select(index: Int) {
+        list.selectedIndex = index
+    }
+
+    fun selected() = list.selectedIndex
+
+    fun click(index: Int) {
+        list.selectedIndex = index
+        controller.openSession(SessionRef.Local(model.getElementAt(index).session))
+    }
+
+    fun cursorType() = list.cursor.type
+
+    fun titleFont(font: java.awt.Font) {
+        title.font = font
+    }
+
+    fun text(session: SessionDto, now: Long = System.currentTimeMillis()) =
+        HistoryTime.relative(LocalHistoryItem(session), now)
+
+    fun renderer(
+        session: SessionDto,
+        selected: Boolean = false,
+        hover: Boolean = false,
+    ): Component {
+        val old = this.hover
+        this.hover = if (hover) 0 else -1
+        return list.cellRenderer.getListCellRendererComponent(list, LocalHistoryItem(session), 0, selected, false).also {
+            this.hover = old
+        }
+    }
+
+    @RequiresEdt
+    fun sync(activity: Map<String, SessionActivityKind>, titles: Map<String, String>) {
+        val next = HistoryActivitySnapshot(activity, titles)
+        val changed = snapshot.changed(next)
+        snapshot = next
+        repaintRows(changed)
+    }
+
+    private fun setSessions(sessions: List<SessionDto>) {
+        model.clear()
+        sessions.take(SessionUiStyle.RecentSessions.LIMIT).map(::LocalHistoryItem).forEach(model::addElement)
+        revalidate()
+        repaint()
+    }
+
+    private fun repaintRows(ids: Set<String>) {
+        if (ids.isEmpty()) return
+        repeat(model.size()) { index ->
+            if (model.getElementAt(index).id !in ids) return@repeat
+            list.getCellBounds(index, index)?.let(list::repaint)
+        }
+    }
+
+    private fun index(e: MouseEvent): Int {
+        val idx = list.locationToIndex(e.point)
+        if (idx < 0) return -1
+        val box = list.getCellBounds(idx, idx) ?: return -1
+        if (!box.contains(e.point)) return -1
+        return idx
+    }
+
+    private inner class Renderer : BorderLayoutPanel(), ListCellRenderer<LocalHistoryItem> {
+        private val title = JBLabel()
+        private val badge = JBLabel().apply {
+            border = JBUI.Borders.emptyLeft(JBUI.CurrentTheme.ActionsList.elementIconGap())
+        }
+        private val time = JBLabel()
+        private val head = BorderLayoutPanel().apply {
+            add(BorderLayoutPanel().apply {
+                layout = FlowLayout(FlowLayout.LEFT, 0, 0)
+                isOpaque = false
+                add(title)
+                add(badge)
+            }, BorderLayout.CENTER)
+        }
+
+        init {
+            layout = BorderLayout(UiStyle.Gap.pad(), 0)
+            border = JBUI.Borders.empty(UiStyle.Gap.lg(), UiStyle.Gap.lg(), UiStyle.Gap.lg(), UiStyle.Gap.lg())
+            head.isOpaque = false
+            add(head, BorderLayout.CENTER)
+            add(time, BorderLayout.EAST)
+        }
+
+        override fun getListCellRendererComponent(
+            list: JList<out LocalHistoryItem>,
+            value: LocalHistoryItem?,
+            index: Int,
+            selected: Boolean,
+            focus: Boolean,
+        ): Component {
+            val over = selected || hover == index
+            isOpaque = over
+            background = if (over) list.selectionBackground else list.background
+            title.foreground = if (over) list.selectionForeground else UIUtil.getLabelForeground()
+            time.foreground = if (over) list.selectionForeground else UIUtil.getContextHelpForeground()
+            title.text = value?.let { snapshot.titles[it.id] ?: title(it) } ?: ""
+            time.text = value?.let(HistoryTime::relative) ?: ""
+            setBadge(value?.id?.let(snapshot.activity::get))
+            return this
+        }
+
+        private fun setBadge(kind: SessionActivityKind?) {
+            badge.isVisible = kind != null
+            badge.icon = kind?.let { FilledBadgeIcon(it.label(), it.bg(), it.fg()) }
+        }
+    }
+}
+
+private fun Map<String, String>.changed(next: Map<String, String>) = (keys + next.keys).filterTo(mutableSetOf()) {
+    this[it] != next[it]
+}
@@ -33,6 +33,20 @@ object UiStyle {
        fun component() = com.intellij.util.ui.JBValue.UIInteger("Component.arc", 8).get()
    }

+    /** Platform balloon styling used by lightweight contextual overlays. */
+    object Balloon {
+        fun bg(): Color = UIUtil.getPanelBackground()
+
+        fun border(): Color = JBUI.CurrentTheme.Popup.borderColor(true)
+
+        /** New UI parameter-info balloon insets: symmetric vertical padding with wider sides. */
+        fun insets() = JBUI.insets(6, 12, 6, 12)
+
+        fun pointer() = JBUI.size(16, 8)
+
+        fun arc() = JBUI.scale(8)
+    }
+
    /** Theme-aware colors and color math used by multiple UI surfaces. */
    object Colors {
        fun bg(): Color = UIUtil.getPanelBackground()
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M16.0742 4.45014C14.9244 3.92097 13.7106 3.54556 12.4638 3.3335C12.2932 3.64011 12.1388 3.95557 12.0013 4.27856C10.6732 4.07738 9.32261 4.07738 7.99451 4.27856C7.85694 3.9556 7.70257 3.64014 7.53203 3.3335C6.28441 3.54735 5.06981 3.92365 3.91889 4.45291C1.63401 7.85128 1.01462 11.1652 1.32431 14.4322C2.6624 15.426 4.16009 16.1819 5.7523 16.6668C6.11082 16.1821 6.42806 15.6678 6.70066 15.1295C6.18289 14.9351 5.68315 14.6953 5.20723 14.4128C5.33249 14.3215 5.45499 14.2274 5.57336 14.136C6.95819 14.7907 8.46965 15.1302 9.99997 15.1302C11.5303 15.1302 13.0418 14.7907 14.4266 14.136C14.5463 14.2343 14.6688 14.3284 14.7927 14.4128C14.3159 14.6957 13.8152 14.9361 13.2965 15.1309C13.5688 15.669 13.8861 16.1828 14.2449 16.6668C15.8385 16.1838 17.3373 15.4283 18.6756 14.4335C19.039 10.645 18.0549 7.36145 16.0742 4.45014ZM7.09294 12.423C6.22992 12.423 5.51693 11.6357 5.51693 10.6671C5.51693 9.69852 6.20514 8.90427 7.09019 8.90427C7.97524 8.90427 8.68272 9.69852 8.66758 10.6671C8.65244 11.6357 7.97248 12.423 7.09294 12.423ZM12.907 12.423C12.0426 12.423 11.3324 11.6357 11.3324 10.6671C11.3324 9.69852 12.0206 8.90427 12.907 8.90427C13.7934 8.90427 14.4954 9.69852 14.4803 10.6671C14.4651 11.6357 13.7865 12.423 12.907 12.423Z" fill="#6C707E"/>
+</svg>
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M16.0742 4.45014C14.9244 3.92097 13.7106 3.54556 12.4638 3.3335C12.2932 3.64011 12.1388 3.95557 12.0013 4.27856C10.6732 4.07738 9.32261 4.07738 7.99451 4.27856C7.85694 3.9556 7.70257 3.64014 7.53203 3.3335C6.28441 3.54735 5.06981 3.92365 3.91889 4.45291C1.63401 7.85128 1.01462 11.1652 1.32431 14.4322C2.6624 15.426 4.16009 16.1819 5.7523 16.6668C6.11082 16.1821 6.42806 15.6678 6.70066 15.1295C6.18289 14.9351 5.68315 14.6953 5.20723 14.4128C5.33249 14.3215 5.45499 14.2274 5.57336 14.136C6.95819 14.7907 8.46965 15.1302 9.99997 15.1302C11.5303 15.1302 13.0418 14.7907 14.4266 14.136C14.5463 14.2343 14.6688 14.3284 14.7927 14.4128C14.3159 14.6957 13.8152 14.9361 13.2965 15.1309C13.5688 15.669 13.8861 16.1828 14.2449 16.6668C15.8385 16.1838 17.3373 15.4283 18.6756 14.4335C19.039 10.645 18.0549 7.36145 16.0742 4.45014ZM7.09294 12.423C6.22992 12.423 5.51693 11.6357 5.51693 10.6671C5.51693 9.69852 6.20514 8.90427 7.09019 8.90427C7.97524 8.90427 8.68272 9.69852 8.66758 10.6671C8.65244 11.6357 7.97248 12.423 7.09294 12.423ZM12.907 12.423C12.0426 12.423 11.3324 11.6357 11.3324 10.6671C11.3324 9.69852 12.0206 8.90427 12.907 8.90427C13.7934 8.90427 14.4954 9.69852 14.4803 10.6671C14.4651 11.6357 13.7865 12.423 12.907 12.423Z" fill="#CED0D6"/>
+</svg>
@@ -11,6 +11,11 @@ session.account.switcher=Switch account
 session.empty.loading=Loading...
 session.empty.recent=RECENT
 session.showHistory=Show History
+feedback.button=Feedback & Support
+feedback.dialog.message=We'd love to hear your feedback or help with any issues you're experiencing.
+feedback.dialog.github=Report an issue on GitHub
+feedback.dialog.discord=Join our Discord community
+feedback.dialog.support=Customer Support
 session.scroll.bottom=Scroll to bottom
 session.scroll.question=Scroll to question
 session.tab.new=New Session
@@ -9,6 +9,11 @@ session.empty.welcome=Kilo Code هو مساعد برمجة بالذكاء الا
 session.empty.loading=جاري التحميل…
 session.empty.recent=الحديثة
 session.showHistory=عرض السجل
+feedback.button=التغذية الراجعة والدعم
+feedback.dialog.message=يسعدنا سماع تعليقاتك أو مساعدتك في حل أي مشكلات تواجهها.
+feedback.dialog.github=الإبلاغ عن مشكلة على GitHub
+feedback.dialog.discord=الانضمام إلى مجتمع Discord
+feedback.dialog.support=دعم العملاء
 session.scroll.bottom=التمرير إلى الأسفل
 session.tab.new=جلسة جديدة
 session.tab.untitled=جلسة بدون عنوان
@@ -9,6 +9,11 @@ session.empty.welcome=Kilo Code je AI asistent za kodiranje. Zatražite od njega
 session.empty.loading=Učitavanje…
 session.empty.recent=NEDAVNO
 session.showHistory=Prikaži historiju
+feedback.button=Povratne informacije i podrška
+feedback.dialog.message=Voljeli bismo čuti vaše povratne informacije ili pomoći s problemima koje doživljavate.
+feedback.dialog.github=Prijavite problem na GitHubu
+feedback.dialog.discord=Pridružite se našoj Discord zajednici
+feedback.dialog.support=Korisnička podrška
 session.scroll.bottom=Skrolaj na dno
 session.tab.new=Nova sesija
 session.tab.untitled=Sesija bez naslova
@@ -9,6 +9,11 @@ session.empty.welcome=Kilo Code er en AI-kodningsassistent. Bed den om at bygge
 session.empty.loading=Indlæser…
 session.empty.recent=SENESTE
 session.showHistory=Vis historik
+feedback.button=Feedback & support
+feedback.dialog.message=Vi vil gerne høre din feedback eller hjælpe med eventuelle problemer, du oplever.
+feedback.dialog.github=Rapportér et problem på GitHub
+feedback.dialog.discord=Deltag i vores Discord-fællesskab
+feedback.dialog.support=Kundesupport
 session.scroll.bottom=Rul til bunden
 session.tab.new=Ny session
 session.tab.untitled=Unavngivet session
@@ -9,6 +9,11 @@ session.empty.welcome=Kilo Code ist ein KI-Coding-Assistent. Bitten Sie ihn, Fun
 session.empty.loading=Wird geladen…
 session.empty.recent=ZULETZT
 session.showHistory=Verlauf anzeigen
+feedback.button=Feedback & Support
+feedback.dialog.message=Wir würden uns freuen, Ihr Feedback zu hören oder Ihnen bei Problemen zu helfen.
+feedback.dialog.github=Ein Problem auf GitHub melden
+feedback.dialog.discord=Unserer Discord-Community beitreten
+feedback.dialog.support=Kundensupport
 session.scroll.bottom=Zum Ende scrollen
 session.tab.new=Neue Sitzung
 session.tab.untitled=Unbenannte Sitzung
@@ -9,6 +9,11 @@ session.empty.welcome=Kilo Code es un asistente de codificación con IA. Pida qu
 session.empty.loading=Cargando…
 session.empty.recent=RECIENTE
 session.showHistory=Mostrar historial
+feedback.button=Comentarios y soporte
+feedback.dialog.message=Nos encantaría escuchar tus comentarios o ayudarte con cualquier problema que estés experimentando.
+feedback.dialog.github=Reportar un problema en GitHub
+feedback.dialog.discord=Unirse a nuestra comunidad de Discord
+feedback.dialog.support=Atención al cliente
 session.scroll.bottom=Desplazarse al final
 session.tab.new=Nueva sesión
 session.tab.untitled=Sesión sin título
@@ -9,6 +9,11 @@ session.empty.welcome=Kilo Code est un assistant de codage IA. Demandez-lui de c
 session.empty.loading=Chargement…
 session.empty.recent=RÉCENT
 session.showHistory=Afficher l'historique
+feedback.button=Commentaires & support
+feedback.dialog.message=Nous aimerions recueillir vos commentaires ou vous aider avec les problèmes que vous rencontrez.
+feedback.dialog.github=Signaler un problème sur GitHub
+feedback.dialog.discord=Rejoindre notre communauté Discord
+feedback.dialog.support=Service client
 session.scroll.bottom=Faire défiler vers le bas
 session.tab.new=Nouvelle session
 session.tab.untitled=Session sans titre
@@ -9,6 +9,11 @@ session.empty.welcome=Kilo CodeはAIコーディングアシスタントです
 session.empty.loading=読み込み中…
 session.empty.recent=最近
 session.showHistory=履歴を表示
+feedback.button=フィードバック & サポート
+feedback.dialog.message=フィードバックをお聞かせいただくか、問題がある場合はお気軽にご相談ください。
+feedback.dialog.github=GitHubで問題を報告する
+feedback.dialog.discord=Discordコミュニティに参加する
+feedback.dialog.support=カスタマーサポート
 session.scroll.bottom=一番下にスクロール
 session.tab.new=新しいセッション
 session.tab.untitled=名前なしのセッション
@@ -9,6 +9,11 @@ session.empty.welcome=Kilo Code는 AI 코딩 어시스턴트입니다. 기능
 session.empty.loading=로딩 중…
 session.empty.recent=최근
 session.showHistory=기록 보기
+feedback.button=피드백 & 지원
+feedback.dialog.message=피드백을 들려주시거나 겪고 계신 문제에 대해 도움을 드리고 싶습니다.
+feedback.dialog.github=GitHub에 이슈 보고하기
+feedback.dialog.discord=Discord 커뮤니티 참여하기
+feedback.dialog.support=고객 지원
 session.scroll.bottom=맨 아래로 스크롤
 session.tab.new=새 세션
 session.tab.untitled=제목 없는 세션
@@ -9,6 +9,11 @@ session.empty.welcome=Kilo Code is een AI-codeerassistent. Vraag het om functies
 session.empty.loading=Laden…
 session.empty.recent=RECENT
 session.showHistory=Geschiedenis weergeven
+feedback.button=Feedback & Ondersteuning
+feedback.dialog.message=We horen graag uw feedback of helpen met eventuele problemen die u ervaart.
+feedback.dialog.github=Meld een probleem op GitHub
+feedback.dialog.discord=Word lid van onze Discord community
+feedback.dialog.support=Klantenservice
 session.scroll.bottom=Naar beneden scrollen
 session.tab.new=Nieuwe sessie
 session.tab.untitled=Naamloze sessie
@@ -9,6 +9,11 @@ session.empty.welcome=Kilo Code er en AI-kodingsassistent. Be den om å bygge fu
 session.empty.loading=Laster…
 session.empty.recent=NYLIGE
 session.showHistory=Vis historikk
+feedback.button=Tilbakemelding & støtte
+feedback.dialog.message=Vi vil gjerne høre tilbakemeldingene dine eller hjelpe med problemer du opplever.
+feedback.dialog.github=Rapporter et problem på GitHub
+feedback.dialog.discord=Bli med i Discord-fellesskapet vårt
+feedback.dialog.support=Kundestøtte
 session.scroll.bottom=Rull til bunnen
 session.tab.new=Ny økt
 session.tab.untitled=Uten tittel
@@ -9,6 +9,11 @@ session.empty.welcome=Kilo Code to asystent kodowania AI. Poproś go o tworzenie
 session.empty.loading=Ładowanie…
 session.empty.recent=OSTATNIE
 session.showHistory=Pokaż historię
+feedback.button=Opinie i wsparcie
+feedback.dialog.message=Chętnie poznamy Twoją opinię lub pomożemy w przypadku problemów.
+feedback.dialog.github=Zgłoś problem na GitHubie
+feedback.dialog.discord=Dołącz do naszej społeczności Discord
+feedback.dialog.support=Wsparcie klienta
 session.scroll.bottom=Przewiń na dół
 session.tab.new=Nowa sesja
 session.tab.untitled=Sesja bez tytułu
@@ -9,6 +9,11 @@ session.empty.welcome=Kilo Code é um assistente de codificação com IA. Peça
 session.empty.loading=Carregando…
 session.empty.recent=RECENTE
 session.showHistory=Mostrar histórico
+feedback.button=Feedback e suporte
+feedback.dialog.message=Adoraríamos ouvir seu feedback ou ajudar com quaisquer problemas que você esteja enfrentando.
+feedback.dialog.github=Reportar um problema no GitHub
+feedback.dialog.discord=Entrar na nossa comunidade Discord
+feedback.dialog.support=Suporte ao cliente
 session.scroll.bottom=Rolar para o fim
 session.tab.new=Nova sessão
 session.tab.untitled=Sessão sem título
@@ -9,6 +9,11 @@ session.empty.welcome=Kilo Code — это AI-ассистент по прогр
 session.empty.loading=Загрузка…
 session.empty.recent=НЕДАВНИЕ
 session.showHistory=Показать историю
+feedback.button=Отзывы и поддержка
+feedback.dialog.message=Мы будем рады услышать ваши отзывы или помочь с любыми возникающими проблемами.
+feedback.dialog.github=Сообщить о проблеме на GitHub
+feedback.dialog.discord=Присоединиться к нашему Discord
+feedback.dialog.support=Служба поддержки
 session.scroll.bottom=Прокрутить вниз
 session.tab.new=Новая сессия
 session.tab.untitled=Незаголовок сессия
@@ -9,6 +9,11 @@ session.empty.welcome=Kilo Code คือผู้ช่วยเขียนโ
 session.empty.loading=กำลังโหลด…
 session.empty.recent=ล่าสุด
 session.showHistory=แสดงประวัติ
+feedback.button=ข้อเสนอแนะและการสนับสนุน
+feedback.dialog.message=เรายินดีรับฟังข้อเสนอแนะของคุณหรือช่วยแก้ไขปัญหาที่คุณพบ
+feedback.dialog.github=รายงานปัญหาบน GitHub
+feedback.dialog.discord=เข้าร่วมชุมชน Discord ของเรา
+feedback.dialog.support=ฝ่ายสนับสนุนลูกค้า
 session.scroll.bottom=เลื่อนไปด้านล่าง
 session.tab.new=เซสชันใหม่
 session.tab.untitled=เซสชันไม่มีชื่อ
@@ -9,6 +9,11 @@ session.empty.welcome=Kilo Code, bir yapay zeka kodlama asistanıdır. Özellik
 session.empty.loading=Yükleniyor…
 session.empty.recent=SON
 session.showHistory=Geçmişi göster
+feedback.button=Geri Bildirim ve Destek
+feedback.dialog.message=Geri bildiriminizi almaktan veya yaşadığınız sorunlarda yardımcı olmaktan mutluluk duyarız.
+feedback.dialog.github=GitHub'da sorun bildirin
+feedback.dialog.discord=Discord topluluğumuza katılın
+feedback.dialog.support=Müşteri Desteği
 session.scroll.bottom=En alta kaýr
 session.tab.new=Yeni oturum
 session.tab.untitled=Başlıksız oturum
@@ -9,6 +9,11 @@ session.empty.welcome=Kilo Code — це AI-асистент для програ
 session.empty.loading=Завантаження…
 session.empty.recent=НЕДАВНІ
 session.showHistory=Показати історію
+feedback.button=Зворотний зв'язок і підтримка
+feedback.dialog.message=Ми раді отримати ваш відгук або допомогти з будь-якими проблемами, які у вас виникли.
+feedback.dialog.github=Повідомити про проблему на GitHub
+feedback.dialog.discord=Приєднатися до нашої спільноти Discord
+feedback.dialog.support=Служба підтримки клієнтів
 session.scroll.bottom=Прокрутити донизу
 session.tab.new=Нова сесія
 session.tab.untitled=Сесія без назви
@@ -9,6 +9,11 @@ session.empty.welcome=Kilo Code 是一个 AI 编程助手。可请它构建功
 session.empty.loading=加载中…
 session.empty.recent=最近
 session.showHistory=显示历史
+feedback.button=反馈与支持
+feedback.dialog.message=我们很乐意听取您的反馈，或帮助解决您遇到的任何问题。
+feedback.dialog.github=在 GitHub 上报告问题
+feedback.dialog.discord=加入我们的 Discord 社区
+feedback.dialog.support=客户支持
 session.scroll.bottom=滚动到底部
 session.tab.new=新建会话
 session.tab.untitled=无标题会话
@@ -9,6 +9,11 @@ session.empty.welcome=Kilo Code 是 AI 程式輔助。可請它建置功能、
 session.empty.loading=載入中…
 session.empty.recent=最近
 session.showHistory=顯示歷史
+feedback.button=意見回饋與支援
+feedback.dialog.message=我們很樂意聆聽您的意見回饋，或協助解決您遇到的任何問題。
+feedback.dialog.github=在 GitHub 上回報問題
+feedback.dialog.discord=加入我們的 Discord 社群
+feedback.dialog.support=客戶支援
 session.scroll.bottom=滾動到底部
 session.tab.new=新建工作階段
 session.tab.untitled=未命名的工作階段
@@ -72,7 +72,7 @@ class SessionUiFactoryTest : BasePlatformTestCase() {
        val rpc = session("ses_1")
        val ui = SessionUi(project, workspace, sessions, app, scope, manager = manager, workspaces = workspaces)
        val controller = controller(ui)
-        val panel = ai.kilocode.client.session.ui.EmptySessionPanel(testRootDisposable, controller, listOf(rpc))
+        val panel = ai.kilocode.client.session.ui.empty.EmptySessionPanel(testRootDisposable, controller, listOf(rpc))

        panel.clickRecent(0)

@@ -84,7 +84,7 @@ class SessionUiFactoryTest : BasePlatformTestCase() {
        val manager = FakeManager()
        val ui = SessionUi(project, workspace, sessions, app, scope, manager = manager, workspaces = workspaces)
        val controller = controller(ui)
-        val panel = ai.kilocode.client.session.ui.EmptySessionPanel(
+        val panel = ai.kilocode.client.session.ui.empty.EmptySessionPanel(
            testRootDisposable,
            controller,
            emptyList(),
@@ -8,7 +8,7 @@ import ai.kilocode.client.session.model.QuestionItem
 import ai.kilocode.client.session.model.QuestionOption
 import ai.kilocode.client.session.model.SessionState
 import ai.kilocode.client.session.ui.ConnectionPanel
-import ai.kilocode.client.session.ui.EmptySessionPanel
+import ai.kilocode.client.session.ui.empty.EmptySessionPanel
 import ai.kilocode.client.session.ui.LoadingPanel
 import ai.kilocode.client.session.ui.prompt.PromptPanel
 import ai.kilocode.client.session.ui.account.SessionAccountOverlay
@@ -6,11 +6,11 @@ import ai.kilocode.client.app.KiloWorkspaceService
 import ai.kilocode.client.app.Workspace
 import ai.kilocode.client.plugin.KiloBundle
 import ai.kilocode.client.session.SessionActivityKind
-import ai.kilocode.client.session.SessionRef
 import ai.kilocode.client.session.history.HistoryTime
 import ai.kilocode.client.session.history.LocalHistoryItem
-import ai.kilocode.client.session.ui.style.SessionUiStyle
 import ai.kilocode.client.session.controller.SessionController
+import ai.kilocode.client.session.ui.empty.EmptySessionPanel
+import ai.kilocode.client.session.ui.style.SessionUiStyle
 import ai.kilocode.client.ui.FilledBadgeIcon
 import ai.kilocode.client.testing.FakeAppRpcApi
 import ai.kilocode.client.testing.FakeSessionRpcApi
@@ -33,6 +33,7 @@ import kotlinx.coroutines.delay
 import kotlinx.coroutines.runBlocking
 import java.awt.BorderLayout
 import java.awt.Cursor
+import javax.swing.JButton

@Suppress("UnstableApiUsage")
 class EmptySessionPanelTest : BasePlatformTestCase() {
@@ -82,10 +83,10 @@ class EmptySessionPanelTest : BasePlatformTestCase() {
        assertFalse(panel.loadingVisible())
    }

-    fun `test recent section remains visible when empty`() {
+    fun `test recent section is hidden when empty`() {
        val panel = panel()

-        assertTrue(panel.recentVisible())
+        assertFalse(panel.recentVisible())
        assertEquals(0, panel.recentCount())
    }

@@ -160,11 +161,20 @@ class EmptySessionPanelTest : BasePlatformTestCase() {
        assertEquals(ai.kilocode.client.plugin.KiloBundle.message("session.showHistory"), panel.showHistoryText())
    }

+    fun `test feedback button uses localized text and icon`() {
+        val panel = panel()
+
+        assertEquals(KiloBundle.message("feedback.button"), panel.feedbackText())
+        assertNotNull(panel.feedbackIcon())
+    }
+
    fun `test action controls use hand cursor and no show history outline`() {
        val panel = panel()

        assertFalse(panel.showHistoryBorderPainted())
+        assertFalse(panel.feedbackBorderPainted())
        assertEquals(Cursor.HAND_CURSOR, panel.showHistoryCursor())
+        assertEquals(Cursor.HAND_CURSOR, panel.feedbackCursor())
        assertEquals(Cursor.HAND_CURSOR, panel.recentCursor())
    }

@@ -177,6 +187,36 @@ class EmptySessionPanelTest : BasePlatformTestCase() {
        assertEquals(1, calls)
    }

+    fun `test feedback popup content opens expected destinations`() {
+        val panel = panel()
+        val opened = mutableListOf<String>()
+        val content = panel.feedbackContent { opened.add(it) }
+        val buttons = UIUtil.uiTraverser(content).filter(JButton::class.java).toList()
+
+        assertEquals(
+            listOf(
+                KiloBundle.message("feedback.dialog.github"),
+                KiloBundle.message("feedback.dialog.discord"),
+                KiloBundle.message("feedback.dialog.support"),
+            ),
+            buttons.map { it.text },
+        )
+
+        buttons.forEach { it.doClick() }
+
+        assertEquals(panel.feedbackUrls(), opened)
+    }
+
+    fun `test feedback discord action has icon`() {
+        val panel = panel()
+        val content = panel.feedbackContent()
+        val discord = UIUtil.uiTraverser(content)
+            .filter(JButton::class.java)
+            .first { it.text == KiloBundle.message("feedback.dialog.discord") }
+
+        assertNotNull(discord.icon)
+    }
+
    fun `test renderer aligns title center and time east`() {
        val cell = panel().rendererComponent(session("ses_1")) as BorderLayoutPanel
        val layout = cell.layout as BorderLayout