전체 레이아웃
사이드바
화면 왼쪽의 사이드바는 Cloosphere의 주요 네비게이션 영역입니다. 채팅 목록 관리부터 워크스페이스 진입까지 모든 탐색이 여기서 시작됩니다.사이드바 상단
| 요소 | 설명 |
|---|---|
| 로고 | 클릭하면 메인 화면(/)으로 이동합니다 |
| 접기/펼치기 버튼 | 사이드바를 접거나 펼칩니다. 접힌 상태에서는 아이콘만 표시됩니다 |
| New Chat | 새 대화를 시작합니다. 기존 대화 중에도 클릭하면 빈 채팅 화면으로 이동합니다 |
Workspace 링크
Workspace 버튼을 클릭하면 에이전트, 지식기반, 데이터베이스, 플로우 등 AI 구성 요소를 관리하는 워크스페이스 페이지(/workspace)로 이동합니다.
Workspace 링크는 접근 권한이 있는 사용자에게만 표시됩니다. 보이지 않는 경우 관리자에게 권한을 요청하세요.
Schedules 링크
예약 작업을 관리하는 스케줄 페이지(/schedules)로 이동합니다. CRON 기반 자동 실행 작업을 설정하고 관리할 수 있습니다.
Schedules 링크는 관리자이거나 예약 작업 권한(
scheduled_tasks)이 있는 사용자에게만 표시됩니다.검색
사이드바의 검색창에 키워드를 입력하면 채팅 제목과 내용에서 일치하는 대화를 찾아줍니다. 검색은 입력 후 1초 뒤에 자동으로 실행됩니다.채팅 목록
사이드바의 대부분을 차지하는 영역으로, 다음 섹션들이 순서대로 표시됩니다.Channels (채널)
Channels (채널)
실시간 팀 메시징 공간입니다. 관리자가 채널 기능을 활성화한 경우 표시됩니다.
- 채널을 클릭하면 해당 채널의 메시지 목록으로 이동합니다
- 관리자는 + 버튼으로 새 채널을 생성할 수 있습니다
Schedules (스케줄)
Schedules (스케줄)
예약된 자동 실행 작업 목록입니다. 다음 실행 예정 시각과 상태를 확인할 수 있습니다.
Projects (프로젝트)
Projects (프로젝트)
팀 단위로 채팅을 묶어 관리하는 공간입니다. 프로젝트에 참여 중인 경우 여기에 표시됩니다.
My Chats (내 채팅)
My Chats (내 채팅)
개인 대화 목록입니다. 시간순으로 정렬되며, 다음 기능을 지원합니다:
- Pinned (고정): 중요한 대화를 상단에 고정
- Folders (폴더): 대화를 폴더로 분류하여 관리. New Folder 버튼으로 폴더를 생성하고, 대화를 드래그 앤 드롭으로 이동
- 시간 범위 그룹: Today, Yesterday, Previous 7 days, Previous 30 days, 월별로 자동 그룹핑
사용자 프로필
사이드바 하단에 로그인한 사용자의 프로필 이미지와 이름이 표시됩니다. 클릭하면 드롭다운 메뉴가 나타납니다.| 메뉴 항목 | 설명 |
|---|---|
| Settings | 개인 설정 (테마, 언어, 기본 모델 등) |
| Archived Chats | 보관된 대화 목록 |
| Admin Panel | 관리자 패널 (관리자 권한 필요) |
| Contact Admin | 관리자에게 문의 (일반 사용자) |
| Sign Out | 로그아웃 |
헤더 영역
채팅 화면 상단에 위치하며, 현재 대화에서 사용할 AI 모델을 선택하고 제어합니다.모델 선택기
“Select a model” 드롭다운을 클릭하면 사용 가능한 모델 목록이 표시됩니다.- 모델 이름을 입력하여 검색할 수 있습니다
- 모델 옆의 북마크 아이콘을 클릭하면 기본 모델로 설정됩니다
- 관리자 또는 권한이 있는 사용자는 + 버튼으로 여러 모델을 동시에 선택하여 응답을 비교할 수 있습니다
일반 사용자에게 멀티 모델 비교 기능이 보이지 않는 경우, 관리자가 해당 권한(
multiple_models)을 비활성화한 것입니다.채팅 메시지 영역
화면 중앙의 메시지 영역에서 사용자와 AI 간의 대화가 표시됩니다.사용자 메시지
- 입력한 텍스트와 첨부 파일이 표시됩니다
- 메시지 hover 시 편집 아이콘이 나타나 내용을 수정하고 재전송할 수 있습니다
AI 응답
- 마크다운 렌더링을 지원합니다 (제목, 목록, 표, 코드 블록 등)
- 코드 블록에는 **구문 강조(Syntax Highlighting)**와 복사 버튼이 포함됩니다
- 수학 수식은 LaTeX 렌더링으로 표시됩니다
- 응답 하단에 복사, 재생성, 음성 듣기, 좋아요/싫어요 버튼이 있습니다
새 대화 시작 화면
대화가 없는 빈 상태에서는 플랫폼 로고와 함께 “What can I help you with?”와 같은 환영 메시지가 표시됩니다. 관리자가 설정한 추천 프롬프트가 카드 형태로 표시될 수 있습니다.입력 영역
화면 하단에 위치한 메시지 입력 영역으로, 텍스트 입력 외에 다양한 부가 기능을 제공합니다.| 요소 | 위치 | 설명 |
|---|---|---|
| + (첨부) | 입력창 좌측 | 파일 첨부, 클라우드 스토리지(SharePoint) 연결 |
| 텍스트 입력 | 중앙 | 질문/요청을 입력하는 Rich Text 에디터 |
| 전송 버튼 | 입력창 우측 | 메시지를 전송합니다 (Enter와 동일) |
| 마이크 버튼 | 입력창 우측 | 음성으로 메시지를 입력합니다 (STT) |
특수 기능 버튼 (에이전트 설정에 따라 표시)
에이전트의 capability 설정에 따라 입력 영역에 추가 버튼이 나타날 수 있습니다.| 버튼 | 설명 |
|---|---|
| 웹검색 | AI가 실시간 웹 검색 결과를 참고하여 답변합니다 |
| 이미지 생성 | 텍스트 프롬프트로 이미지를 생성합니다 |
| 코드 인터프리터 | Python 코드를 직접 실행하여 결과를 반환합니다 |
다크 모드
Cloosphere는 라이트 모드와 다크 모드를 지원합니다.사이드바 접기/펼치기
사이드바는 두 가지 상태를 지원합니다.- 펼친 상태 (260px)
- 접힌 상태 (68px)
- 로고, 이름, 메뉴 텍스트가 모두 표시됩니다
- 검색창이 입력 가능한 형태로 표시됩니다
- 채팅 목록이 전체 너비로 표시됩니다
- 사이드바 상단의 접기/펼치기 토글 버튼 클릭
- 키보드 단축키:
Ctrl + / - 모바일: 화면 좌측 가장자리에서 스와이프
키보드 단축키 정리
| 단축키 | 기능 |
|---|---|
Enter | 메시지 전송 |
Shift + Enter | 줄바꿈 |
Ctrl + Shift + O | 새 채팅 |
Ctrl + / | 사이드바 토글 |
모바일 화면
모바일 환경(768px 이하)에서는 UI가 자동으로 조정됩니다.- 사이드바가 기본적으로 숨김 상태로 시작합니다
- 사이드바 열기: 좌측 가장자리에서 오른쪽 스와이프 또는 햄버거 메뉴
- 사이드바 닫기: 사이드바 외부 영역을 탭하면 자동으로 닫힙니다
- 메뉴 항목 클릭 시 사이드바가 자동으로 닫힙니다
다음 단계
첫 대화 시작
AI 모델을 선택하고 첫 대화를 시작합니다
대화 관리
폴더, 핀, 태그로 대화를 체계적으로 관리합니다