크라우니AI v4.0 — Claude-style GUI + 세션 지속성
개요
crowny.org (포트 9852) 크라우니AI 서비스를 v4.0으로 완성.
Claude-style GUI 전면 재설계 (2395줄) + 대화 지속성 API (CRUD) + PWA (manifest + service worker) + Dark/Light Mode 토글.
변경 사항 (v3.0 → v4.0)
server.js
- 대화 지속성 API (NEW):
/api/conversations (GET/POST/PUT/DELETE), /api/conversations/{id}, /api/conversations/sync
- 파일 저장소:
data/conversations/ 디렉토리 (JSON 파일)
- 함수 추가: convPath, loadConv, saveConv, listConvs, deleteConv, syncConversations
- 기존 유지: 5 에이전트, 적성검사 API, 서비스 디렉토리, 지식 주입
public/index.html (2395줄, 새 레이아웃)
- Claude-style GUI: 샤드 레이아웃, 좌측 사이드바(세션 목록), 우측 메인(채팅)
- 세션 관리: 이전 대화 목록 + 로드/삭제 버튼, 새 대화 버튼
- PWA: web.manifest + service worker (오프라인 지원)
- Dark/Light Mode: 토글 스위치 + localStorage 저장
- 디자인표준2026 강화: glass morphism, 5단계 그림자, 마이크로 애니메이션
- 적성검사 모드: 7문항 인터랙티브 카드, 결과 시각화 (유지)
- 서비스 탐색기: 슬라이드인 패널, 20서비스 (유지)
engine/aptitude.js
- 8 크루 역할: 선장/조타수/항해사/기관장/망수/보급관/조선공/선원
- 7 문항 (vision/action/team/identity/fear/desire/world 위상)
- 결과: 1차역할 + 2차역할 + 적합도% + Top4 점수 + 다음단계
크라우니AI.한선 (한선씨 동반 v4.0)
- 대화 지속성 함수: 대화경로, 대화로드, 대화저장, 대화목록조회, 대화삭제, 대화동기화
- 라우팅: 대화 CRUD 엔드포인트 + 동기화 로직
관련 파일
/Users/ef/crowny-ai/server.js — 메인 서버 (대화 지속성 포함)
/Users/ef/crowny-ai/public/index.html — Claude-style GUI (2395줄, v4.0)
/Users/ef/crowny-ai/public/web.manifest — PWA 매니페스트
/Users/ef/crowny-ai/public/service-worker.js — Service Worker
/Users/ef/crowny-ai/engine/aptitude.js — 적성검사 엔진
/Users/ef/crowny-ai/knowledge/ — 6개 지식 베이스
/Users/ef/crowny-ai/크라우니AI.한선 — 한선씨 동반 v4.0
API 엔드포인트
채팅 & 에이전트
| 경로 | 메서드 | 설명 |
|---|
/api/chat | POST (SSE) | AI 채팅 (5에이전트) |
/api/agents | GET | 에이전트 목록 |
/api/aptitude/questions | GET | 적성검사 문항 |
/api/aptitude/result | POST | 적성검사 결과 |
/api/services | GET | 서비스 디렉토리 |
/api/knowledge | GET | 지식 베이스 조회 |
대화 지속성 (NEW)
| 경로 | 메서드 | 설명 |
|---|
/api/conversations | GET | 모든 대화 목록 |
/api/conversations | POST | 새 대화 생성 |
/api/conversations/{id} | GET | 특정 대화 로드 |
/api/conversations/{id} | PUT | 대화 업데이트 |
/api/conversations/{id} | DELETE | 대화 삭제 |
/api/conversations/sync | POST | 클라이언트-서버 동기화 |
완성 항목
- 대화 지속성 API (CRUD + 동기화) 구현
- Claude-style GUI 전면 재설계
- PWA 기본 구조 (manifest + service worker)
- Dark/Light Mode 토글 UI
- 한선씨 동반 v4.0 작성 (대화 관리 함수)
다음 단계
- 브라우저 실제 테스트 (세션 로드/저장, 동기화)
- PWA 캐싱 전략 최적화 (offline-first)
- 지식 베이스 확장 (5개 추가 카테고리)
- 성능 최적화 (이미지 최적화, 번들 압축)