헤더 바
개요
터미널 헤더 바는 워크스페이스 하단에 위치하며 프로젝트 런타임 관리, 터미널과 에이전틱 에이전트 간 전환, 프로젝트 설정 접근을 위한 컨트롤을 제공합니다.
컨트롤
생성된 미디어
모든 AI 생성 이미지와 비디오가 수집되는 생성된 미디어 패널을 엽니다.
코드
에이전틱 에이전트 섹션으로 전환하여 AI 에이전트 탭과 채팅 인터페이스를 표시합니다.
터미널
터미널 콘솔을 표시합니다. 드롭다운 화살표를 클릭하여 여러 터미널 인스턴스 간 전환합니다.
시작 / 중지
프로젝트 개발 서버를 시작하거나 실행 중인 프로세스를 중지합니다. 버튼은 현재 실행 상태에 따라 변경됩니다.
프로젝트 설정
기어 아이콘을 통해 프로젝트 설정 모달을 열어 프로젝트 유형, 시작 명령, 웹 앱 포트 등을 구성합니다.
터미널 콘솔
개요
터미널 콘솔은 프로젝트 워크스페이스에 내장된 완전한 터미널 에뮬레이터입니다. ANSI 색상 지원, 스크롤 가능한 기록, 실시간 출력 스트리밍을 갖춘 실제 터미널 경험을 Kaiju Hub AI을 떠나지 않고 제공합니다.
기능
실시간 출력
명령 출력이 터미널에 실시간으로 스트리밍됩니다. 빌드 로그, 개발 서버 출력, 명령 결과를 발생하는 대로 볼 수 있습니다.
ANSI 색상 지원
완전한 ANSI 이스케이프 코드 지원으로 Jest, ESLint, 빌드 시스템과 같은 도구의 컬러 출력이 적절한 서식으로 올바르게 표시됩니다.
스크롤 가능한 기록
터미널 출력을 스크롤하여 이전 명령과 결과를 검토합니다. 기록은 세션 기간 동안 유지됩니다.
명령 입력
터미널 하단에서 명령을 입력합니다. 위/아래 화살표 키를 사용한 명령 기록 탐색과 함께 표준 터미널 입력을 지원합니다.
자동 스크롤
터미널이 새 출력이 도착하면 자동으로 스크롤합니다. 수동 스크롤은 자동 스크롤을 일시 중지하여 이전 출력을 검토할 수 있습니다.
터미널 테마
터미널은 Kaiju Hub AI 테마 설정을 준수하여 배경, 텍스트, 커서에 일치하는 색상을 적용합니다.
생성된 미디어
개요
생성된 미디어 패널은 모든 AI 생성 이미지와 비디오가 수집되는 곳입니다. AI 에이전트에 이미지나 비디오 생성을 요청하면 출력이 자동으로 여기에 나타납니다. 터미널 헤더 바의 미디어 아이콘을 클릭하여 이 패널을 엽니다.
기능
자동 수집
AI 에이전트가 생성한 이미지와 비디오가 생성되면 자동으로 수집되어 여기에 표시됩니다.
썸네일 그리드
빠른 스캔을 위해 그리드 레이아웃의 썸네일로 생성된 미디어를 탐색합니다.
전체 크기 뷰어
썸네일을 클릭하여 상세 검사를 위한 전체 크기 뷰어에서 미디어를 엽니다.
미디어 수
패널 헤더에 현재 프로젝트의 생성된 미디어 항목 총 수가 표시됩니다.
코드 버튼
개요
터미널 헤더 바의 코드 버튼은 뷰를 터미널에서 에이전틱 에이전트 섹션으로 전환합니다. 클릭하면 AI 에이전트 탭과 채팅 인터페이스가 나타나 터미널에서 명령 실행과 AI 에이전트 작업 간에 빠르게 전환할 수 있습니다.
프로젝트 설정
개요
프로젝트 설정 모달(터미널 헤더의 기어 아이콘)을 통해 프로젝트 실행 방법을 구성합니다. 프로젝트 유형, 시작 명령, 웹 앱 포트, 탐색 기본 설정을 설정하기 위해 접근합니다.
설정
프로젝트 유형
자동 감지된 프로젝트 유형이 잘못 식별된 경우 재정의합니다. Tauri, React, Node.js, Python 등의 옵션 중에서 선택합니다.
시작 명령
시작 버튼을 클릭할 때 프로젝트를 시작하는 방법을 선택합니다. Auto Detect는 프로젝트 유형에 따라 적절한 명령을 선택합니다.
웹 앱 포트
미리보기 및 디버깅을 위해 웹 애플리케이션이 실행되는 포트를 설정합니다. 내장 브라우저 미리보기를 열 때 사용됩니다.
HTTPS 사용
로컬 개발을 위한 안전한 HTTPS 연결을 활성화합니다. 보안 컨텍스트가 필요한 기능을 테스트할 때 유용합니다.
프라이빗 브라우징
브라우저 버튼을 사용할 때 시크릿/프라이빗 창에서 엽니다. 캐시된 데이터가 개발 미리보기를 방해하는 것을 방지합니다.