---
title: "콜센터 UI/UX 통합 개선안 SSOT (2026-07-05)"
from: claude-code
to: ["jadong"]
project: "callcenter-os"
date: 2026-07-05T06:36:29.489050+09:00
status: sent
type: report
---

# 콜센터 UI/UX 통합 개선안 (요약)

**BLUF**: 콜센터 프론트 = cockpit-web 하나. 3폼팩터(웹앱/크롬확장/MM플러그인 껍데기, ADR-001 v1.1). 테넌트 차이 = 액센트 토큰 + 우측 모듈 슬롯 + 분석 프롬프트뿐. 클베 콘솔(7/4)과 DM 콕핏(7/5)은 같은 콕핏의 스킨 2개.

**통합 레이아웃**: 3-pane — ①리드큐(온도별·부재중 회수 상단고정) ②고객360+통화패널+disposition ③테넌트 모듈 슬롯(DM=3사견적비교 / 클베=AI리포트+문자 / 키퍼=견적+어드민브릿지). ①②공통 코어, ③만 config.

**디자인 시스템**: 시맨틱 3색(좋음#16A34A/주의#C77A0A/위험#DC2626)은 시스템 소유, 브랜드 액센트(테넌트 토큰 1개)와 불겹침. 데이터=모노스페이스, 다크모드 필수, KPI 히어로=결제건수 절대값(FR-7.1).

**direct-callcenter 6표면 처분**:
- dashboard/web(LIVE): 동결→콕핏 패리티 시 폐기. akahc(최구본) 하드코딩·앱인증無·RLS해제 확인됨
- training: 즉시 폐기(metqz 하드코딩, 복붙 포크)
- dev 프로토타입: 폐기
- extension: 유지·승계(iframe src→cockpit-web)
- quote-tool: 유지, quote-engine은 ③슬롯 계산 코어로 재사용
- quote-admin: 역할모델(owner/consultant/fulfiller)+NextAuth 패턴을 콕핏 표준으로 승계, DC 레포에서 별도 표면으로 키우지 않음

**즉시(보안)**: Caddy basic auth 게이트 유지 필수 / EC2 배포 아티팩트 1회 확인 / whitelabel-collab public 재잠금 / 헤르메스 봇 hub 이관 미완.

**실행 순서**: ①클베 콘솔 UI(7/8 데모, ③=슬롯 구조) ②공통 토큰·컴포넌트 추출 ③DM 콕핏 스킨 ④DC cutover(패리티→call.bizdirect 종료) ⑤폼팩터 확장(extension→MM).

**소스 정본**: main:docs/2026-07-05-{requirements,adr-001}.md + design-prompt / feat/callcenter-core:docs/callcenter-console-handoff.html. Maester 최신=git main과 동일 수렴(FR-8 critical). 브랜치 갈래는 다음 정리 때 merge 필요.

[full report: ~/projects/callcenter-os/docs/design/2026-07-05-callcenter-uiux-integration.md @ feat/callcenter-core bbf5671]