Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

[Bug]: Long descriptions in the composer `/` command menu are truncated with no way to read the full text

Đang mở Phù hợp với người mới
#26,940 0 bình luận 0 reaction 0 người được giao Xem trên GitHub

Maintainer thường phản hồi trong vòng 1 ngày

Chưa có ai nhận issue này.

Đánh giá

Độ khó
2/5
Thời gian dự kiến
1-3 giờ
Mức phù hợp với người mới
78/100
Loại issue
Lỗi
Độ rõ ràng
Đặc tả rõ ràng
Mức độ hoạt động
Sôi nổi
Công nghệ
react, typescript
Lĩnh vực
frontend

Hướng nghiên cứu

Bắt đầu với apps/web/src/components/chat/ComposerCommandMenu.tsx, nơi issue xác định phần mô tả bị cắt ngắn và hành vi tô sáng hàng. Kiểm tra các trạng thái hover và chọn bằng bàn phím hiện có của menu lệnh, sau đó chọn cách hiển thị toàn bộ mô tả trong cả hai trạng thái. Hoàn thành khi có thể đọc các mô tả dài trong lúc di chuột qua hoặc tô sáng một hàng.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

Before submitting
  • I searched existing issues and did not find a duplicate.
  • I included enough detail to reproduce or investigate the problem.
Area

apps/web

Steps to reproduce
  1. In a thread, type / in the composer to open the command menu.
  2. Find an entry whose description is longer than the row, for example a provider command or skill with a long description.
  3. Hover the row, or highlight it with the keyboard.

Composer command menu with truncated descriptions

Image
Expected behavior

Hovering or highlighting a row lets me read the whole description. For example, the text scrolls or animates horizontally, the active row expands or wraps, or a tooltip shows the full text.

Actual behavior

The description is cut off with an ellipsis and nothing reveals the rest, so you cannot read what the command does. For example /code-review ends in "(plus reuse/simpli…" and /ultrareview ends in "Runs in a …".

In the code (upstream/main @ 6d450a4284), ComposerCommandMenu.tsx renders the description as a plain truncated span:

<span className="min-w-0 flex-1 truncate text-left text-secondary-label text-xs">
  {props.item.description}
</span>

(apps/web/src/components/chat/ComposerCommandMenu.tsx, line 242). The row has no title, no tooltip, and no hover or active-state handling for the description. onMouseMove only sets the highlighted item. A search of apps/web/src found no marquee or text-scroll style that could be reused.

Impact

Minor bug or occasional failure

Version or commit

Code references: upstream/main @ 6d450a4284. The screenshot is from a locally running T3 Code; I did not record its version.

Environment

T3 Code web UI; the server runs on Linux (WSL2). Client OS and browser or desktop shell not recorded.

Logs or stack traces

No response

Workaround

None found for the full text apart from reading the provider's own documentation for the command.

Ngôn ngữ chính
TypeScript
Star
24.8k
Fork
6.4k
Merge trung bình
3 giờ 21 phút
Pull request đã merge (30 ngày)
297

Chuẩn bị môi trường

Mở trong Codespaces

Khởi chạy dev container của dự án ngay trên trình duyệt, bằng tài khoản GitHub của bạn.

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của pingdotgg/t3code

Tất cả issue của pingdotgg/t3code

Issue tương tự

Thêm issue về TypeScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.