[![npm version](https://img.shields.io/npm/v/dsh-better-sidebar-lite?style=flat-square&logo=npm&color=cb3837)](https://www.npmjs.com/package/dsh-better-sidebar-lite)
[![npm downloads](https://img.shields.io/npm/dt/dsh-better-sidebar-lite.svg)](https://www.npmjs.com/package/dsh-better-sidebar-lite)
[![npm license](https://img.shields.io/npm/l/dsh-better-sidebar-lite.svg)](https://www.npmjs.com/package/dsh-better-sidebar-lite.svg)
**🌐 語言 / Language:** [English](./README.md) · [繁體中文](./README.zh-TW.md) · [Tiếng Việt](./README.vi.md)


<div align="center">
  <img width="400" height="400" alt="review_1" src="./printshots/avatar.png" />
</div>

# Tóm tắt (TLDR)
Thêm một thanh bên vào phía bên phải màn hình workspace với các tab hữu ích:
- Explorer
- Git
- Skills
- Tools

# Cách cài đặt 

```
dsh plugin add dsh-better-sidebar-lite@1.0.0-rs.1 --profile web
```

⚠️ **CẢNH BÁO:** Hãy đảm bảo cài đặt Deepseek Harness phiên bản 0.1.0-rc.7 trở lên...

# Plugin này làm gì ? (1.0.0-rs.1)
Thêm một thanh bên vào phía bên phải màn hình workspace. Khu vực này sẽ chứa các tab hiển thị nhiều loại thông tin khác nhau, bao gồm:
- **Dock**: Thanh bên neo bên phải, chiếm cột chi tiết (details column) bên phải của khung, có thể kéo để thay đổi kích thước gốc. Mở/đóng bằng phím tắt `Ctrl/Cmd+Shift+B` hoặc nút bật/tắt ở chân thanh bên trái; tùy chọn mở/đóng của bạn được lưu lại.
- **Editor**: Các trình soạn thảo dạng modal hỗ trợ xem nội dung của đối tượng — trình xem tệp (nội dung thô hoặc chế độ xem diff song song) và thẻ chi tiết công cụ, hiển thị phủ lên toàn bộ thanh bên.
- **Explorer**: 
  - Hiển thị cây thư mục của workspace, các thư mục được tải lười (lazy-load) khi cần.
  - Mở bất kỳ tệp nào trong trình soạn thảo modal bằng cách nhấp đúp hoặc nhấn `Enter`.
  - Điều hướng đầy đủ bằng bàn phím: phím mũi tên, `Home`/`End`, `Enter`/`Space` và `*` để mở rộng một cấp.
  - Tự động theo dõi các thay đổi trong workspace (thăm dò dấu thời gian + debounce theo phiên làm việc), kèm nút làm mới thủ công và các trạng thái trống/lỗi (không có workspace, thư mục gốc bị xóa, tải thất bại).
- **Git**:
  - Chế độ xem trạng thái với bốn mục — Staged, Conflicts, Changes, Untracked — kèm số lượng từng mục.
  - Stage/unstage từng dòng, hủy thay đổi (discard) từng tệp hoặc hủy tất cả.
  - Tạo commit (thông điệp qua stdin; commit các tệp đã stage hoặc các đường dẫn cụ thể).
  - Lịch sử commit (mới nhất trước, phân trang "Load more") với chế độ xem chi tiết commit liệt kê các tệp đã thay đổi.
  - Xem diff từng tệp của một commit; nhấp đúp vào một dòng tệp để mở chế độ xem diff song song trong trình soạn thảo modal.
  - Tự động theo dõi thay đổi, kèm các trạng thái lỗi không phải kho git (not-a-repo) / thiếu git (git-missing).
- **Skills**:
  - Hiển thị danh sách các kỹ năng mà agent (preset) hiện tại đã tải/sẽ tải vào.
  - Xem danh sách kỹ năng của phiên làm việc hiện tại cùng trạng thái (bật / tắt)
  - Xem nội dung của kỹ năng
  - Xem các tệp tham chiếu mà kỹ năng sử dụng
- **Tools**:
  - Danh mục công cụ từ registry công cụ của host.
  - Thẻ phân loại (builtin / mcp / agent) kèm thanh lọc.
  - Nhấp đúp vào một công cụ để mở modal chi tiết công cụ (phân loại + máy chủ MCP + tham số).
- Các tab được đăng ký thông qua một registry tab có thể mở rộng, được hiển thị qua `ctx.betterSidebar`.
- Đồng bộ chế độ sáng/tối của hồ sơ Deepseek Harness của bạn (dsh theme tokens / `body[data-ds-dark-theme]`).
- Cho phép tùy chỉnh cấu hình thông qua cài đặt từ giao diện cấu hình Deepseek Harness (thời gian thăm dò/debounce của explorer, thời gian thăm dò/debounce/timeout của git, thời gian thăm dò của skills, độ rộng hộp thoại xem tệp).
- Hỗ trợ sẵn tiếng Anh và tiếng Trung Phồn thể (繁體中文).


# Tầm nhìn và định hướng tương lai của tác giả

- Phát triển thêm các tính năng phù hợp trong khi vẫn giữ triết lý ban đầu là "đơn giản và hiệu quả".
- Chia sẻ thêm các plugin, system prompt và kỹ năng khác phù hợp với hệ thống Deepseek Harness.
- Hỗ trợ và đóng góp cho cộng đồng Deepseek Harness.
- Hoàn thành thử thách đặt ra cho bản thân: 365 ngày (và hơn thế nữa) đồng hành cùng Deepseek Harness.

# Ảnh chụp màn hình
<img alt="review_1" src="./printshots/review_1.png" />
<img alt="review_2" src="./printshots/review_2.png" />
<img alt="review_4" src="./printshots/review_4.png" />
<img alt="review_4" src="./printshots/review_5.png" />