Wrap plugin detail descriptions

codex-rs/tui/src/chatwidget/plugins.rs

@@ -31,10 +31,12 @@ use ratatui::text::Line;
 use ratatui::widgets::Paragraph;
 use ratatui::widgets::WidgetRef;
 use ratatui::widgets::Wrap;
+use unicode_width::UnicodeWidthChar;
 
 const PLUGINS_SELECTION_VIEW_ID: &str = "plugins-selection";
 const LOADING_ANIMATION_DELAY: Duration = Duration::from_secs(1);
 const LOADING_ANIMATION_INTERVAL: Duration = Duration::from_millis(100);
+const PLUGIN_DETAIL_DESCRIPTION_MAX_LINES: usize = 5;
 
 struct DelayedLoadingHeader {
     started_at: Instant,
@@ -119,6 +121,82 @@ impl Renderable for PluginDisclosureLine {
     }
 }
 
+struct PluginDetailDescription {
+    description: String,
+}
+
+impl Renderable for PluginDetailDescription {
+    fn render(&self, area: Rect, buf: &mut Buffer) {
+        for (idx, line) in plugin_detail_description_lines(&self.description, area.width)
+            .into_iter()
+            .enumerate()
+        {
+            if idx as u16 >= area.height {
+                break;
+            }
+            line.render(
+                Rect {
+                    x: area.x,
+                    y: area.y + idx as u16,
+                    width: area.width,
+                    height: 1,
+                },
+                buf,
+            );
+        }
+    }
+
+    fn desired_height(&self, width: u16) -> u16 {
+        plugin_detail_description_lines(&self.description, width)
+            .len()
+            .try_into()
+            .unwrap_or(u16::MAX)
+    }
+}
+
+fn plugin_detail_description_lines(description: &str, width: u16) -> Vec<Line<'static>> {
+    let width = width.max(1) as usize;
+    let mut lines = textwrap::wrap(description, width)
+        .into_iter()
+        .map(|line| line.into_owned())
+        .collect::<Vec<_>>();
+
+    if lines.len() > PLUGIN_DETAIL_DESCRIPTION_MAX_LINES {
+        lines.truncate(PLUGIN_DETAIL_DESCRIPTION_MAX_LINES);
+        if let Some(last_line) = lines.last_mut() {
+            *last_line = line_with_ascii_ellipsis(last_line, width);
+        }
+    }
+
+    lines
+        .into_iter()
+        .map(|line| Line::from(line.dim()))
+        .collect()
+}
+
+fn line_with_ascii_ellipsis(line: &str, width: usize) -> String {
+    let suffix_width = 3.min(width);
+    let suffix = ".".repeat(suffix_width);
+    let limit = width.saturating_sub(suffix_width);
+    let mut truncated = String::new();
+    let mut used_width = 0;
+
+    for ch in line.chars() {
+        let ch_width = UnicodeWidthChar::width(ch).unwrap_or(0);
+        if used_width + ch_width > limit {
+            break;
+        }
+        truncated.push(ch);
+        used_width += ch_width;
+    }
+
+    while truncated.ends_with(' ') {
+        truncated.pop();
+    }
+    truncated.push_str(&suffix);
+    truncated
+}
+
 #[derive(Debug, Clone, Default)]
 pub(super) enum PluginsCacheState {
     #[default]
@@ -858,7 +936,7 @@ impl ChatWidget {
             });
         }
         if let Some(description) = plugin_detail_description(plugin) {
-            header.push(Line::from(description.dim()));
+            header.push(PluginDetailDescription { description });
         }
 
         let cwd = self.config.cwd.to_path_buf();

codex-rs/tui/src/chatwidget/snapshots/codex_tui__chatwidget__tests__plugin_detail_popup_installable.snap

@@ -6,7 +6,11 @@ expression: popup
   Figma · Can be installed · ChatGPT Marketplace
   Data shared with this app is subject to the app's terms of service and privacy policy. Learn
   more.
-  Turn Figma files into implementation context.
+  Turn Figma files into implementation context for dense product surfaces, including component
+  inventory, token extraction, interaction notes, responsive layout observations, accessibility
+  reminders, copy review, handoff risks, migration notes, and follow-up prompts for engineers who
+  need enough detail to move quickly without rereading every frame in the file. It also summarizes
+  component variants, naming drift, spacing anomalies, unanswered design questions, suggested...
 
 › 1. Back to plugins  Return to the plugin list.
   2. Install plugin   Install this plugin now.

codex-rs/tui/src/chatwidget/tests/popups_and_settings.rs

@@ -188,7 +188,9 @@ async fn plugin_detail_popup_snapshot_shows_install_actions_and_capability_summa
         Ok(PluginReadResponse {
             plugin: plugins_test_detail(
                 summary,
-                Some("Turn Figma files into implementation context."),
+                Some(
+                    "Turn Figma files into implementation context for dense product surfaces, including component inventory, token extraction, interaction notes, responsive layout observations, accessibility reminders, copy review, handoff risks, migration notes, and follow-up prompts for engineers who need enough detail to move quickly without rereading every frame in the file. It also summarizes component variants, naming drift, spacing anomalies, unanswered design questions, suggested acceptance checks, and the practical constraints that matter when translating a polished mockup into production UI.",
+                ),
                 &["design-review", "extract-copy"],
                 &[("Figma", true), ("Slack", false)],
                 &["figma-mcp", "docs-mcp"],