feat(datasets): implement dataset detail view UI with summary and diagnosis tabs#3
Merged
Merged
Conversation
- Remove header with back button and dataset name - Update tab bar style to match BoardToolbar (pill/rounded style) - Remove icons from tabs for cleaner appearance - Add Summary tab content with dataset name, pencil icon, and mock metadata - Change default landing tab from Table to Summary Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- DatasetDetailView: change padding to 24px vertical, 32px horizontal - BoardEditor: change padding to 24px vertical, 32px horizontal Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Add header section with document icon, title, edit/more menu - Display metadata line with sources, columns, rows, created date, size - Add DATA CONTEXT section with mock Agent Analysis card - Implement Memo section with localStorage persistence and debounced save - Add ORIGINAL SOURCES section showing source file cards - Add SAMPLE DATA section with 5-row preview table and View Full link - Include utility functions for date and file size formatting Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
…search - Replace pagination with "Show More" pattern for progressive row loading - Add row click highlight with toggle selection - Implement Ctrl+F/Cmd+F search with cell highlighting and navigation - Unify table styling with Summary's Sample Data table - Add "Add More Data" button UI to Table tab - Change rowsPerPage prop to initialRows/increment for flexibility Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Create DatasetHeader component with file icon, name, actions and metadata - Export utility functions (isFileAsset, getDatasetName, formatFileSize, formatDate) - Render shared header above all tabs (Summary, Table, History) - Remove duplicate header from SummaryTabContent Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Add alwaysShowSearch prop to AssetTableView to control search bar visibility. When enabled, search bar is always shown without border and close button. Applied to Dataset detail Table tab for better UX. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Add timeline-style history section in the Sources area showing dataset lifecycle events (creation, pre-processing). Uses mock data for now, displays highlighted/regular items with status dots and optional badges. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Add hideFooter prop to AssetTableView for conditional footer display - Replace inline HTML table with AssetTableView in summary tab - Change "View Full" label to "View More" Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Change tab name from 'History' to 'Diagnosis' - Update icon from History to Stethoscope - Rename HistoryItem interface to DiagnosisItem - Update related variable names and descriptions Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
…confirmed issues sections Add complete diagnosis tab UI including: - Quick Scan section showing automated check results with Rescan button - Issues section with interactive cards for user responses (correct/incorrect/unknown/custom) - Confirmed Issues section summarizing responded issues with status indicators - Response type display: problem confirmed (red), not a problem (gray), needs review (yellow), custom note (gray) - "에이전트와 함께 정리하기" CTA button placeholder Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
FluxloopAdmin
approved these changes
Jan 25, 2026
Contributor
FluxloopAdmin
left a comment
FluxloopAdmin
left a comment
There was a problem hiding this comment.
✅ LGTM - Approved
Dataset Detail View UI 전면 개편이 잘 되었습니다!
👍 Highlights
- Summary/Diagnosis/Table 탭 구조 체계적
- AssetTableView의 검색 + Show More 패턴 훌륭
- Diagnosis 탭의 Issue 응답 UX 인상적
💡 향후 개선 (Optional)
- 다크모드 색상 - 하드코딩된
text-[#1c1917]등 테마 변수로 교체 - 파일 분리 - DatasetDetailView.tsx가 ~1000줄로 커짐
- i18n - 한국어/영어 혼용 → 일관성 유지
현재 상태로 머지 가능합니다! 🚀
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
데이터셋 상세 뷰 UI를 전면 리디자인하여 Summary 탭과 Diagnosis 탭을 구현했습니다. 메타데이터 표시, 샘플 데이터 테이블, 히스토리 섹션, 그리고 데이터 품질 진단 기능을 포함합니다.
Changes
DatasetHeader컴포넌트를 재사용 가능한 형태로 분리AssetTableView컴포넌트 개선 (always-visible 검색바 옵션 추가)Test plan
🤖 Generated with Claude Code