Bug Report: Option Title Misalignment in Plan Mode Dialog (Last Option)

What version of the IDE extension are you using?

0.4.71

What subscription do you have?

team

Which IDE are you using?

Kiro

What platform is your computer?

Darwin 24.6.0 arm64 arm

What issue are you seeing?

Description

When using Codex plugin in plan mode within Kiro IDE, the dialog that prompts for user input displays a title misalignment issue on the last option. The title text for option 4 appears to be cut off and positioned incorrectly, overlapping with the action buttons at the bottom of the dialog.

Environment

• Operating System: macOS 15.6.1 (24G90)
• Codex Version: 0.4.71
• IDE: Kiro IDE
• Mode: Plan mode

Steps to Reproduce

1. Open Kiro IDE with Codex plugin installed
2. Activate plan mode
3. Trigger a dialog prompt from Codex that requires user selection
4. Observe the last option in the list

Expected Behavior

All option titles should be fully visible and properly aligned, with consistent spacing between options and clear separation from the action buttons (忽略/ESC/提交).

Actual Behavior

The last option (option 4) has its title text misaligned and partially cut off. The visible text shows "否，请告知 Cod..." which appears to be truncated. The title overlaps with or is positioned too close to the bottom action buttons, breaking the visual hierarchy and making it difficult to read.

Visual Evidence

<img width="375" height="258" alt="Image" src="https://github.com/user-attachments/assets/32d920db-0897-496e-b26d-b2f21acf344c" />

From the screenshot, we can see:

• Options 1-3 display correctly with proper spacing
• Option 4's title is positioned lower and appears truncated
• The text "否，请告知 Cod..." is cut off mid-word
• There's insufficient spacing between option 4 and the bottom button row

Potential Root Cause

This appears to be a CSS/layout issue where:

• The container height may not be calculating correctly for the number of options
• The last option's text overflow handling may be incorrect
• There might be a fixed height constraint causing the content to be clipped

Impact

• Severity: Medium
• User Impact: Reduces usability and readability of dialog options, potentially causing users to misunderstand or miss important information in the last option

Suggested Investigation Areas

1. Check the dialog container's height calculation logic
2. Review CSS overflow and text-overflow properties for option elements
3. Verify padding/margin calculations for the last child element
4. Test with varying numbers of options to see if the issue is specific to 4+ options

What steps can reproduce the bug?

1. Open Kiro IDE with Codex plugin installed (version 0.4.71)
2. Start a new chat session with Codex
3. Enable plan mode
4. Ask Codex a question that triggers a clarification dialog with multiple options (4 or more options)
5. Observe the dialog that appears - the last option's title text will be misaligned and partially cut off

What is the expected behavior?

All option titles in the dialog should be fully visible and properly aligned with consistent spacing. Each option (1, 2, 3, 4, etc.) should display its complete title text without truncation. There should be adequate spacing between each option and clear visual separation between the last option and the bottom action buttons (忽略/ESC/提交). The layout should maintain a clean visual hierarchy where all text is readable and no content overlaps with UI controls.

Additional information

From the screenshot, I observed:

• Options 1-3 display correctly with proper spacing
• Option 4's title appears to be positioned lower than expected and is truncated (showing "否，请告知 Cod..." instead of the full text)
• The truncated text suggests the full option might be something like "否，请告知 Codex..."
• There appears to be insufficient vertical spacing between option 4 and the bottom button row

This seems to be a CSS/layout issue where:

• The dialog container height may not be calculating correctly for the number of options
• The last option's text overflow handling may be incorrect
• There might be a fixed height constraint causing content to be clipped

The issue appears specifically when there are 4 or more options in the dialog. I'm happy to provide more details or test specific scenarios if needed.