페이지 상세 — 15개 메인 페이지 + 10개 상세 페이지 = 총 25개 페이지
ONESHIM Backoffice v2는 총 16개 도메인, 25개 페이지 (15개 메인 + 10개 상세), 114+ 탭으로 구성됩니다. 각 페이지는 lazyRouteComponent로 코드 스플리팅되어 필요한 시점에만 로드됩니다.
1. Dashboard
경로: /dashboard
시스템 전반의 상태를 한눈에 파악할 수 있는 메인 대시보드입니다.
- Widget Grid: 드래그 가능한 위젯 그리드 레이아웃
- System Health: CPU, 메모리, 디스크 사용량 실시간 표시
- Active Users: 현재 활성 사용자 수 및 세션 정보
- Alert Summary: 최근 알림 요약 및 심각도별 분류
| Light Mode | Dark Mode |
|---|---|
 |  |
2. Monitoring
경로: /monitoring · 4 tabs: Dashboard, Alerts, Services, Metrics
시스템 메트릭을 실시간으로 모니터링하고 알림을 관리합니다.
- Dashboard: 실시간 시스템 메트릭 대시보드
- Alerts: 알림 목록, 필터링, 상태 관리
- Services: 마이크로서비스별 상태 대시보드
- Metrics: WebSocket 기반 실시간 메트릭 스트리밍
| Light Mode | Dark Mode |
|---|---|
 |  |
3. Knowledge Base
경로: /knowledge · 5 tabs: Documents, Categories, Search, Graph, Upload
지식 베이스를 관리하고 탐색합니다.
- Documents: DataTable + Grid 뷰 전환
- Categories: 카테고리 관리
- Search: 전문 검색 지원
- Graph: Cytoscape.js 지식 관계 그래프 시각화
- Upload: 문서 업로드
| Light Mode | Dark Mode |
|---|---|
 |  |
4. AI Intelligence
경로: /ai · 5 tabs: Insights, Predictions, Models, Prompts, Usage
AI 기반 인사이트와 분석 결과를 확인합니다.
- Insights: AI가 생성한 인사이트 피드
- Predictions: 시계열 기반 패턴 감지 및 예측
- Models: DSPy 모델 관리
- Prompts: 프롬프트 최적화
- Usage: AI 엔진 사용량 통계
| Light Mode | Dark Mode |
|---|---|
 |  |
5. Workflows
경로: /workflows · 7 tabs: Workflows, Executions, DAGs, Tasks & Schedules, Monitoring Alerts, Optimizations, Process Mining
자동화 워크플로우를 설계하고 관리합니다.
- Workflows: 워크플로우 목록 및 상태 관리
- Executions: 실행 이력 및 결과 조회
- DAGs: @xyflow/react 기반 시각적 워크플로우 편집기
- Tasks & Schedules: 태스크 스케줄 관리
- Monitoring Alerts: 워크플로우 알림
- Optimizations: 성능 최적화 제안
- Process Mining: 프로세스 마이닝 분석
| Light Mode | Dark Mode |
|---|---|
 |  |
탭별 스크린샷 (6 tabs)
6. Ontology Explorer
경로: /ontology · 7 tabs: Concepts, Management, Inference, Reasoning, Discovery, Validation, Graph
온톨로지 개념 체계를 탐색하고 추론 엔진을 활용합니다.
- Concepts: 계층적 개념 트리 뷰
- Management: 개념 CRUD 관리
- Inference: 추론 실행
- Reasoning: 온톨로지 기반 추론 결과 표시
- Discovery: 개념/관계/속성 검색
- Validation: 온톨로지 유효성 검증
- Graph: Cytoscape.js 온톨로지 관계 그래프 시각화
| Light Mode | Dark Mode |
|---|---|
 |  |
탭별 스크린샷 (6 tabs)
7. Digital Twin
경로: /digital-twin · 5 tabs: Twins, Simulations, Ecosystem, Manufacturing, Risk
디지털 트윈을 관리하고 시뮬레이션을 실행합니다.
- Twins: 디지털 트윈 목록 및 상세 정보
- Simulations: 시뮬레이션 파라미터 설정 및 실행
- Ecosystem: 트윈 간 관계 및 의존성
- Manufacturing: 제조 라인 시뮬레이션
- Risk: 리스크 분석 및 예측
| Light Mode | Dark Mode |
|---|---|
 |  |
8. Audit
경로: /audit · 5 tabs: Event Log, Reports, Policies, Compliance, Statistics
시스템 감사 로그를 조회하고 분석합니다.
- Event Log: 시간순 이벤트 타임라인, 필터, CSV/JSON 내보내기
- Reports: 감사 보고서 생성
- Policies: 감사 정책 관리
- Compliance: GDPR/SOC2/HIPAA 컴플라이언스
- Statistics: 감사 로그 통계
| Light Mode | Dark Mode |
|---|---|
 |  |
