Files
comrelay/frontend
ttipo 5da3ec8818 feat: AI 채팅 패널 (Claude API)
- 백엔드 modules/ai: POST /ai/chat — Anthropic Messages API 프록시(키 서버 env 한정, 30s 타임아웃, throttle 20/분, 미설정 503/외부오류 502)
- ChatDto 검증(role enum, content 8000자, 메시지 50개 상한), 모델 CLAUDE_MODEL(기본 claude-sonnet-4-6)
- 프론트 AgentChatPanel: 우측 슬라이드 채팅(말풍선/타이핑/에러/새 대화), plain text 렌더로 XSS 안전
- AppShell 헤더에 AI 버튼 상시 노출 — 모든 화면에서 열림
- 대화 이력은 stores/ai.store(싱글톤)에 보관 → 화면 이동에도 유지, '새 대화'로만 초기화
- TaskDetailPage 의 기존 목업 에이전트 패널 전부 제거(보안 L1 해소)
- env.example 에 CLAUDE_MODEL 추가

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-06-20 00:04:48 +09:00
..
2026-06-16 17:12:08 +09:00
2026-06-16 17:12:08 +09:00
2026-06-20 00:04:48 +09:00
2026-06-16 17:12:08 +09:00
2026-06-16 17:12:08 +09:00
2026-06-16 17:12:08 +09:00
2026-06-16 17:12:08 +09:00
2026-06-16 17:12:08 +09:00
2026-06-16 17:12:08 +09:00
2026-06-16 17:12:08 +09:00
2026-06-16 17:12:08 +09:00
2026-06-16 17:12:08 +09:00
2026-06-16 17:12:08 +09:00
2026-06-16 17:12:08 +09:00
2026-06-16 17:12:08 +09:00
2026-06-16 17:12:08 +09:00
2026-06-16 17:12:08 +09:00
2026-06-16 17:12:08 +09:00
2026-06-16 17:12:08 +09:00

frontend

This template should help get you started developing with Vue 3 in Vite.

VS Code + Vue (Official) (and disable Vetur).

Type Support for .vue Imports in TS

TypeScript cannot handle type information for .vue imports by default, so we replace the tsc CLI with vue-tsc for type checking. In editors, we need Volar to make the TypeScript language service aware of .vue types.

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Type-Check, Compile and Minify for Production

npm run build

Run Unit Tests with Vitest

npm run test:unit