홈 (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로 이동할 수 있습니다.