adhit-r / adhit-r/Redact-ai

[STORY] Issue Detail Panel (Slide-over)

未關閉
#3 0 則留言 0 個 reaction 已指派 0 人 在 GitHub 檢視
frontend P1-high phase-mvp user-story
主要語言
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

把新 issue 寄到你的電子郵件信箱

精選適合新手參與的 GitHub issue 摘要。