feat(idea): add Jewel-themed ANSI terminal renderer

Introduce a custom ANSI terminal renderer for IntelliJ IDEA using Jewel theming, with support for colors and formatting. Enable "Open in Terminal" for command outputs via a compatibility layer for different IDEA versions. Persist agent type preference to config to avoid UI flicker.

Author: phodal

mpp-idea/src/main/kotlin/cc/unitmesh/devins/idea/components/timeline/IdeaTerminalOutputBubble.kt

@@ -7,43 +7,45 @@ import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.interaction.MutableInteractionSource
 import androidx.compose.foundation.layout.*
-import androidx.compose.foundation.rememberScrollState
 import androidx.compose.foundation.shape.RoundedCornerShape
-import androidx.compose.foundation.verticalScroll
 import androidx.compose.runtime.*
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
-import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.text.font.FontFamily
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 import cc.unitmesh.agent.render.TimelineItem
+import cc.unitmesh.devins.idea.renderer.terminal.IdeaAnsiTerminalRenderer
+import cc.unitmesh.devins.idea.terminal.TerminalApiCompat
 import cc.unitmesh.devins.idea.toolwindow.IdeaComposeIcons
 import cc.unitmesh.devins.ui.compose.theme.AutoDevColors
 import com.intellij.openapi.ide.CopyPasteManager
+import com.intellij.openapi.project.Project
 import org.jetbrains.jewel.foundation.theme.JewelTheme
 import org.jetbrains.jewel.ui.component.Icon
 import org.jetbrains.jewel.ui.component.Text
 import java.awt.datatransfer.StringSelection
 
 /**
  * Terminal output bubble for displaying shell command results.
- * Shows output with scrollable area (4 lines visible), full width layout.
+ * Uses Jewel-themed ANSI terminal renderer for proper color and formatting support.
+ * Shows output with scrollable area, full width layout.
+ *
+ * Features:
+ * - ANSI color and formatting support
+ * - Collapsible output with header
+ * - Copy to clipboard
+ * - Open in native terminal (when available)
  */
 @Composable
 fun IdeaTerminalOutputBubble(
     item: TimelineItem.TerminalOutputItem,
-    modifier: Modifier = Modifier
+    modifier: Modifier = Modifier,
+    project: Project? = null
 ) {
     var expanded by remember { mutableStateOf(true) }
-    val scrollState = rememberScrollState()
-
-    // Auto-scroll to bottom when output changes
-    LaunchedEffect(item.output) {
-        scrollState.animateScrollTo(scrollState.maxValue)
-    }
 
     Box(
         modifier = modifier
@@ -61,52 +63,46 @@ fun IdeaTerminalOutputBubble(
                 onExpandToggle = { expanded = !expanded },
                 onCopy = {
                     CopyPasteManager.getInstance().setContents(StringSelection(item.output))
+                },
+                onOpenInTerminal = project?.let { proj ->
+                    { openCommandInTerminal(proj, item.command) }
                 }
             )
 
-            // Collapsible output content with scrolling
+            // Collapsible output content using Jewel ANSI terminal renderer
             AnimatedVisibility(
                 visible = expanded,
                 enter = expandVertically(),
                 exit = shrinkVertically()
             ) {
-                Box(
+                // Use Jewel-themed ANSI terminal renderer
+                IdeaAnsiTerminalRenderer(
+                    ansiText = item.output,
                     modifier = Modifier
                         .fillMaxWidth()
-                        .heightIn(max = 120.dp) // ~4 lines at 12sp + padding
-                        .background(Color(0xFF1E1E1E))
-                        .padding(12.dp)
-                ) {
-                    if (item.output.isNotEmpty()) {
-                        Text(
-                            text = item.output,
-                            style = JewelTheme.defaultTextStyle.copy(
-                                fontSize = 12.sp,
-                                fontFamily = FontFamily.Monospace,
-                                color = AutoDevColors.Neutral.c300,
-                                lineHeight = 18.sp
-                            ),
-                            modifier = Modifier.verticalScroll(scrollState)
-                        )
-                    } else {
-                        Text(
-                            text = "(No output)",
-                            style = JewelTheme.defaultTextStyle.copy(
-                                fontSize = 12.sp,
-                                fontFamily = FontFamily.Monospace,
-                                color = AutoDevColors.Neutral.c500
-                            )
-                        )
-                    }
-                }
+                        .heightIn(min = 80.dp, max = 300.dp),
+                    maxHeight = 300,
+                    backgroundColor = AutoDevColors.Neutral.c900
+                )
             }
         }
     }
 }
 