9. Users
경로: /users · 7 tabs: Users, Profiles, Activities, Organizations, Bulk Ops, 2FA, Statistics
사용자와 조직을 관리합니다.
- Users: 사용자 목록, 검색, 필터링
- Profiles: 사용자 프로필 관리
- Activities: 사용자 활동 이력
- Organizations: 조직 구조 관리 및 팀 배정
- Bulk Ops: 대량 사용자 관리
- 2FA: 이중 인증 설정
- Statistics: 사용자 통계
| Light Mode | Dark Mode |
|---|---|
 |  |
탭별 스크린샷 (6 tabs)
10. Settings
경로: /settings · 7 tabs: System Info, Configuration, Backups, Maintenance, Feature Flags, Notifications, Language
사용자 및 시스템 설정을 관리합니다.
- System Info: 시스템 정보 및 버전
- Configuration: 시스템 전역 설정 관리
- Backups: 백업 관리
- Maintenance: 유지보수 스케줄
- Feature Flags: 기능 플래그 관리
- Notifications: 알림 채널별 수신 설정
- Language: 언어 설정
| Light Mode | Dark Mode |
|---|---|
 |  |
탭별 스크린샷 (6 tabs)
11. Communication
경로: /communication · 4 tabs: Channels, Messages, Connections, Presence
실시간 메시징 채널 및 연결을 관리합니다.
- Channels: 채널 목록 및 관리 (public/private/broadcast)
- Messages: 채널별 메시지 조회
- Connections: WebSocket/gRPC 연결 상태 모니터링
- Presence: 사용자 온라인 상태 관리
| Light Mode | Dark Mode |
|---|---|
 |  |
12. Notifications
경로: /notifications · 4 tabs: Inbox, Templates, Preferences, Statistics
알림 시스템을 관리합니다.
- Inbox: 수신 알림 목록 (읽음/안읽음)
- Templates: 알림 템플릿 관리
- Preferences: 채널별 수신 설정
- Statistics: 발송/읽음/전달률 통계
| Light Mode | Dark Mode |
|---|---|
 |  |
13. User Context
경로: /user-context · 7 tabs: Contexts, Sessions, Suggestions, Screenshots, Telemetry, Activity, Batches
데스크톱 에이전트의 사용자 컨텍스트를 모니터링합니다.
- Contexts: 현재 활성 작업 컨텍스트
- Sessions: 세션 이력
- Suggestions: AI 생산성 제안
- Screenshots: 스크린샷 분석
- Telemetry: 텔레메트리 메트릭
- Activity: 활동 패턴 및 집중 목표
- Batches: 배치 업로드 현황
| Light Mode | Dark Mode |
|---|---|
 |  |
탭별 스크린샷 (6 tabs)
14. Event Bus
경로: /event-bus · 3 tabs: Events, Subscriptions, Topics
도메인 간 이벤트 버스를 관리합니다.
- Events: 발행된 이벤트 목록
- Subscriptions: 이벤트 구독 관리
- Topics: 토픽 목록 및 메시지 통계
| Light Mode | Dark Mode |
|---|---|
 |  |
15. Integration Hub
경로: /integration-hub · 6 tabs: Integrations, Webhooks, Sync Jobs, Configurations, Statistics, Data Integrity
외부 서비스 연동을 관리합니다.
- Integrations: 연동 서비스 목록 (Slack, Jira, GitHub 등)
- Webhooks: 웹훅 설정 및 성공률
- Sync Jobs: 동기화 작업 상태
- Configurations: 연동 설정 관리
- Statistics: 성능 지표
- Data Integrity: 데이터 무결성 검증
| Light Mode | Dark Mode |
|---|---|
 |  |
탭별 스크린샷 (5 tabs)
페이지 요약
| # | 페이지 | 경로 | 탭 수 | 핵심 기능 |
|---|---|---|---|---|
| 1 | Dashboard | /dashboard | - | Widget Grid, System Health |
| 2 | Monitoring | /monitoring | 4 | 시계열 차트, Alerts, Services |
| 3 | Knowledge | /knowledge | 5 | DataTable, Graph, Search |
| 4 | AI Intelligence | /ai | 5 | Insights, Models, Prompts |
| 5 | Workflows | /workflows | 7 | DAG Editor, Executions, Process Mining |
| 6 | Ontology Explorer | /ontology | 7 | Concepts, Reasoning, Graph |
| 7 | Digital Twin | /digital-twin | 5 | Twins, Simulations, Risk |
| 8 | Audit | /audit | 5 | Event Log, Compliance, Policies |
| 9 | Users | /users | 7 | RBAC, Organizations, 2FA |
| 10 | Settings | /settings | 7 | Configuration, Feature Flags |
| 11 | Communication | /communication | 4 | Channels, Connections, Presence |
| 12 | Notifications | /notifications | 4 | Inbox, Templates, Statistics |
| 13 | User Context | /user-context | 7 | Sessions, Telemetry, Suggestions |
| 14 | Event Bus | /event-bus | 3 | Events, Subscriptions, Topics |
| 15 | Integration Hub | /integration-hub | 6 | Integrations, Webhooks, Sync |
총 스크린샷: 154개 PNG (15 페이지 × 81 탭 × light/dark)