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

Design the VS Code Workspaces panel

Đang mở
#1,113 3 bình luận 0 reaction 1 người được giao Xem trên GitHub

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

@chrifro đang làm issue này rồi.

Từ ngày 15/9/2026.

Đánh giá

Issue này chưa được đánh giá.

Mô tả

Scope

Design the Workspaces panel associated with DEVEX-621 (workspaces: panel components on top of packages/ui).

Design only — no backend integration, IPC, data fetching, or functional implementation.

Design direction

Aim to follow VS Code's design patterns and monochrome/low-color approach so the panel feels native to the editor. Prefer hierarchy, spacing, typography, and icons over decorative color. Any colored pills or indicators should be restrained, meaningful, theme-aware, and understandable without color alone.

Hierarchy and layout
  • Preserve the familiar VS Code layout: workspace name, owner when it isn't you, and workspace → agent hierarchy.
  • Improve the visual hierarchy of subagents so their parent relationship is clear.
  • Preserve hover-revealed actions, with keyboard-accessible equivalents.
  • Explore an overflow menu (…) for secondary actions, with icons where helpful.
Metadata and status
  • Replace one-tree-item-per-metadata-entry with a more compact, readable presentation.
  • Explore pills for status or metadata, using color sparingly and only where it adds meaning.
  • Show when a workspace needs an update and distinguish that from its current status.
  • Cover app statuses displayed under each agent.
  • Include metadata freshness / “collected at” tooltips.
States and accessibility
  • Cover welcome, empty, error, and loading states.
  • Specify keyboard focus and keyboard-accessible equivalents of hover actions.
  • Check narrow sidebar layouts and long names/values.
  • Cover light, dark, and high-contrast themes.

Deferred

A search bar with custom filters should wait until the dashboard design is complete so the experiences can align. Search/filter design and implementation are out of scope for this issue.

Deliverables

  • Mockups covering the hierarchy, metadata, statuses, and relevant panel states.
  • Interaction notes for expansion, hover/focus actions, overflow menus, and tooltips.
  • Representative examples with multiple agents/subagents and dense metadata.
  • Clear separation between the initial design and deferred search/filter work.

Generated by Coder Agents on behalf of @EhabY.

Ngôn ngữ chính
TypeScript
Star
131
Fork
48
Merge trung bình
1 ngày 23 giờ
Pull request đã merge (30 ngày)
16

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 coder/vscode-coder

Tất cả issue của coder/vscode-coder

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.