+/**
+ * Opens the command in IDEA's native terminal using compatibility layer.
+ */
+private fun openCommandInTerminal(project: Project, command: String) {
+    TerminalApiCompat.openCommandInTerminal(
+        project = project,
+        command = command,
+        tabName = "AutoDev: $command",
+        requestFocus = true
+    )
+}
 
 /**
- * Header component for terminal bubble with command, status, and copy button.
+ * Header component for terminal bubble with command, status, and action buttons.
  */
 @Composable
 private fun TerminalHeader(
@@ -115,7 +111,8 @@ private fun TerminalHeader(
     executionTimeMs: Long,
     expanded: Boolean,
     onExpandToggle: () -> Unit,
-    onCopy: () -> Unit
+    onCopy: () -> Unit,
+    onOpenInTerminal: (() -> Unit)? = null
 ) {
     Row(
         modifier = Modifier
@@ -152,7 +149,7 @@ private fun TerminalHeader(
             )
 
             // Command text (truncated if too long)
-            val displayCommand = if (command.length > 60) command.take(60) + "..." else command
+            val displayCommand = if (command.length > 50) command.take(50) + "..." else command
             Text(
                 text = "$ $displayCommand",
                 style = JewelTheme.defaultTextStyle.copy(
@@ -164,14 +161,33 @@ private fun TerminalHeader(
             )
         }
 
-        // Right side: Status and copy
+        // Right side: Status and actions
         Row(
             horizontalArrangement = Arrangement.spacedBy(8.dp),
             verticalAlignment = Alignment.CenterVertically
         ) {
             // Status badge
             TerminalStatusBadge(exitCode = exitCode, executionTimeMs = executionTimeMs)
 
+            // Open in terminal button (if available)
+            if (onOpenInTerminal != null) {
+                Box(
+                    modifier = Modifier
+                        .size(24.dp)
+                        .clip(RoundedCornerShape(4.dp))
+                        .background(AutoDevColors.Neutral.c700)
+                        .clickable { onOpenInTerminal() },
+                    contentAlignment = Alignment.Center
+                ) {
+                    Icon(
+                        imageVector = IdeaComposeIcons.Terminal,
+                        contentDescription = "Open in Terminal",
+                        tint = AutoDevColors.Neutral.c300,
+                        modifier = Modifier.size(14.dp)
+                    )
+                }
+            }
+
             // Copy button
             Box(
                 modifier = Modifier
@@ -206,6 +222,7 @@ private fun TerminalStatusBadge(
             AutoDevColors.Green.c400,
             "exit: 0  ${executionTimeMs}ms"
         )
+
         else -> Triple(
             AutoDevColors.Red.c600.copy(alpha = 0.3f),
             AutoDevColors.Red.c400,
@@ -228,4 +245,3 @@ private fun TerminalStatusBadge(
         )
     }
 }
-

mpp-idea/src/main/kotlin/cc/unitmesh/devins/idea/components/timeline/IdeaTimelineContent.kt

@@ -10,6 +10,7 @@ import androidx.compose.ui.Modifier
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 import cc.unitmesh.agent.render.TimelineItem
+import com.intellij.openapi.project.Project
 import org.jetbrains.jewel.foundation.theme.JewelTheme
 import org.jetbrains.jewel.ui.component.Text
 
@@ -22,7 +23,8 @@ fun IdeaTimelineContent(
     timeline: List<TimelineItem>,
     streamingOutput: String,
     listState: LazyListState,
-    modifier: Modifier = Modifier
+    modifier: Modifier = Modifier,
+    project: Project? = null
 ) {
     if (timeline.isEmpty() && streamingOutput.isEmpty()) {
         IdeaEmptyStateMessage("Start a conversation with your AI Assistant!")
@@ -34,7 +36,7 @@ fun IdeaTimelineContent(
             verticalArrangement = Arrangement.spacedBy(4.dp)
         ) {
             items(timeline, key = { it.id }) { item ->
-                IdeaTimelineItemView(item)
+                IdeaTimelineItemView(item, project)
             }
 
             // Show streaming output
@@ -51,7 +53,7 @@ fun IdeaTimelineContent(
  * Dispatch timeline item to appropriate bubble component.
  */
 @Composable
-fun IdeaTimelineItemView(item: TimelineItem) {
+fun IdeaTimelineItemView(item: TimelineItem, project: Project? = null) {
     when (item) {
         is TimelineItem.MessageItem -> {
             IdeaMessageBubble(
@@ -69,17 +71,18 @@ fun IdeaTimelineItemView(item: TimelineItem) {
             IdeaTaskCompleteBubble(item)
         }
         is TimelineItem.TerminalOutputItem -> {
-            IdeaTerminalOutputBubble(item)
+            IdeaTerminalOutputBubble(item, project = project)
         }
         is TimelineItem.LiveTerminalItem -> {
             // Live terminal not supported in IDEA yet, show placeholder
             IdeaTerminalOutputBubble(
-                TimelineItem.TerminalOutputItem(
+                item = TimelineItem.TerminalOutputItem(
                     command = item.command,
                     output = "[Live terminal session: ${item.sessionId}]",
                     exitCode = 0,
                     executionTimeMs = 0
-                )
+                ),
+                project = project
             )
         }
     }