홈 (Workspace Entry)
홈 화면은 D.Hub에 로그인한 뒤 가장 먼저 보게 되는 작업 공간의 진입점입니다. 최근 작업을 이어받고, 자산 현황을 확인하고, 전역 검색으로 원하는 항목을 빠르게 찾을 수 있도록 한눈에 파악할 수 있는 레이아웃으로 구성되어 있습니다.
화면 구성
화면은 크게 상단의 타이포그래피 중심 Hero 섹션과, 아래의 2-column Body(좌측 최근 항목 / 우측 Sticky Sidebar)로 나뉩니다.
Hero 섹션 (단일 컬럼, 컴팩트)
- 환영 문구: 로그인한 사용자의 이름이 표시됩니다. (
{user}님, 다시 오신 것을 환영합니다!) - 헤드라인과 설명: 작업 공간의 맥락을 소개하는 타이포그래피 우선 카피.
- 전역 검색 트리거: 돋보기 아이콘과 함께
⌘K/Ctrl+K단축키 뱃지가 표시된 검색 바. 클릭하거나 단축키를 누르면 허브 전역 검색이 모달로 열립니다. 검색 대상은 사이드바 메뉴(바로 가기), 컬렉션, 데이터셋, 코드, 파이프라인, 지식, 대시보드, 온톨로지 엔티티, 에이전트를 포함합니다. - 검색 힌트: 추천 키워드 칩(예: "고객 파이프라인", "주간 수집")을 제시합니다.
플랫폼(macOS / Windows)에 따라 단축키 표기는 자동으로 ⌘K 또는 Ctrl+K로 전환됩니다.
서비스 공지(announcement banner)는 더 이상 홈 페이지 안이 아니라 모든 보호된 페이지의 최상단 전역 배너로 분리되어, 어디서 작업 중이든 동일하게 노출됩니다.
좌측 메인 — 최근 항목 (Recent Items)
최근 업데이트되거나 생성된 최대 8개 항목이 구분선만 있는 평면 리스트로 최신순으로 나열됩니다.
- 항목 구성: 좌측에 자산 유형별 색상 아이콘, 그 옆에 항목 이름(소속 컬렉션이 있으면 이름 아래에 컬렉션 이름이 함께 표시)이 놓이고, 우측에 자산 유형을 나타내는 대문자 마이크로 라벨과 상대 시간(
방금 전,3시간 전,2일 전등)이 표시됩니다. - 시각 식별: 자산 유형은 좌측 아이콘의 형태와 색으로 식별합니다. 카드나 컬러 좌측 세로 라인 없이 구분선만 있는 평면 리스트로 표현됩니다.
- 클릭 시: 해당 자산의 상세 페이지로 바로 이동합니다.
- 전체 보기: 섹션 헤더의 전체 보기 링크로 컬렉션 페이지로 이동합니다.
- 빈 상태: 항목이 없으면
컬렉션 만들기CTA가 있는 안내가 표시됩니다. - 로딩·오류: 로딩 중에는 스켈레톤이, 로드 실패 시에는 오류 메시지가 표시됩니다.
홈의 최근 항목은 데이터 자산(컬렉션·코드·파이프라인·지식)만 표시합니다. 온톨로지 엔티티·관계·에이전트를 포함한 전체 최근 항목은 최근 항목 페이지에서 확인할 수 있습니다.
우측 Sidebar — Sticky
우측 사이드바는 스크롤 시에도 시야에 머무는 sticky 패널입니다. 두 카드로 구성됩니다.
데이터 자산 (자산 통계)
작업 공간의 자산 개수를 구분선 리스트 형식으로 요약합니다. 각 행은 좌측의 자산 유형 아이콘·이름과 우측의 큰 수치(천 단위 구분 · tabular numerals)로 구성되며, 전체 화면 폭을 차지하는 거대 숫자 대신 리듬감 있는 사이드바 리스트로 표현됩니다.
| 항목 | 이동 경로 |
|---|---|
| 컬렉션 | 컬렉션 페이지 |
| 데이터셋 | 컬렉션 페이지 |
| 코드 | 컬렉션 페이지 |
| 파이프라인 | 파이프라인 페이지 |
| 지식 | 지식 페이지 |
각 행을 클릭하면 해당 리소스 페이지로 이동합니다. 헤더의 컬렉션 보기 링크도 컬렉션 페이지로 이동합니다.
새로운 소식 (변경 로그 피드)
관리자가 등록한 최근 공지(최대 3건)가 변경 로그(changelog) 스타일로 표시됩니다. 공지가 없으면 이 섹션 자체가 표시되지 않습니다.
- 각 항목은 상단에 공지 레벨 아이콘과 날짜, 그 아래 제목·메시지(최대 3줄)가 놓이는 날짜 우선(date-leading) 레이아웃입니다.
- 공지 레벨(info / warning / error)에 따라 레벨 아이콘 색상이 구분됩니다.
- 날짜는
오늘, 7일 이내는N일 전, 그 이상은 날짜로 표시됩니다. - 제목과 메시지 앞뒤에 이모지가 있으면 자동으로 제거되어 표시됩니다.
- 외부 링크가 있으면 자세히 보기 → 형태로 새 탭에서 열립니다.
관리자는 설정의 새로운 소식 카드에서 공지를 생성·관리할 수 있습니다.
인터페이스 특징
- 2-column 반응형: 넓은 화면에서는 좌측 최근 항목이 메인 시야를, 우측 sticky 사이드바가 보조 정보를 제공합니다. 화면이 좁아지면 1-column 으로 재배치되며, 이때 사이드바의 두 카드는 가로로 나란히 놓이고 최근 항목의 유형 라벨 컬럼은 숨겨집니다.
- 타이포그래피 우선: 카드·박스 중심 레이아웃이 아닌, 본문 텍스트와 여백의 리듬으로 시각 위계를 만듭니다.
- 스켈레톤 로딩: 최근 항목과 새로운 소식은 본문 형태를 미리 보여주는 스켈레톤으로, 자산 통계는
—자리표시자로 로딩 상태를 나타냅니다. 둥근 스피너는 사용하지 않습니다. - 키보드 접근: 최근 항목과 자산 통계의 각 행은 버튼 요소로 구현되어 Enter 또는 Space로 이동할 수 있습니다.