홈 (Workspace Entry)
홈 화면은 D.Hub에 로그인한 뒤 가장 먼저 보게 되는 작업 공간의 진입점입니다. 최근 작업을 이어받고, 자산 현황을 확인하고, 전역 검색으로 원하는 항목을 빠르게 찾을 수 있도록 editorial confidence 레이아웃으로 구성되어 있습니다.
홈 전체 와이드 샷. 상단 Hero(웰컴·헤드라인·설명·검색)와 하단 2-column body(좌: Recent Items, 우: Stats + What's New). 사이드바도 함께 보여 사이드바 Search 메뉴와의 관계가 드러나면 좋습니다.
화면 구성
화면은 크게 상단의 타이포그래피 중심 Hero 섹션과, 아래의 2-column Body(좌측 Recent Items / 우측 Sticky Sidebar)로 나뉩니다.
Hero 섹션 (단일 컬럼, 컴팩트)
- 환영 문구: 로그인한 사용자의 이름이 표시됩니다. (
Welcome back, {user}) - 헤드라인과 설명: 작업 공간의 맥락을 소개하는 타이포그래피 우선 카피.
- 전역 검색 트리거: 돋보기 아이콘과 함께
⌘K/Ctrl+K단축키 뱃지가 표시된 검색 바. 클릭하거나 단축키를 누르면 허브 전역 검색이 모달로 열립니다. 검색 대상은 사이드바 메뉴(Jump to), 컬렉션, 데이터셋, 코드, 파이프라인, 지식, 대시보드, 온톨로지 엔티티, 에이전트를 포함합니다. - 검색 힌트: 추천 키워드 칩(예: "customer pipeline", "weekly ingestion")을 제시합니다.
플랫폼(macOS / Windows)에 따라 단축키 표기는 자동으로 ⌘K 또는 Ctrl+K로 전환됩니다.
서비스 공지(announcement banner)는 더 이상 홈 페이지 안이 아니라 모든 보호된 페이지의 최상단 전역 배너로 분리되어, 어디서 작업 중이든 동일하게 노출됩니다.
좌측 Main — Recent Items (최근 항목)
최근 업데이트되거나 생성된 최대 8개 항목이 flat divided list(구분선만 있는 평면 리스트)로 시간순 나열됩니다.
- 항목 구성: 좌측 ResourceIcon tinted-box(자산 유형 토큰 색이 옅게 칠해진 아이콘 박스) + 이름, 그 아래 작은 대문자 마이크로 라벨(유형 · 소속 컬렉션), 우측에 상대 시간(
3h ago,2d ago등) - 시각 식별: 자산 유형 식별은 좌측 ResourceIcon의 형태와 토큰 색만으로 수행합니다 — 이전 버전의 컬러 좌측 세로 라인은 제거되었습니다.
- 클릭 시: 해당 자산의 상세 페이지로 바로 이동합니다.
- 전체 보기: 섹션 헤더의 View All 링크로 컬렉션 페이지(Explorer)로 이동합니다.
- 빈 상태: 항목이 없으면
Create CollectionCTA가 있는 안내가 표시됩니다. - 로딩·오류: 로딩 중에는 스켈레톤이, 로드 실패 시에는 오류 메시지가 표시됩니다.
홈의 Recent Items는 데이터 자산(컬렉션·데이터셋·코드·파이프라인·지식)만 표시합니다. 온톨로지 엔티티와 에이전트를 포함한 전체 최근 항목은 최근 항목 페이지에서 확인할 수 있습니다.
우측 Sidebar — Sticky
우측 사이드바는 스크롤 시에도 시야에 머무는 sticky 패널입니다. 두 카드로 구성됩니다.
Your Data Assets (자산 통계)
작업 공간의 자산 개수를 사이드바 스케일의 표(tabular numerals) 형식으로 요약합니다. 전체 화면 폭을 차지하는 거대 숫자 대신, 리듬감 있는 사이드바 카드로 표현됩니다.
| 항목 | 이동 경로 |
|---|---|
| Collections | Collections 페이지 |
| Datasets | Collections 페이지 |
| Codes | Collections 페이지 |
| Pipelines | Pipelines 페이지 |
| Knowledges | Knowledge 페이지 |
각 행을 클릭하면 해당 리소스 페이지로 이동합니다. 헤더의 View All 링크도 Collections Explorer로 이동합니다.
What's New (변경 로그 피드)
관리자가 등록한 최근 공지(최대 3건)가 변경 로그(changelog) 스타일로 표시됩니다. 공지가 없으면 카드 자체가 표시되지 않습니다.
- 공지 레벨(info / warning / error)에 따라 아이콘 색상이 구분됩니다.
- 카드에는 타이틀, 메시지, 상대 시간(예:
Today,3d ago)이 표시됩니다. - 외부 링크가 있으면 Learn more → 형태로 새 탭에서 열립니다.
관리자는 설정의 What's New 카드에서 공지를 생성·관리할 수 있습니다.
인터페이스 특징
- 2-column 반응형: 넓은 화면에서는 좌측 Recent Items가 메인 시야를, 우측 sticky 사이드바가 보조 정보를 제공합니다. 화면이 좁아지면 1-column 으로 재배치됩니다.
- 타이포그래피 우선: 카드·박스 중심 레이아웃이 아닌, 본문 텍스트와 여백의 리듬으로 시각 위계를 만듭니다.
- 스켈레톤 로딩: 네트워크 지연 시 컴포넌트별 스켈레톤이 점진적으로 채워집니다. 둥근 스피너 대신 본문 형태를 미리 보여주는 스켈레톤 패턴을 사용합니다.
- 키보드 접근: Recent Items와 자산 통계 행은 Enter 또는 Space로 이동할 수 있습니다.