docs: log EDM test send (SMTP auth env fix) + close 1.5/1.10 backlog, refresh pending list

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

docs/OWNER_FEEDBACK.md

@@ -142,21 +142,14 @@
 
 ---
 
-## 미해결·대기 요약 (다음 우선 처리 — 2026-07-13 갱신)
+## 미해결·대기 요약 (다음 우선 처리 — 2026-07-14 갱신)
 
-**이번 세션 작업 중:**
+**소유자 조치 대기:**
-1. **Tabulator 기능** (1.3 / task #32) — KxDataTable 자체구현(정렬·필터·페이지·CSV)
+1. **Gemini API 유료 키 교체**(시연 블로커) — 무료 티어 쿼터 0(429)으로 S7 조감·ReRoom 실렌더 불가. 텍스트 AI(Claude)는 정상.
-2. **브레드크럼 + 상세→메인 복귀 + 404** (4.4)
+2. **EDM 운영 실발송 개방 여부** — 현재 이중 잠금(요청 live=true + 서버 EDM_TEST_MODE=false 둘 다 필요). 테스트 발송은 검증 완료.
-3. **모바일 역할별 랜딩** (4.3)
-4. **메시지 관리 프론트 화면** (6.6 / task #35 — 백엔드 V48은 완료, 화면 부재 확인)
-5. **전 화면 공백없는 반응형 스윕** (1.11 / task #39)
 
-**잔여 대기:**
+~~완료 처리(2026-07-13 배포 확인): Tabulator/KxDataTable(1.3), 브레드크럼·404(4.4), 모바일 역할랜딩(4.3), 메시지 관리 화면(6.6), 반응형 스윕(1.11), Nifty 카드·그리드·폰트(1.1·1.2·1.9), 참가업체 관리(6.2), 상세 Nifty blog(1.4), 설정 커스터마이저(1.12), 히어로 5장 회전(3.13), 카드 3:4(3.12), 모바일 다국어(9.4)~~
-6. **Nifty 버튼/드롭다운/List Group 등 잔여 컴포넌트 정렬** (1.5 부분)
+~~완료 처리(2026-07-14 배포 확인): ReRoomAI image-to-image(13.2), Nifty 잔여 컴포넌트 버튼/드롭다운/List Group(1.5), 경계선 회색 정렬(1.10), 좌측메뉴 검색+아코디언, 그리드 짤림, 세션 재수화~~
-7. **경계선 회색 지정화면 정렬** (1.10 부분)
-8. **ReRoomAI image-to-image** (13.2 / visualizer 트랙)
-
-~~완료 처리(2026-07-13 배포 확인): Nifty 카드·그리드·폰트(1.1·1.2·1.9), 참가업체 관리(6.2), 상세 Nifty blog(1.4), 설정 커스터마이저(1.12), 히어로 5장 회전(3.13), 카드 3:4(3.12), 모바일 다국어(9.4)~~
 
 ---
 
@@ -234,3 +227,7 @@
 **기능 배치 완성(⑨ — 끊긴 세션 미커밋분, 커밋 ef74006~c664743 8건):** 회의 녹음→STT(whisper env 설정형, 미설정=degraded)→AI 회의록+액션아이템(V52 transcript) · EDM 실발송(수신동의 필터·**테스트모드 기본 ON**·캠페인 상한·분당 레이트·불투명 수신거부 토큰·발송이력 V53) · 마이페이지 프로필/비번변경/알림설정(V55) · CMS AI 번역 · 보고서 PDF(openhtmltopdf+NanumGothic 임베드) · AI 검색(grounded) · 렌더 이력 갤러리(V54 인덱스). 검증: gradle test 통과·tsc 0·V52~V55 라이브 dry-run(BEGIN/ROLLBACK) 후 배포 — jar 내용물 게이트(V52~55 4건)·flyway 52~55 성공·신규 엔드포인트(알림설정/캠페인/스폰서십/회의/검색) 전부 200·error_log 신규 유입 0(프로브 오타 2건 제외).
 
 **답변(⑧):** 플로어플랜 스튜디오는 재로그인(또는 새 번들에서 새로고침) 후 좌측 메뉴 행사 스코프로 진입 — H1 배치안 v1 API 200 확인.
+
+**EDM 테스트 발송(소유자 지시 "EDM 테스트 발송 해봐"):** 1차 시도 2건 전부 `MailAuthenticationException` — 원인은 `mail.smtp.auth` 기본 true + SMTP 계정 공란(빈 자격증명 AUTH 시도, 로컬 Postfix 127.0.0.1:25는 무인증 릴레이). 서버 env에 `SMTP_AUTH=false`·`SMTP_STARTTLS=false`·`EDM_TEST_RECIPIENTS=(소유자 2주소)` 추가 후 재발송 → **Gmail 250 OK·사내 maildir 배달 확인**, 실대상 5명 안전 스킵·`[TEST]` 접두어·mail_log 마스킹 기록. ★교훈: 응답 `sentCount`는 비동기 큐 적재 건수라 SMTP 실패를 못 봄 — **발송 결과 정본은 mail_log**. meta 문구를 "발송 요청 N건 큐 적재(결과는 발송 이력 참조)"로 정직화(코드 반영).
+
+**마감 배치(소유자: "이어서 모든 작업 완성하고 git push"):** Nifty 잔여 컴포넌트(버튼/드롭다운/List Group, 1.5)·경계선 회색 정렬(1.10) 완료, EDM meta 정직화, 본 로그 갱신 — 커밋·배포·게이트 검증 후 마감.

src/backend/src/main/java/com/zioinfo/kintex/marketing/MarketingService.java

@@ -128,9 +128,10 @@ public class MarketingService {
                 sentOk++;
             }
             skipped += eligible;   // 실 대상 전원 이번엔 미발송(테스트)
+            // sentOk 는 큐 적재(시도) 건수 — 실제 SMTP 성공/실패는 비동기라 mail_log 가 정본(2026-07-14 인증실패 사례).
             String meta = testTo.isEmpty()
                     ? "테스트(dry-run): 대상 " + eligible + "명 · 실발송 없음"
-                    : "테스트 발송: 테스트 수신함 " + sentOk + "건 · 실대상 " + eligible + "명 미발송";
+                    : "테스트 발송 요청: 테스트 수신함 " + sentOk + "건 큐 적재(결과는 발송 이력 참조) · 실대상 " + eligible + "명 미발송";
             // 상태 미전이(draft/scheduled 유지) — 테스트는 캠페인을 소진하지 않는다.
             mapper.markCampaignResult(eventId, campaignId, status, sentOk, skipped, failed, true, meta);
             return new CampaignSendResult(campaignId, status, true, mailEnabled,
@@ -169,9 +170,9 @@ public class MarketingService {
         int remaining = skipped - overCap - failed;   // rate cap 잔여
         String newStatus = remaining > 0 ? "sending" : "done";
         String meta = mailEnabled
-                ? "발송 " + sentOk + "건 (대상 " + eligibleTotal + "명"
+                ? "발송 요청 " + sentOk + "건 큐 적재 (대상 " + eligibleTotal + "명"
                     + (remaining > 0 ? " · 잔여 " + remaining + "명" : "")
-                    + (overCap > 0 ? " · 상한초과 " + overCap + "명" : "") + ")"
+                    + (overCap > 0 ? " · 상한초과 " + overCap + "명" : "") + " · 결과는 발송 이력 참조)"
                 : "발송 대상 " + sentOk + "건 (MAIL 비활성 — 실 전송 없음)";
         mapper.markCampaignResult(eventId, campaignId, newStatus, sentOk, skipped, failed, false, meta);
         return new CampaignSendResult(campaignId, newStatus, false, mailEnabled,

src/frontend/src/components/ui/Button.tsx

@@ -2,27 +2,41 @@ import type { ButtonHTMLAttributes, ReactNode } from 'react';
 import './button.css';
 
 type Variant = 'primary' | 'secondary' | 'ai' | 'ghost' | 'danger';
+type Size = 'sm' | 'md' | 'lg';
 
 interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
   variant?: Variant;
+  /** Nifty 3단 크기 — sm(32) · md(40, 기본) · lg(48). */
+  size?: Size;
   leadingIcon?: ReactNode;
+  /** 정사각 아이콘 전용 버튼(aria-label 필수). */
+  iconOnly?: boolean;
   block?: boolean;
 }
 
-/** design.md §1-4 — 주요 버튼(primary blue), AI 액션(ai-accent 보라). radius 4px. */
+/** design.md §1-4 / DESIGN_SYSTEM_NIFTY §2.1 — 주요 버튼(primary blue), AI 액션(ai-accent 보라). radius 4px. */
 export function Button({
   variant = 'primary',
+  size = 'md',
   leadingIcon,
+  iconOnly,
   block,
   className = '',
   children,
   ...rest
 }: ButtonProps) {
+  const classes = [
+    'kx-btn',
+    `kx-btn--${variant}`,
+    size !== 'md' && `kx-btn--${size}`,
+    iconOnly && 'kx-btn--icon',
+    block && 'kx-btn--block',
+    className,
+  ]
+    .filter(Boolean)
+    .join(' ');
   return (
-    <button
+    <button className={classes} {...rest}>
-      className={`kx-btn kx-btn--${variant} ${block ? 'kx-btn--block' : ''} ${className}`}
-      {...rest}
-    >
       {leadingIcon && <span className="kx-btn__icon" aria-hidden="true">{leadingIcon}</span>}
       {children}
     </button>

src/frontend/src/components/ui/button.css

@@ -20,11 +20,59 @@
   opacity: 0.5;
   cursor: not-allowed;
 }
+.kx-btn:focus-visible {
+  outline: 2px solid var(--focus-ring);
+  outline-offset: 2px;
+}
 .kx-btn__icon {
   display: inline-flex;
   font-size: 18px;
 }
 
+/* ── Nifty 3단 크기 (DESIGN_SYSTEM_NIFTY §2.1) — 기본 md(40) 불변 ── */
+.kx-btn--sm {
+  height: 32px;
+  padding: 0 var(--space-3);
+  font-size: var(--fs-caption);
+  gap: var(--space-1);
+}
+.kx-btn--lg {
+  height: 48px;
+  padding: 0 var(--space-5);
+  font-size: var(--fs-h3);
+}
+
+/* ── 아이콘 전용(정사각) — aria-label 필수 ── */
+.kx-btn--icon {
+  width: 40px;
+  padding: 0;
+}
+.kx-btn--icon.kx-btn--sm {
+  width: 32px;
+}
+.kx-btn--icon.kx-btn--lg {
+  width: 48px;
+}
+
+/* ── 버튼 그룹 — 인접 모서리 접합 ── */
+.kx-btn-group {
+  display: inline-flex;
+}
+.kx-btn-group .kx-btn {
+  border-radius: 0;
+}
+.kx-btn-group .kx-btn:first-child {
+  border-top-left-radius: var(--radius-sm);
+  border-bottom-left-radius: var(--radius-sm);
+}
+.kx-btn-group .kx-btn:last-child {
+  border-top-right-radius: var(--radius-sm);
+  border-bottom-right-radius: var(--radius-sm);
+}
+.kx-btn-group .kx-btn + .kx-btn {
+  margin-left: -1px;
+}
+
 .kx-btn--primary {
   background: var(--color-primary-600);
   color: var(--color-on-accent);

src/frontend/src/screens/boothsales/boothsales.css

@@ -45,7 +45,7 @@
   border-radius: 999px;
   font-size: var(--fs-caption);
   background: var(--kx-surface-2, #f1f5f9);
-  border: 1px solid var(--kx-border, #e2e8f0);
+  border: 1px solid var(--color-neutral-200);
 }
 .kx-bsales__stat strong { font-size: 15px; font-weight: var(--fw-bold); }
 .kx-bsales__stat.is-available { color: #15803d; background: #f0fdf4; border-color: #bbf7d0; }
@@ -81,7 +81,7 @@
   padding: 14px;
   border-radius: 8px;
   background: var(--kx-surface, #fff);
-  border: 1px solid var(--kx-border, #e2e8f0);
+  border: 1px solid var(--color-neutral-200);
   border-left-width: 4px;
 }
 .kx-boothcard.is-available { border-left-color: #22c55e; }

src/frontend/src/screens/cms/cms.css

@@ -1151,7 +1151,7 @@
   margin-left: auto;
   font-size: var(--fs-micro);
   color: var(--color-neutral-500);
-  border: 1px dashed var(--color-neutral-300);
+  border: 1px dashed var(--color-neutral-200);
   border-radius: 6px;
   padding: 1px 6px;
   cursor: help;

src/frontend/src/screens/design/studio.css

@@ -512,7 +512,7 @@
   margin: var(--space-4) var(--space-5) 0;
   padding: var(--space-4);
   background: var(--color-surface, #fff);
-  border: 1px solid var(--color-border, #e5e8ef);
+  border: 1px solid var(--color-neutral-200);
   border-radius: var(--radius-lg);
 }
 .kx-studio__history-head {

src/frontend/src/screens/floorplan/auto-layout.css

@@ -72,7 +72,7 @@
   min-width: 0;
   padding: var(--space-2) var(--space-3);
   font-size: var(--fs-body);
-  border: var(--border-input, 1px solid #d0d5dd);
+  border: 1px solid var(--color-neutral-200);
   border-radius: var(--radius-md);
   color: var(--color-neutral-900);
 }

src/frontend/src/screens/hallassign/hallassign.css

@@ -86,7 +86,7 @@
   color: var(--color-neutral-700);
 }
 .kx-hall__chip.is-primary {
-  border-color: var(--color-brand-500, #1f29fc);
+  border-color: var(--color-primary-600);
 }
 .kx-hall__chip.is-conflict {
   background: #fef3f2;
@@ -104,7 +104,7 @@
   text-decoration: underline;
 }
 .kx-hall__chipbody:focus-visible {
-  outline: 2px solid var(--color-brand-500, #1f29fc);
+  outline: 2px solid var(--color-primary-600);
   outline-offset: 2px;
 }
 .kx-hall__chiptext {
@@ -303,12 +303,12 @@
   color: var(--color-neutral-700);
 }
 .kx-hall__statusbadge.is-primary {
-  border-color: var(--color-brand-500, #1f29fc);
+  border-color: var(--color-primary-600);
-  color: var(--color-brand-500, #1f29fc);
+  color: var(--color-primary-600);
 }
 .kx-hall__primarytag {
   font-size: var(--fs-caption);
-  color: var(--color-brand-500, #1f29fc);
+  color: var(--color-primary-600);
 }
 .kx-hall__detailsec {
   display: flex;

src/frontend/src/screens/movein/movein.css

@@ -413,7 +413,7 @@
   gap: 10px;
 }
 .kx-logi__item {
-  border: 1px solid var(--color-border, #e4e7ec);
+  border: 1px solid var(--color-neutral-200);
   border-radius: var(--radius-md, 10px);
   padding: 12px 14px;
   background: var(--color-surface, #fff);
@@ -444,7 +444,7 @@
   gap: 8px;
 }
 .kx-logi__act {
-  border: 1px solid var(--color-border, #e4e7ec);
+  border: 1px solid var(--color-neutral-200);
   background: var(--color-surface, #fff);
   border-radius: var(--radius-sm, 8px);
   padding: 6px 12px;
@@ -492,7 +492,7 @@
   width: 10px;
   height: 10px;
   border-radius: 999px;
-  background: var(--color-border, #e4e7ec);
+  background: var(--color-neutral-200);
 }
 .kx-logi__track-dot.is-done {
   background: var(--color-primary, #1f29fc);

src/frontend/src/screens/settlement/settlement.css

@@ -426,7 +426,7 @@
 }
 .kx-settle__refund-row--em {
   padding-top: 4px;
-  border-top: 1px dashed var(--color-neutral-300, #d0d5dd);
+  border-top: 1px dashed var(--color-neutral-200);
   font-size: 13px;
 }
 .kx-settle__refund-row--em strong {

src/frontend/src/screens/shared.css

@@ -141,15 +141,151 @@
   box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08);
 }
 
-/* 셀렉트 */
+/* ══════════════════════════════════════════════════════════
+ * 셀렉트 / 드롭다운 — Nifty(§2.4) 계보
+ * 커스텀 캐럿(고정 중립 chevron, 양 테마 공용) + hover/focus/disabled 상태.
+ * appearance:none 로 OS별 기본 화살표 제거 후 kx 캐럿으로 통일.
+ * ══════════════════════════════════════════════════════════ */
 .kx-select {
   height: 36px;
-  padding: 0 var(--space-3);
+  padding: 0 calc(var(--space-5) + 2px) 0 var(--space-3);
+  border: var(--border-card);
+  border-radius: var(--radius-sm);
+  background-color: var(--color-white);
+  color: var(--color-neutral-700);
+  font-size: var(--fs-body);
+  font-family: inherit;
+  line-height: 1;
+  appearance: none;
+  -webkit-appearance: none;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%23667085' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: right var(--space-3) center;
+  transition: border-color 0.15s ease, box-shadow 0.15s ease;
+}
+.kx-select:not(:disabled):hover {
+  border-color: var(--color-neutral-500);
+}
+.kx-select:focus-visible {
+  outline: none;
+  border-color: var(--color-primary-600);
+  box-shadow: 0 0 0 3px var(--color-primary-050);
+}
+.kx-select:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+  background-color: var(--color-neutral-050);
+}
+.kx-select--sm {
+  height: 32px;
+  font-size: var(--fs-caption);
+}
+
+/* ── 드롭다운 메뉴 (§2.4) — 트리거 + 카드형 메뉴 + 항목. ── */
+.kx-menu {
+  min-width: 180px;
+  padding: var(--space-1);
   border: var(--border-card);
   border-radius: var(--radius-sm);
   background: var(--color-white);
+  box-shadow: var(--shadow-level2);
+}
+.kx-menu__item {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+  width: 100%;
+  padding: var(--space-2) var(--space-3);
+  border: none;
+  border-radius: var(--radius-sm);
+  background: transparent;
   font-size: var(--fs-body);
   color: var(--color-neutral-700);
+  text-align: left;
+  cursor: pointer;
+}
+.kx-menu__item:not(:disabled):hover,
+.kx-menu__item.is-active {
+  background: var(--color-primary-050);
+  color: var(--color-primary-700);
+}
+.kx-menu__item--danger {
+  color: var(--color-error);
+}
+.kx-menu__item--danger:not(:disabled):hover {
+  background: var(--color-error-bg);
+  color: var(--color-error);
+}
+.kx-menu__item:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.kx-menu__divider {
+  height: 1px;
+  margin: var(--space-1) 0;
+  background: var(--color-neutral-200);
+}
+
+/* ══════════════════════════════════════════════════════════
+ * 리스트 그룹 (§2.5) — 공지·활동·검색결과 등 목록형.
+ * 행 = 아이콘/점 + 제목/메타 + 우측 배지/시간. 구분선·hover.
+ * ══════════════════════════════════════════════════════════ */
+.kx-list-group {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  border: var(--border-card);
+  border-radius: var(--radius-lg);
+  background: var(--color-white);
+  overflow: hidden;
+}
+.kx-list-group__item {
+  display: flex;
+  align-items: center;
+  gap: var(--space-3);
+  padding: var(--space-3) var(--space-4);
+  border-bottom: 1px solid var(--color-neutral-200);
+  font-size: var(--fs-body);
+  color: var(--color-neutral-700);
+}
+.kx-list-group__item:last-child {
+  border-bottom: none;
+}
+a.kx-list-group__item,
+button.kx-list-group__item {
+  width: 100%;
+  border-left: none;
+  border-right: none;
+  border-top: none;
+  background: transparent;
+  text-align: left;
+  cursor: pointer;
+}
+a.kx-list-group__item:hover,
+button.kx-list-group__item:hover,
+.kx-list-group__item.is-active {
+  background: var(--color-primary-050);
+}
+.kx-list-group__item.is-active {
+  color: var(--color-primary-700);
+}
+.kx-list-group__body {
+  flex: 1;
+  min-width: 0;
+}
+.kx-list-group__title {
+  font-weight: var(--fw-semibold);
+  color: var(--color-neutral-900);
+}
+.kx-list-group__meta {
+  font-size: var(--fs-caption);
+  color: var(--color-neutral-500);
+}
+.kx-list-group__aside {
+  margin-left: auto;
+  flex: none;
+  font-size: var(--fs-caption);
+  color: var(--color-neutral-500);
 }
 
 /* KPI 카드(공통) — 카드 정본과 동일 Nifty 엘리베이션 */