[STORY] Issue Detail Panel (Slide-over)
- 主要語言
- TypeScript
- 星號
- 0
- 分支
- 0
- PR 合併指標
- 30 天內沒有已合併 PR
描述
## User Story
*As a developer, I want to see the full context of a PII violation, so that I can understand how to fix it.*
## Epic
**Related Epic**: #
## Acceptance Criteria
- [ ] Slide-over panel from right
- [ ] Shows full context (file path, line number, surrounding code)
- [ ] Masked PII preview (e.g., John S***h)
- [ ] Remediation suggestions
- [ ] Copy-to-clipboard for file path
## Technical Details
- shadcn/ui Sheet component (customized)
- Framer Motion for slide animation
- Syntax highlighting for code snippets
## Estimate
**Story Points**: 5
貢獻指南
研究方向
Start by locating the issue-detail entry point and the existing shadcn/ui Sheet setup. Review how Framer Motion and code syntax highlighting are used before implementing the right-side panel. Done means the panel shows the file path, line number, surrounding code, masked PII, remediation suggestions, and a copyable file path.
由索引模型根據 Issue 內容生成。
評估
- 技術堆疊
- typescript
- 領域
- frontend
- Issue 類型
- 功能
- 難度
- 4/5
- 預估耗時
- 3-5 天
- 活躍度
- 停滯
- 描述清晰度
- 基本清楚
- 新手友好度
- 35/100