{"parentUuid":null,"isSidechain":true,"promptId":"3f5229cd-880a-48b3-abb4-0ba548137950","agentId":"af1d0b8cca6abc7f4","type":"user","message":{"role":"user","content":"connect-b 프론트엔드 재설계 SPEC-CONNECT-B-002의 **Phase A (IA 골격)**를 구현한다.\n\n## 환경\n- 프로젝트: /home/lucas/.www/connect-b\n- 브랜치: redesign-phase1 (현재 체크아웃됨)\n- **dev 서버가 3001 포트에서 돌고 있다** — 절대 worktree를 만들지 말고 현재 디렉토리에서 직접 작업하라. 그래야 HMR로 즉시 반영된다.\n- 스택: Next.js 16 App Router + React 19 + Tailwind 4 + shadcn/ui\n\n## 필독\n1. `.autopus/specs/SPEC-CONNECT-B-002/spec.md` — 요구사항·제약\n2. `.autopus/specs/SPEC-CONNECT-B-002/plan.md` — **라우팅 마이그레이션 매트릭스(T1)와 Phase A 태스크(T1~T3)가 여기 있다. 그대로 따르라.**\n3. `.autopus/specs/SPEC-CONNECT-B-002/research.md` — 재사용 근거\n4. 기존 `components/layout/app-shell.tsx` — 현재 11개 메뉴 사이드바. 이걸 수정.\n5. 기존 `app/(app)/` 구조\n\n## 구현 (Phase A — T1, T2, T3)\n\n### T1 라우팅 마이그레이션 (plan.md 매트릭스 그대로)\n- `app/page.tsx`: 인증 시 `/`(오늘 큐), 미인증 `/login`. 현재 `/dashboard` 리다이렉트를 오늘 큐로 변경. (단, 오늘 큐 페이지 `app/(app)/today/page.tsx`는 Phase C에서 만든다. Phase A에서는 라우팅만 잡고, 오늘 큐 자리는 임시 placeholder 또는 기존 `/expiry` 내용 임시 노출로 두어 dev에서 깨지지 않게 하라.)\n- `/dashboard`, `/expiry`, `/vehicles`(최상위), `/policies`(최상위) → redirect. Next.js `redirect()` 또는 next.config redirects 중 택1 (북마크 보호 위해 redirect 우선).\n- `/reports`(통계) → 삭제.\n- `/policyholders/[id]`, `/policies/[id]`, `/vehicles/[id]`, `/policies/new`, `/policyholders/new`, `/families`, `/dev-log`, `/settings`, `/capture`, `/import` → 페이지 유지 (최상위 메뉴에서만 제거).\n\n### T2 app-shell 내비 축소\n- `app-shell.tsx`의 11개 메뉴 → **3개(오늘/검색/캡처)**로 축소. 설정·테마·로그아웃은 헤더 아바타 영역으로 이동.\n- 검색은 `/search`(Phase D에서 구현), 캡처는 `/capture`(기존). 오늘은 `/`.\n\n### T3 하단 탭바\n- `components/layout/bottom-tab-bar.tsx` 신규 — 모바일(md 미만) 고정 하단 탭바 3탭(오늘/검색/캡처). 기존 햄버거 드로어 제거.\n\n## 제약 (엄수)\n- **백엔드 변경 절대 금지**: Prisma 스키마·api routes·lib/vision.ts·인증 건드리지 마라.\n- **파일 300줄 하드 한도**. app-shell이 커지면 bottom-tab-bar 등으로 분리.\n- **기존 코드 스타일 유지**: 새 파일 첫 줄에 한국어 헤더 주석(예: `// 모바일 하단 탭바 — 오늘/검색/캡처 3탭`). 'use client' 등 directive 아래.\n- 색·타이포 디자인 토큰은 건드리지 마라 (Phase E). 구조/라우팅만.\n- 아직 없는 페이지(/search, /today)로의 링크는 깨지지 않게 — placeholder 페이지를 두거나 기존 페이지로 임시 매핑.\n\n## 검증 (필수)\n1. `npx tsc --noEmit` 통과\n2. dev 서버가 돌고 있으니 `curl -sf http://127.0.0.1:3001/ -o /dev/null` 등으로 주요 경로가 500 안 나는지 확인\n3. 각 구 URL(/dashboard, /expiry, /vehicles, /policies) 접근 시 의도한 redirect 도달 확인\n\n## 반환\n수정/생성 파일 목록, tsc 결과, 각 라우팅 동작 확인 결과, 다음 Phase(B)에 영향 주는 사항."},"uuid":"e9985b88-d454-4bf9-914b-7db02d1c58a3","timestamp":"2026-05-21T12:29:13.577Z","userType":"external","entrypoint":"cli","cwd":"/home/lucas/.www/connect-b","sessionId":"d97e7b8d-6388-46b2-8039-ac04603b623d","version":"2.1.144","gitBranch":"redesign-phase1"} {"parentUuid":"e9985b88-d454-4bf9-914b-7db02d1c58a3","isSidechain":true,"agentId":"af1d0b8cca6abc7f4","message":{"model":"claude-sonnet-4-6","id":"msg_017HVrQ3FibcA1pxofxrMnN8","type":"message","role":"assistant","content":[{"type":"text","text":"Let me start by reading the relevant files to understand the current structure before making any changes."}],"stop_reason":null,"stop_sequence":null,"stop_details":null,"usage":{"input_tokens":3,"cache_creation_input_tokens":18824,"cache_read_input_tokens":0,"cache_creation":{"ephemeral_5m_input_tokens":18824,"ephemeral_1h_input_tokens":0},"output_tokens":1,"service_tier":"standard","inference_geo":"not_available"},"diagnostics":null},"requestId":"req_011CbFiS5V9AuKwayKwC2hX9","attributionAgent":"executor","type":"assistant","uuid":"b6e43826-65e1-4792-b59c-fba238b7dcb2","timestamp":"2026-05-21T12:29:17.231Z","advisorModel":"claude-opus-4-7","userType":"external","entrypoint":"cli","cwd":"/home/lucas/.www/connect-b","sessionId":"d97e7b8d-6388-46b2-8039-ac04603b623d","version":"2.1.144","gitBranch":"redesign-phase1"} {"parentUuid":"b6e43826-65e1-4792-b59c-fba238b7dcb2","isSidechain":true,"agentId":"af1d0b8cca6abc7f4","message":{"model":"claude-sonnet-4-6","id":"msg_017HVrQ3FibcA1pxofxrMnN8","type":"message","role":"assistant","content":[{"type":"tool_use","id":"toolu_01MgZti1cj2SicMwDdfwPVzs","name":"Read","input":{"file_path":"/home/lucas/.www/connect-b/.autopus/specs/SPEC-CONNECT-B-002/spec.md"},"caller":{"type":"direct"}}],"stop_reason":null,"stop_sequence":null,"stop_details":null,"usage":{"input_tokens":3,"cache_creation_input_tokens":18824,"cache_read_input_tokens":0,"cache_creation":{"ephemeral_5m_input_tokens":18824,"ephemeral_1h_input_tokens":0},"output_tokens":1,"service_tier":"standard","inference_geo":"not_available"},"diagnostics":null},"requestId":"req_011CbFiS5V9AuKwayKwC2hX9","attributionAgent":"executor","type":"assistant","uuid":"b4594c08-2405-462c-8df5-3ddeae350775","timestamp":"2026-05-21T12:29:18.022Z","advisorModel":"claude-opus-4-7","userType":"external","entrypoint":"cli","cwd":"/home/lucas/.www/connect-b","sessionId":"d97e7b8d-6388-46b2-8039-ac04603b623d","version":"2.1.144","gitBranch":"redesign-phase1"} {"parentUuid":"b4594c08-2405-462c-8df5-3ddeae350775","isSidechain":true,"promptId":"3f5229cd-880a-48b3-abb4-0ba548137950","agentId":"af1d0b8cca6abc7f4","type":"user","message":{"role":"user","content":[{"tool_use_id":"toolu_01MgZti1cj2SicMwDdfwPVzs","type":"tool_result","content":"1\t# SPEC-CONNECT-B-002: 프론트엔드 재설계 Phase 1 — 3화면 IA + 오늘 큐 + 콜 카드 1사이클\n2\t\n3\t**Status**: draft\n4\t**Created**: 2026-05-21\n5\t**Domain**: CONNECT-B\n6\t**선행**: [SPEC-CONNECT-B-001](../SPEC-CONNECT-B-001/spec.md) (백엔드·DB·OCR 자산 — 유지)\n7\t**원본 PRD**: [prd.md](./prd.md) (373줄, 10섹션 — 요구사항의 단일 진실)\n8\t**브레인스토밍**: [BS-001](../../brainstorms/BS-001.md)\n9\t\n10\t---\n11\t\n12\t## 목적\n13\t\n14\tconnect-b의 화면 구조·UX·실행 흐름을 재설계한다. 현재 11개 사이드바 메뉴를 **오늘 / 검색 / 캡처** 3화면으로 축약하고, 앱 진입 시 D-day 가중 정렬된 만기 임박 고객의 **\"오늘 큐\" 콜 카드 스트림**을 첫 화면으로 띄운다. 한 콜 카드 안에서 발신·정보확인·통화결과 기록·갱신상태 변경까지 **영업 1사이클을 페이지 이동 0회로 완결**한다.\n15\t\n16\t백엔드(DB 스키마·OCR 엔진·알림 인프라·인증·API)는 변경하지 않고 재사용한다.\n17\t\n18\t---\n19\t\n20\t## 요구사항\n21\t\n22\t### 단일 진실 = PRD §4\n23\t\n24\tPRD `prd.md` **§4 R1–R23이 본 SPEC의 권위 있는 요구사항**이다. 중복 정의를 막기 위해 여기서 전체를 재기술하지 않는다. 아래는 사용자 확정 결정(PRD §10 Q1–Q4)에 따른 **변경(delta)**과 **신규 요구사항**만 명시하며, 충돌 시 본 SPEC의 delta가 PRD 본문에 우선한다.\n25\t\n26\t### 사용자 확정 결정에 따른 R 변경 (PRD §10 Q1–Q4)\n27\t\n28\t- **R4 (확정)** — 모바일(md 미만) 내비게이션은 **하단 탭바 고정 3탭(오늘/검색/캡처)**로 한다. 기존 햄버거 드로어는 제거한다. (Q2)\n29\t- **R8 (구체화)** — 오늘 큐 헤더 단일 지표는 **이번달 갱신 유지율**로 한다.\n30\t - 정의: `유지율 = (이번달 endDate 도래 Policy 중 renewalStatus = RENEWED 건수) / (이번달 endDate 도래 Policy 전체 건수)`. 표기 예: `67% (12/18)`. 분모가 0이면 `—`로 표기한다.\n31\t - **주의**: 기존 `lib/dashboard-queries.ts`의 `monthlyRenewed`는 `status: 'RENEWED'`(Policy 라이프사이클 필드)로 집계하나, 갱신 워크플로우(`PATCH /api/policies/[id]/renewal`)는 `renewalStatus`만 기록한다. 따라서 헤더 지표는 **`renewalStatus = RENEWED` 기준**으로 별도 산출해야 한다(research.md 참조). (Q1)\n32\t- **R15 (변경)** — `renewalStatus`가 `RENEWED` 또는 `LAPSED`로 변경되면 카드를 **즉시 제거하지 않고 \"오늘 완료\" 접힘 섹션으로 이동**한다. 이 섹션은 **DB 기반으로 영속**한다(세션 휘발 아님): 오늘 큐 조회 조건이 `(renewalStatus NOT IN (RENEWED, LAPSED)) OR (decisionAt >= 오늘 0시)`이므로, 오늘 처리한 갱신·이탈 건은 새로고침·재방문 후에도 완료 섹션에 남는다. 사용자는 해당 섹션에서 카드를 펼쳐 **상태를 되돌릴(복구)** 수 있다. `decisionAt`은 기존 `PATCH /api/policies/[id]/renewal`이 RENEWED/LAPSED 시 자동 기록하므로 스키마 변경은 없다. (Q3, research §3 결정4)\n33\t\n34\t### 신규 요구사항 (PRD에 없던 항목 — 본 SPEC에서 추가)\n35\t\n36\t- **R24** WHEN 검색 결과를 표시할 때 THE SYSTEM SHALL 각 고객을 **연관 Policy의 최단 `endDate` 오름차순(만기 임박순)**으로 정렬한다. Policy가 없는 고객은 맨 뒤에 둔다. (Q4)\n37\t- **R25** THE SYSTEM SHALL 오늘 큐 헤더 단일 지표를 **단일 모듈(`lib/today-queue-metric.ts`) 1곳에서 산출**하여, 향후 다른 지표(예: D-30 미접촉 건수)로 **교체 시 1파일 수정**으로 끝나게 한다. (Q1 \"쉽게 교체 가능\")\n38\t- **R26** WHEN 콜 카드를 펼치면 THE SYSTEM SHALL 해당 계약자의 **최근 ContactLog 1~2건**을 카드 내에 표시한다(데이터 출처 결정은 research.md §3).\n39\t- **R27** THE SYSTEM SHALL 콜 카드의 인라인 ContactLog 생성에 필요한 **`Policyholder.id`(= `Policy.contractorId`)**를 오늘 큐 행 데이터에 포함한다. (현행 `ExpiryRow`에 누락된 필드)\n40\t\n41\t---\n42\t\n43\t## 범위\n44\t\n45\t### 포함 (Phase 1)\n46\t\n47\t1. 3화면 IA: 오늘(`/`) · 검색(`/search`) · 캡처(`/capture`) + 하단 탭바(모바일).\n48\t2. 오늘 큐 단일 진입 화면 — D-day 버킷 + 상태 우선순위 + endDate 3계층 정렬(PRD §6.1), 종목 필터, 헤더 단일 지표(갱신 유지율).\n49\t3. 콜 카드 1사이클 — tel: 발신 · 견적/할인/상태 인라인 패치 · ContactLog 인라인 생성 · 최근 통화이력 표시. 페이지 이동 0회.\n50\t4. 검색 — 이름/전화 끝4자리 매칭, 만기 임박순 정렬, 고객 상세 드릴인 유지.\n51\t5. 캡처 — 기존 OCR 업로드 흐름 유지 + 만기명세 임포트 진입점 흡수.\n52\t6. 라우팅 정리 + 디자인 토큰 재정의(색·타이포는 구현 단계 이터레이션, 본 SPEC은 \"토큰 재정의 태스크\"로만 명시).\n53\t\n54\t### 제외 (후속 SPEC — 명시만)\n55\t\n56\t| 행선지 | 항목 | 사유 |\n57\t|---|---|---|\n58\t| Phase 2 | 캡처 = 파이프라인 트리거 (OCR → 만기 등록 + D-30 예약 자동 생성) | 안정된 3화면 기반 위에서 구현해야 안전 (ICE Ease 5) |\n59\t| Phase 3 | 텔레그램 양방향 (아침 큐 push + 인라인 버튼 통화결과 기록) | 봇 상태머신·콜백 신규 구축, 프로토타입 선행 (ICE Ease 5) |\n60\t| 운영 | cron 자동 톡 활성화 | 재설계와 무관, 기존 expiry-digest cron 등록만 |\n61\t| v2 | 가족 교차판매 추천 UI (suggestion-card), 연말 영업 리포트 | 만기 핵심 흐름과 별개 (BS-001 P1/P2) |\n62\t| 후속 | 시각 디자인 시스템(색·타이포 토큰) 확정 | 구현 단계 디자인 이터레이션 |\n63\t\n64\t---\n65\t\n66\t## 제약\n67\t\n68\t- **백엔드 자산 변경 금지(재사용)**: Prisma 스키마(Policyholder/Policy/Vehicle/Capture/ContactLog/ExpiryBatch/ExpiryBatchRow/DevLog/NotificationLog), `lib/vision.ts`, `app/api/cron/expiry-digest`, NextAuth(kakao/google), 기존 api routes. **마이그레이션 신규 생성 금지** — 조회·인라인 패치만. 필요 시 기존 API의 쿼리/select 확장만 허용.\n69\t- **스택 유지**: Next.js 16 App Router · React 19 · Tailwind 4 · shadcn/ui. 프레임워크 교체 없음. (R23)\n70\t- **행 격리**: 모든 조회·변경에서 `session.user.id === row.userId` 강제. (R22)\n71\t- **금액**: 정수(`Int`) 원 단위. 부동소수 금지.\n72\t- **파일 크기**: 소스 파일 300줄 하드 한도. 콜 카드·app-shell은 사전 분할(plan.md 참조).\n73\t- **YAGNI**: `userId` FK는 유지(향후 다중 사용자)하되 SaaS UI·인터페이스/제네릭 남발 금지. 단일 사용 코드에 추상화 금지.\n74\t\n75\t---\n76\t\n77\t## 생성 파일 상세\n78\t\n79\t| 파일/모듈 | 역할 | 출처 |\n80\t|---|---|---|\n81\t| `app/(app)/page.tsx` 또는 `app/(app)/today/page.tsx` | 오늘 큐 서버 컴포넌트 (쿼리·정렬·헤더지표 조립) | `expiry/page.tsx` 패턴 |\n82\t| `app/(app)/today/today-queue.tsx` | 큐 클라이언트 컨테이너 (버킷 그룹핑·\"오늘 완료\" 섹션·필터 상태) | `expiry-table.tsx` 패턴 |\n83\t| `app/(app)/today/call-card.tsx` | 콜 카드 셸 (헤더·tel·접힘/펼침 상태) | `expiry-card.tsx` 헤더부 |\n84\t| `app/(app)/today/call-card-renewal.tsx` | 견적/할인/상태 인라인 패치 | `expiry-card.tsx` 편집부 |\n85\t| `app/(app)/today/call-card-contact-form.tsx` | ContactLog 인라인 생성 폼 | `contact-log-section.tsx` 폼부 |\n86\t| `app/(app)/today/call-card-history.tsx` | 최근 통화이력 1~2건 표시 | `contact-log-section.tsx` 타임라인부 |\n87\t| `app/(app)/today/today-sort.ts` | D-day 버킷 + 상태 우선순위 정렬 헬퍼 (§6.1) | 신규 (순수 함수) |\n88\t| `lib/today-queue-metric.ts` | 갱신 유지율 단일 산출 모듈 (교체 지점) | 신규 |\n89\t| `app/(app)/search/page.tsx` | 검색 화면 (끝4자리 정규화 + 만기 임박순) | `policyholders/page.tsx` 패턴 |\n90\t| `components/layout/app-shell.tsx` (수정) | 11개 메뉴 → 3개 + 헤더 메뉴 분리 | 기존 수정 |\n91\t| `components/layout/bottom-tab-bar.tsx` | 모바일 하단 탭바 (오늘/검색/캡처) | 신규 |\n92\t| `app/(app)/expiry/expiry-shared.ts` (수정) | `ExpiryRow`에 `contractorId` (+ 선택적 최근 ContactLog) 추가 | 기존 확장 |\n93\t\n94\t자세한 태스크 분해·라우팅 마이그레이션 매트릭스는 `plan.md`, 재사용 근거·데이터 출처 결정은 `research.md` 참조.\n95\t"}]},"uuid":"e657299f-e27b-4949-9501-41941b33c76e","timestamp":"2026-05-21T12:29:18.067Z","sourceToolAssistantUUID":"b4594c08-2405-462c-8df5-3ddeae350775","userType":"external","entrypoint":"cli","cwd":"/home/lucas/.www/connect-b","sessionId":"d97e7b8d-6388-46b2-8039-ac04603b623d","version":"2.1.144","gitBranch":"redesign-phase1"} {"parentUuid":"e657299f-e27b-4949-9501-41941b33c76e","isSidechain":true,"agentId":"af1d0b8cca6abc7f4","message":{"model":"claude-sonnet-4-6","id":"msg_017HVrQ3FibcA1pxofxrMnN8","type":"message","role":"assistant","content":[{"type":"tool_use","id":"toolu_01SkZSWLRLuYMgwfYZs19pqd","name":"Read","input":{"file_path":"/home/lucas/.www/connect-b/.autopus/specs/SPEC-CONNECT-B-002/plan.md"},"caller":{"type":"direct"}}],"stop_reason":"tool_use","stop_sequence":null,"stop_details":null,"usage":{"input_tokens":3,"cache_creation_input_tokens":18824,"cache_read_input_tokens":0,"output_tokens":164,"server_tool_use":{"web_search_requests":0,"web_fetch_requests":0},"service_tier":"standard","cache_creation":{"ephemeral_1h_input_tokens":0,"ephemeral_5m_input_tokens":18824},"inference_geo":"","iterations":[{"input_tokens":3,"output_tokens":164,"cache_read_input_tokens":0,"cache_creation_input_tokens":18824,"cache_creation":{"ephemeral_5m_input_tokens":18824,"ephemeral_1h_input_tokens":0},"type":"message"}],"speed":"standard"},"diagnostics":null},"requestId":"req_011CbFiS5V9AuKwayKwC2hX9","attributionAgent":"executor","type":"assistant","uuid":"fe5916ff-f665-45cc-94ee-85ec2115879f","timestamp":"2026-05-21T12:29:18.475Z","advisorModel":"claude-opus-4-7","userType":"external","entrypoint":"cli","cwd":"/home/lucas/.www/connect-b","sessionId":"d97e7b8d-6388-46b2-8039-ac04603b623d","version":"2.1.144","gitBranch":"redesign-phase1"} {"parentUuid":"fe5916ff-f665-45cc-94ee-85ec2115879f","isSidechain":true,"promptId":"3f5229cd-880a-48b3-abb4-0ba548137950","agentId":"af1d0b8cca6abc7f4","type":"user","message":{"role":"user","content":[{"tool_use_id":"toolu_01SkZSWLRLuYMgwfYZs19pqd","type":"tool_result","content":"1\t# SPEC-CONNECT-B-002 구현 계획\n2\t\n3\t> 기존 `app/(app)/` 화면을 3화면(오늘/검색/캡처)으로 재구성한다. 300줄 소스 한도를 고려해 콜 카드·app-shell을 사전 분할한다. 태스크는 독립 실행 단위로 분해한다.\n4\t\n5\t## 라우팅 마이그레이션 매트릭스 (T1 — 모든 경로 명시)\n6\t\n7\t| 기존 경로 | 처리 | 행선지 | 비고 |\n8\t|---|---|---|---|\n9\t| `app/page.tsx` (루트) | 수정 | 인증 시 `/` 오늘 큐, 미인증 `/login` | 현재 `/dashboard` 리다이렉트 → 오늘 큐로 변경 |\n10\t| `/dashboard` | redirect | `/` (오늘 큐) | KPI 4종 제거, 헤더 단일 지표로 대체 |\n11\t| `/expiry` | redirect | `/` (오늘 큐) | 카드 스트림으로 흡수 |\n12\t| `/reports` (통계) | 삭제 | — | 펀넬·분포 제거 (BS-001 M3) |\n13\t| `/policyholders` | 유지 | 검색 드릴인 대상 | 최상위 메뉴에서만 제거 |\n14\t| `/policyholders/[id]` 등 상세·드릴인 | 유지 | 그대로 | 차량·계약·접촉이력·가족배정 |\n15\t| `/{policies,vehicles}/[id]/**`, `/policies/new`, `/policyholders/new` | 유지 | 검색→고객 상세 경유 진입 | 최상위 메뉴만 제거, 드릴인·신규등록 진입은 보존 |\n16\t| `/vehicles` (최상위) | redirect | `/search` | 단독 진입 제거, 고객 드릴인 경유 |\n17\t| `/policies` (최상위) | redirect | `/search` | 동일 |\n18\t| `/families` (최상위) | 유지(메뉴 제거) | 고객 상세 드릴인에서 진입 | 페이지 자체는 유지, 추천 카드는 v2(렌더 비활성/숨김은 별도 검토) |\n19\t| `/dev-log` | 유지(메뉴 제거) | 직접 URL만 | 데이터·API 보존 |\n20\t| `/settings` | 유지 | 헤더 아바타 메뉴 | 내비 항목 아님 |\n21\t| `/capture`, `/import` | 유지 | 캡처 화면 + 하위 진입점 | `/import`을 캡처 화면에서 링크로 흡수 |\n22\t\n23\t> redirect는 Next.js `redirect()` 또는 `next.config` redirects 중 택1 (T1에서 결정). 사용자 북마크 보호를 위해 삭제보다 redirect 우선.\n24\t\n25\t## 태스크 목록\n26\t\n27\t### Phase A — IA 골격 (선행)\n28\t\n29\t- [ ] **T1** 라우팅 마이그레이션: `app/page.tsx` 인증 분기 수정, `/dashboard`·`/expiry`·`/vehicles`·`/policies` redirect, `/reports` 삭제 → 검증: 각 구 URL 접근 시 의도한 행선지 도달\n30\t- [ ] **T2** `app-shell.tsx` 내비 11개 → 3개(오늘/검색/캡처)로 축소, 설정·테마·로그아웃을 헤더 아바타 영역으로 이동 → 검증: 데스크톱 사이드바 3항목만 노출 (R1, R3)\n31\t- [ ] **T3** `components/layout/bottom-tab-bar.tsx` 신규 — 모바일(md 미만) 고정 하단 탭바 3탭, 기존 햄버거 드로어 제거 → 검증: md 미만에서 탭바 노출·드로어 미노출 (R4)\n32\t\n33\t### Phase B — 데이터 레이어 확장 (백엔드 재사용 + select 확장만)\n34\t\n35\t- [ ] **T4** `expiry/expiry-shared.ts`의 `ExpiryRow`에 `contractorId: number` 추가, 오늘 큐 쿼리 select에 `contractorId` 포함 → 검증: 콜 카드에서 ContactLog POST 시 `policyholderId` 전달 가능 (R27)\n36\t- [ ] **T5** `lib/today-queue-metric.ts` 신규 — 이번달 갱신 유지율(`renewalStatus = RENEWED` 기준) 단일 산출 함수. `dashboard-queries.ts`의 `status: 'RENEWED'` 버그 미사용 → 검증: 분모 0 시 null, 정상 시 비율 반환 (R8, R25)\n37\t- [ ] **T6** `app/(app)/today/today-sort.ts` 신규 — D-day 버킷(긴급≤3/D-7/D-14/D-30/D-60/경과) + renewalStatus 우선순위(CONTACTED>QUOTED>PENDING>LAPSED) + endDate asc 안정 정렬 순수 함수 → 검증: 단위 입력 배열 정렬 결과 검증 (R7, PRD §6.1)\n38\t- [ ] **T7** 최근 ContactLog 출처 결정 구현 (research §3 결정에 따름): 오늘 큐 쿼리 include 확장 `contractor: { contactLogs: { take: 2, orderBy: { occurredAt: desc } } }` → 검증: 펼친 카드에 최근 통화 1~2건 표시 (R26)\n39\t\n40\t### Phase C — 오늘 큐 + 콜 카드 (핵심)\n41\t\n42\t- [ ] **T8** `app/(app)/today/page.tsx` 서버 컴포넌트 — `buildExpiryWhere` 재사용 + 큐 조건 `(renewalStatus NOT IN (RENEWED, LAPSED)) OR (decisionAt >= 오늘 0시)` 적용(오늘 완료 영속, research §3 결정4) + T6 정렬 + T5 지표 조립, 200건 take → 검증: 진입 시 0클릭 카드 스트림, 오늘 처리분은 완료 섹션 유지 (R2, R5, R6, R15)\n43\t- [ ] **T9** `today/call-card.tsx` 셸 — 헤더(D-day 배지·종목·계약자·tel:)·접힘/펼침 상태. `expiry-card.tsx` 헤더부 lift → 검증: 접힘 시 요약 1줄, 탭하면 펼침 (R10, R11)\n44\t- [ ] **T10** `today/call-card-renewal.tsx` — 견적/할인/상태 인라인 패치. `expiry-card.tsx` 편집부 + `expiry-shared.ts`의 `applyPatch`/`patchRenewal` 재사용 → 검증: 입력 후 finalPremium 즉시 재계산·서버 PATCH (R13)\n45\t- [ ] **T11** `today/call-card-contact-form.tsx` — 채널 라디오·내용·접촉일·다음액션 인라인 폼, `POST /api/contact-logs` 재사용. `contact-log-section.tsx` 폼부 lift → 검증: 저장 시 ContactLog 1건 생성, 페이지 이동 0회 (R12, R14)\n46\t- [ ] **T12** `today/call-card-history.tsx` — 최근 통화 1~2건 렌더. `contact-log-section.tsx` 타임라인부 축약 → 검증: 펼친 카드 하단에 이전 통화 표시 (R26)\n47\t- [ ] **T13** `today/today-queue.tsx` 컨테이너 — 버킷별 섹션 그룹핑, 종목 필터(전체/자동차/장기/일반), \"오늘 완료\" 접힘 섹션 + 상태 복구 → 검증: RENEWED/LAPSED 전환 시 완료 섹션 이동·되돌리기 가능 (R9, R15)\n48\t\n49\t### Phase D — 검색 + 캡처\n50\t\n51\t- [ ] **T14** `app/(app)/search/page.tsx` — `policyholders/page.tsx` 패턴 재사용, 끝4자리 정규화(`/^\\d{4}$/` → 전화 suffix 매칭), 만기 임박순 정렬 → 검증: \"3456\" 입력 시 끝4자리 매칭, 결과 만기 임박순 (R16, R17, R24)\n52\t- [ ] **T15** 끝4자리 매칭 구현 (research §2 결정): `/api/policyholders`에 4자리 감지 분기 추가 또는 검색 페이지 where 확장 → 검증: 4자리는 끝자리 매칭, 그 외는 contains\n53\t- [ ] **T16** 검색 결과 만기 임박순 정렬 구현 (research §2 결정): Prisma relation orderBy 가능 여부 확인 후 택1(orderBy aggregate / 후처리 정렬) → 검증: Policy 최단 endDate asc, Policy 없는 고객 후순위\n54\t- [ ] **T17** 캡처 화면에 만기명세 임포트(`/import`) 진입점 흡수 (링크/탭) → 검증: 캡처 화면에서 임포트 진입 가능, OCR 흐름 무변경 (R19, R20, R21)\n55\t\n56\t### Phase E — 마감\n57\t\n58\t- [ ] **T18** 디자인 토큰 재정의 (색·타이포) — `globals.css` 토큰 이터레이션. 네이비+블루 탈피. 별도 디자인 이터레이션, 본 태스크는 토큰 재정의 자리만 확보 → 검증: 사용자 시각 리뷰 (G5)\n59\t- [ ] **T19** 회귀 검증 — `npm run build`, 콜 카드 1사이클(tel·로그·상태) 페이지 이동 0회 수동 확인, 끝4자리 검색 2탭 이내 → 검증: acceptance.md 전 시나리오 통과\n60\t\n61\t## 구현 전략\n62\t\n63\t- **접근**: 백엔드 0변경. 기존 `expiry/` 인라인 편집 로직과 `contact-log-section.tsx` 폼을 콜 카드로 **합성(lift & compose)**한다. 신규 코드는 화면 조립부에 집중.\n64\t- **변경 범위**: 신규 디렉토리 `app/(app)/today/`, `app/(app)/search/`, 모듈 `lib/today-queue-metric.ts`, 컴포넌트 `bottom-tab-bar.tsx`. 수정은 `app-shell.tsx`, `app/page.tsx`, `expiry-shared.ts`(필드 추가), 라우팅.\n65\t- **재사용 vs 신규 판단**: `applyPatch`/`patchRenewal`(expiry-shared) 그대로, `ddayBadge`/`INS_LABEL`/`STATUS_OPTIONS` 그대로. 콜 카드는 expiry-card·contact-log-section을 컴포넌트 4분할로 재조합 → 단일 파일 300줄 회피.\n66\t- **300줄 분할 근거**: 콜 카드 1장 = 헤더+tel+견적패치+ContactLog폼+이력 = 단일 파일 시 300줄 초과 위험 → call-card / -renewal / -contact-form / -history 4파일. app-shell도 bottom-tab-bar 분리.\n67\t- **순서 의존성**: Phase A·B 선행(골격·데이터), Phase C가 핵심, D 병행 가능, E 마감.\n68\t"}]},"uuid":"d0ad23c6-c278-480f-b460-1063be4db062","timestamp":"2026-05-21T12:29:18.519Z","sourceToolAssistantUUID":"fe5916ff-f665-45cc-94ee-85ec2115879f","userType":"external","entrypoint":"cli","cwd":"/home/lucas/.www/connect-b","sessionId":"d97e7b8d-6388-46b2-8039-ac04603b623d","version":"2.1.144","gitBranch":"redesign-phase1"} {"parentUuid":"d0ad23c6-c278-480f-b460-1063be4db062","isSidechain":true,"agentId":"af1d0b8cca6abc7f4","message":{"model":"claude-sonnet-4-6","id":"msg_01FMcsVUshEkcpNJuQjhNFVY","type":"message","role":"assistant","content":[{"type":"tool_use","id":"toolu_01WUFpzEQt1D82DZqr3TJJUb","name":"Read","input":{"file_path":"/home/lucas/.www/connect-b/components/layout/app-shell.tsx"},"caller":{"type":"direct"}}],"stop_reason":"tool_use","stop_sequence":null,"stop_details":null,"usage":{"input_tokens":1,"cache_creation_input_tokens":8306,"cache_read_input_tokens":18824,"output_tokens":123,"server_tool_use":{"web_search_requests":0,"web_fetch_requests":0},"service_tier":"standard","cache_creation":{"ephemeral_1h_input_tokens":0,"ephemeral_5m_input_tokens":8306},"inference_geo":"","iterations":[{"input_tokens":1,"output_tokens":123,"cache_read_input_tokens":18824,"cache_creation_input_tokens":8306,"cache_creation":{"ephemeral_5m_input_tokens":8306,"ephemeral_1h_input_tokens":0},"type":"message"}],"speed":"standard"},"diagnostics":null},"requestId":"req_011CbFiSTJod6XhmJgYdrnrd","attributionAgent":"executor","type":"assistant","uuid":"4df9e3db-1caa-4e77-a637-7de472804d1c","timestamp":"2026-05-21T12:29:21.908Z","advisorModel":"claude-opus-4-7","userType":"external","entrypoint":"cli","cwd":"/home/lucas/.www/connect-b","sessionId":"d97e7b8d-6388-46b2-8039-ac04603b623d","version":"2.1.144","gitBranch":"redesign-phase1"} {"parentUuid":"4df9e3db-1caa-4e77-a637-7de472804d1c","isSidechain":true,"agentId":"af1d0b8cca6abc7f4","message":{"model":"claude-sonnet-4-6","id":"msg_01FMcsVUshEkcpNJuQjhNFVY","type":"message","role":"assistant","content":[{"type":"tool_use","id":"toolu_01KBMfaWrbDEWhhhfxxWQPxj","name":"Read","input":{"file_path":"/home/lucas/.www/connect-b/app/page.tsx"},"caller":{"type":"direct"}}],"stop_reason":"tool_use","stop_sequence":null,"stop_details":null,"usage":{"input_tokens":1,"cache_creation_input_tokens":8306,"cache_read_input_tokens":18824,"output_tokens":123,"server_tool_use":{"web_search_requests":0,"web_fetch_requests":0},"service_tier":"standard","cache_creation":{"ephemeral_1h_input_tokens":0,"ephemeral_5m_input_tokens":8306},"inference_geo":"","iterations":[{"input_tokens":1,"output_tokens":123,"cache_read_input_tokens":18824,"cache_creation_input_tokens":8306,"cache_creation":{"ephemeral_5m_input_tokens":8306,"ephemeral_1h_input_tokens":0},"type":"message"}],"speed":"standard"},"diagnostics":null},"requestId":"req_011CbFiSTJod6XhmJgYdrnrd","attributionAgent":"executor","type":"assistant","uuid":"b61588ad-32c7-4b61-b7db-6b14a2c1c833","timestamp":"2026-05-21T12:29:21.915Z","advisorModel":"claude-opus-4-7","userType":"external","entrypoint":"cli","cwd":"/home/lucas/.www/connect-b","sessionId":"d97e7b8d-6388-46b2-8039-ac04603b623d","version":"2.1.144","gitBranch":"redesign-phase1"} {"parentUuid":"4df9e3db-1caa-4e77-a637-7de472804d1c","isSidechain":true,"promptId":"3f5229cd-880a-48b3-abb4-0ba548137950","agentId":"af1d0b8cca6abc7f4","type":"user","message":{"role":"user","content":[{"tool_use_id":"toolu_01WUFpzEQt1D82DZqr3TJJUb","type":"tool_result","content":"1\t// AppShell — 인증된 화면 공용 레이아웃 (헤더 + 좌측 사이드바 + 컨텐츠). 한 곳 수정으로 전 화면 반영.\n2\t'use client';\n3\t\n4\timport { useState, type ReactNode } from 'react';\n5\timport Link from 'next/link';\n6\timport { usePathname } from 'next/navigation';\n7\timport { useSession, signOut } from 'next-auth/react';\n8\timport { useTheme } from 'next-themes';\n9\timport {\n10\t LayoutDashboard, Calendar, Users, Car, Camera, FileSpreadsheet,\n11\t Heart, Notebook, Settings, Menu, X, Moon, Sun, LogOut,\n12\t Truck, BarChart3,\n13\t} from 'lucide-react';\n14\timport { cn } from '@/lib/utils';\n15\timport { Button } from '@/components/ui/button';\n16\t\n17\tinterface NavItem {\n18\t href: string;\n19\t label: string;\n20\t icon: React.ComponentType<{ className?: string }>;\n21\t}\n22\t\n23\tconst NAV: NavItem[] = [\n24\t { href: '/dashboard', label: '대시보드', icon: LayoutDashboard },\n25\t { href: '/expiry', label: '만기 보드', icon: Calendar },\n26\t { href: '/policyholders', label: '고객', icon: Users },\n27\t { href: '/vehicles', label: '차량', icon: Truck },\n28\t { href: '/policies', label: '계약', icon: Car },\n29\t { href: '/capture', label: 'OCR 캡처', icon: Camera },\n30\t { href: '/import', label: '만기명세 임포트', icon: FileSpreadsheet },\n31\t { href: '/families', label: '가족 그룹', icon: Heart },\n32\t { href: '/dev-log', label: '작업로그', icon: Notebook },\n33\t { href: '/reports', label: '통계', icon: BarChart3 },\n34\t { href: '/settings', label: '설정', icon: Settings },\n35\t];\n36\t\n37\tfunction SidebarItem({\n38\t item,\n39\t active,\n40\t onClick,\n41\t}: {\n42\t item: NavItem;\n43\t active: boolean;\n44\t onClick?: () => void;\n45\t}) {\n46\t const Icon = item.icon;\n47\t return (\n48\t \n58\t \n59\t {item.label}\n60\t \n61\t );\n62\t}\n63\t\n64\tfunction ThemeToggle() {\n65\t const { theme, setTheme } = useTheme();\n66\t return (\n67\t setTheme(theme === 'dark' ? 'light' : 'dark')}\n71\t aria-label=\"테마 전환\"\n72\t >\n73\t \n74\t