콜센터 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]