--- title: "E-2. AI에게보내기/AI브리프지침/시각화카드/런타임잠금해제" notion_id: "36422962086881f9bc24f0cf9f3e8754" notion_url: "https://app.notion.com/p/36422962086881f9bc24f0cf9f3e8754" category: "workreport" parent: "Claude Code 작업보고" updated: "2026-05-18" priority: "High" purpose: "설정탭 AI에게보내기 버튼 + AI 브리프 지침 섹션 + 코치노트 지침 컨텍스트 + 시각화 카드 4종 + 런타임 7종 잠금 해제" read_when: ["AI브리프·코칭"] --- ## 📋 스터디 요약 - **파트-섹션**: E-2 - **작업 주제**: 설정탭 'AI에게 보내기' 버튼(작업8) + AI 브리프 지침 섹션(9-1) + 코치노트 지침 컨텍스트(9-2) + AI 브리프 시각화 카드 4종(9-3) + 런타임 기본 7종 잠금 해제(이슈2) - **작업일**: 2026-05-16 (추출일 2026-05-18) - **에이전트**: Claude Code (claude-opus-4-7[1m]) - **브랜치**: main ### 작업 흐름 요약 사용자가 동일 작업을 수행 중인 다른 에이전트가 있을 수 있음을 경고하며 작업8(설정탭 'AI에게 보내기' 버튼, ccy8215@gmail.com 한정), 작업9-1~9-3(AI 브리프 지침/컨텍스트/시각화 카드), 이슈2(런타임 기본 7종 잠금 해제)를 한 번에 지시. → Claude Code가 `git status` 청결 확인 후 Settings.tsx·CoachNotes.tsx·useAuth.ts·supabase.ts·migrations 구조 파악. `is_default`/`is_basic` 가드는 run_type_configs에 없고 exercise_configs에만 존재함을 확인. → `src/lib/aiHandoff.ts` 신규 생성(최근 30일 체성분/러닝/근력 + 코치노트 + AI지침 MD 빌드), Settings.tsx에 useAuth + `?section` 딥링크 + AI 보내기 버튼 + AI 브리프 지침 4필드(philosophy/injuries/diet/etc) 추가, CoachNotes.tsx 전면 재작성(지침 카드 + JSON 스키마 강제 브리프 + 시각화 카드 4종), 방어적 마이그레이션 `2026-05-16_run_type_unlock.sql` 신규. → vite build 통과(757KB / gzip 218KB). 다른 에이전트(작업7) 미커밋 변경(SummaryBrief/History/LogEntry/Dashboard) 감지 → Surgical Changes 원칙으로 내 4파일만 선별 커밋 `9be4df8`. `git push origin main`은 auto-mode 분류기에 의해 차단 → 사용자 직접 푸시 또는 권한 허용 요청으로 종결. 세션 후 다른 에이전트(작업 A, 에이전트 C)가 CoachNotes.tsx에 3컬럼 레이아웃·MD저장·6섹션 prose 등을 추가 확장한 것이 시스템 리마인더로 통지됨. 달록의 코칭 자동화 흐름(데이터 → AI 브리프 → 시각화)을 구축하기 위해 작업되었으며 빌드·커밋까지 정상 완료, 푸시는 사용자 핸드오프로 종결. --- ## 📄 원본 대화 전체 (raw) # 대화 로그 — 작업 8 / 9-1 / 9-2 / 9-3 + 이슈2 - **작업 디렉토리:** `d:\dallog\dallog_git` - **브랜치:** `main` - **일시:** 2026-05-18 - **모델:** claude-opus-4-7[1m] (Claude Code · VSCode 확장) - **사용자 이메일:** ccy8215@gmail.com --- ## [환경/초기 시스템 정보] ### 사전 git 상태 (대화 시작 시점) ``` ?? Conversation_Log/ ``` ### 최근 커밋 ``` e998140 feat(fitness): 체성분 프로젝트 연동 후속 UI 7종 통합 79527da feat(favicon): 데모버전 파비콘을 달록 러너 SVG로 교체 753d43e feat(body): 체성분 섹션 피트니스 프로젝트 단위 필터 추가 f18f2fe fix(ai-handoff): 'AI에게 보내기' 클립보드 복사만 수행 + 6항목 핸드오프 재구성 5ce2189 feat(coach-notes): 7일 데이터 + 이전 브리프 2건 컨텍스트 / 발행시점 KST 포맷 / 최신 1건만 펼침 ``` ### 시스템 리마인더 (대화 시작과 함께 주입된 항목) 1. **Deferred tools 안내:** ToolSearch로 스키마를 불러와야 사용 가능한 도구 목록 (CronCreate, EnterPlanMode, ExitPlanMode, Monitor, NotebookEdit, PushNotification, RemoteTrigger, TaskOutput, TaskStop, TodoWrite, WebFetch, WebSearch, mcp__claude_ai_Gmail/Google_Calendar/Google_Drive/Notion__* 등) 2. **Available agent types:** claude, claude-code-guide, codex:codex-rescue, Explore, general-purpose, Plan, statusline-setup 3. **Available skills:** codex:rescue, codex:setup, codex:codex-cli-runtime, codex:gpt-5-4-prompting, codex:codex-result-handling, update-config, keybindings-help, simplify, fewer-permission-prompts, loop, schedule, claude-api, init, review, security-review 4. **사용자 자율 작업 모드:** "The user has asked you to work without stopping for clarifying questions. When you'd normally pause to check, make the reasonable call and continue; they'll redirect if needed." 5. **claudeMd 컨텍스트:** `C:\Users\ccy48\.claude\CLAUDE.md` (HANSBRIDGE CLAUDE HEADER v1.0 — 5가지 한국어 실무 규칙 + 카파시 원본) 6. **userEmail:** ccy8215@gmail.com 7. **currentDate:** 2026-05-18 --- ## [턴 1] 사용자 첫 요청 (작업지시서) ``` ※ 주의: 동일 작업을 수행 중인 다른 에이전트가 있을 수 있음. 작업 시작 전 git status 확인 후 충돌 여부 점검할 것. 충돌 감지 시 git stash 또는 git reset으로 정리 후 진행. 파일 경로: D:\dallog\dallog_git 작업 8. AI에게 보내기 기능 원버전 추가 - 데모버전 'AI에게 보내기' (MD 생성 + 클립보드 복사) 원버전에 추가 - 버튼 위치: 설정탭 → '개인 메모' 아래 - 노출 조건: ccy8215@gmail.com 계정 로그인 시에만 렌더링 (조건부 렌더링, 타 계정 비노출) 작업 9-1. 설정탭 — AI 브리프 지침 섹션 신설 - 위치: 설정탭 '개인 메모' 아래 (8번 버튼 아래) - 입력 필드: ㄴ 러닝 철학 / 훈련 방향 ㄴ 현재 부상 및 신체 이슈 ㄴ 식이 패턴 및 특이사항 ㄴ 기타 AI 전달 개인 지침 (자유 입력) - DB: app_settings 테이블 key-value 저장 - 사용자별 독립 저장 (멀티유저 대비) - 브리프 생성 시 시스템 프롬프트 자동 삽입 작업 9-2. 코치 노트탭 — 지침 컨텍스트 레이아웃 신설 - 등록된 AI 브리프 지침 요약 표시 (접기/펼치기 토글) - 설정탭 AI 브리프 지침 바로가기 버튼 포함 - 미등록 시 안내: "설정에서 AI 브리프 지침을 등록하면 더 정확한 브리프를 받을 수 있습니다" 작업 9-3. 코치 노트탭 — AI 브리프 시각화 확장 - 기존 텍스트 브리프 유지 - 시각화 카드 섹션 신설 (텍스트 브리프 하단): ㄴ 내일 추천 운동 카드 (런타임 + 목표거리 + 강도 + 주요 포인트) ㄴ 내일 권장 섭취량 카드 (칼로리/탄수화물/단백질/지방 — 수치 + 시각화 바) ㄴ 추천 메뉴 카드 (아침/점심/저녁) ㄴ 이번 주 컨디션 평가 + 코치 한마디 카드 - API 응답: JSON 구조로 받아 카드형 UI 렌더링 - "+ AI 브리프" 버튼: 텍스트 브리프 + 시각화 카드 동시 생성 - 하루 1회 자동 캐시 + 수동 갱신 기존 방식 유지 [추가 수정 — 이슈2] - 설정-개인 러닝 설정 기본 런타입 잠김 해제: ㄴ 기본 7종(조깅/LSD/너프런/인터벌/템포런/대회/회복런) 수정·삭제 가능하도록 변경 ㄴ is_default 또는 is_basic 플래그로 잠금 처리된 부분 제거 완료 후: 빌드 확인 → 커밋 → 푸시 ``` --- ## [턴 2] 어시스턴트 응답 — 사전 조사 병렬로 `git status`, 루트 디렉토리 ls, `package.json` 읽기를 실행했다. ### Bash — git status ``` On branch main Your branch is up to date with 'origin/main'. nothing to commit, working tree clean ``` ### Bash — ls d:\dallog\dallog_git ``` README.md dist index.html migrations node_modules package-lock.json package.json public scripts src tsconfig.json tsconfig.node.json vite.config.ts workers wrangler.toml ``` ### Read — package.json ```json { "name": "dallog", "private": true, "version": "0.1.0", "type": "module", "scripts": { "dev": "vite", "build": "tsc && vite build", "preview": "vite preview" }, "dependencies": { "@supabase/supabase-js": "^2.43.4", "chart.js": "^4.4.3", "react": "^18.3.1", "react-chartjs-2": "^5.2.0", "react-dom": "^18.3.1", "react-router-dom": "^6.23.1" }, "devDependencies": { "@types/react": "^18.3.3", "@types/react-dom": "^18.3.0", "@vitejs/plugin-react": "^4.3.0", "sharp": "^0.34.5", "typescript": "^5.4.5", "vite": "^5.2.12" } } ``` ### Bash — src 하위 폴더 탐색 ``` src: App.tsx components hooks index.css lib main.tsx pages vite-env.d.ts src/components: DateRangePicker.tsx Layout.tsx Modal.tsx SplashScreen.tsx SummaryBrief.tsx auth dashboard demo src/hooks: useAuth.ts useDemoBlock.ts src/lib: auth.ts briefApi.ts claude.ts demo.ts supabase.ts src/pages: AuthCallbackPage.tsx CoachNotes.tsx Dashboard.tsx History.tsx LogEntry.tsx LoginPage.tsx Settings.tsx StrengthLog.tsx ``` ### Bash — wc -l ``` 1385 d:\dallog\dallog_git\src\pages\Settings.tsx 223 d:\dallog\dallog_git\src\pages\CoachNotes.tsx 50 d:\dallog\dallog_git\src\components\demo\AISendButton.tsx 29 d:\dallog\dallog_git\src\lib\briefApi.ts 40 d:\dallog\dallog_git\src\lib\claude.ts 556 d:\dallog\dallog_git\src\components\SummaryBrief.tsx 2283 total ``` ### Read — 핵심 파일 (요약) - `src/components/demo/AISendButton.tsx`: 데모 모드 전용 'AI에게 보내기' 버튼 — `IS_DEMO` 가드 후 클립보드 복사 + claude.ai 새 탭 - `src/lib/briefApi.ts`: `fetchBrief(prompt)` — CF Workers 프록시 경유 Claude Sonnet 호출 - `src/lib/claude.ts`: `callClaude(prompt, maxTokens)` — Haiku 호출 + ok/error 결과 래핑 - `src/pages/CoachNotes.tsx`: 223줄, 데이터 컨텍스트 빌드 후 Sonnet 호출 → coach_notes에 brief 저장 이어서 TodoWrite 스키마를 ToolSearch로 불러왔다 (`select:TodoWrite`). --- ## [턴 3] 추가 조사 — Settings.tsx · 인증 · supabase 타입 Read 도구로 Settings.tsx를 200~400, 600~1000, 1000~1400 라인 단위 분할 읽기. 핵심 발견: - `Settings.tsx`는 6개 섹션(goals / running / strength / memo / account / changelog)을 좌측 메뉴로 전환하는 구조 - `detailMemo` 섹션이 단일 카드로 textarea + 저장 버튼만 가짐 (1207~1218 라인) - `run_type_configs` UPDATE/DELETE에 `is_default`/`is_basic` 가드 없음 (UI 레벨 잠금 존재 X) - `useAuth()` 훅은 user.email로 OWNER 판정 가능 ### Read — src/hooks/useAuth.ts (전체 발췌) ```typescript // 인증 상태 훅 — Supabase 세션 + 마스터 로컬 세션 통합 구독 — 2026.05.16 갱신 import { useEffect, useState } from 'react' import { supabase } from '../lib/supabase' import { hasMasterSession, isMaster, MASTER_EMAIL, MASTER_EVENT } from '../lib/auth' import type { User } from '@supabase/supabase-js' const MASTER_USER = { email: MASTER_EMAIL } as User export function useAuth() { const [user, setUser] = useState(null) const [loading, setLoading] = useState(true) const [masterLocal, setMasterLocal] = useState(() => hasMasterSession()) useEffect(() => { supabase.auth.getSession().then(({ data }) => { setUser(data.session?.user ?? null) setLoading(false) }) const { data: listener } = supabase.auth.onAuthStateChange((_e, session) => { setUser(session?.user ?? null) }) const onMasterChange = () => setMasterLocal(hasMasterSession()) window.addEventListener(MASTER_EVENT, onMasterChange) window.addEventListener('storage', onMasterChange) return () => { listener.subscription.unsubscribe() window.removeEventListener(MASTER_EVENT, onMasterChange) window.removeEventListener('storage', onMasterChange) } }, []) const effectiveUser = user ?? (masterLocal ? MASTER_USER : null) return { user: effectiveUser, loading, isMasterUser: effectiveUser ? isMaster(effectiveUser) : false, isLoggedIn: !!effectiveUser, } } ``` ### Read — src/lib/auth.ts ```typescript // 인증 헬퍼 — 마스터계정(로컬 세션)·Gmail OAuth 통합 진입점 — 2026.05.16 갱신 import { supabase } from './supabase' export const MASTER_EMAIL = 'master@dallog.internal' export const MASTER_DISPLAY_ID = 'mster' const MASTER_PASSWORD = 'qwer1234' const MASTER_LOCAL_KEY = 'dallog.masterSession' export const MASTER_EVENT = 'dallog:master-session-change' /** 마스터계정 로그인 (Supabase 의존 없이 로컬 세션으로 처리) */ export async function signInMaster(id: string, pw: string) { if (id !== MASTER_DISPLAY_ID) throw new Error('계정을 찾을 수 없습니다.') if (pw !== MASTER_PASSWORD) throw new Error('비밀번호가 올바르지 않습니다.') localStorage.setItem(MASTER_LOCAL_KEY, '1') window.dispatchEvent(new Event(MASTER_EVENT)) } /** 로컬에 저장된 마스터 세션 존재 여부 */ export function hasMasterSession() { try { return localStorage.getItem(MASTER_LOCAL_KEY) === '1' } catch { return false } } /** Gmail OAuth 로그인 */ export async function signInWithGoogle() { const { error } = await supabase.auth.signInWithOAuth({ provider: 'google', options: { redirectTo: `${window.location.origin}/auth/callback`, }, }) if (error) throw error } /** 로그아웃 */ export async function signOut() { localStorage.removeItem(MASTER_LOCAL_KEY) window.dispatchEvent(new Event(MASTER_EVENT)) await supabase.auth.signOut() } /** 마스터 여부 확인 */ export function isMaster(user: { email?: string | null }) { return user?.email === MASTER_EMAIL } ``` ### Read — src/lib/supabase.ts (타입 발췌) ```typescript export type RunTypeConfig = { id?: string name: string font_color: string | null sort_order: number created_at?: string } // → is_default / is_basic 컬럼 부재 확인 ``` ### Grep — `is_default|is_basic` ``` src\lib\supabase.ts:70: is_basic?: boolean | null (ExerciseConfig 한정) src\pages\Settings.tsx:14: is_basic: boolean | null (Exercise 타입 한정) src\pages\Settings.tsx:783: .insert({ ..., is_basic: false, ... }) (커스텀 운동 추가 시) src\pages\Settings.tsx:797: .insert({ ..., is_basic: true, ... }) (베이직 운동 추가 시) src\pages\Settings.tsx:1100: {ex.is_basic && 베이직} ``` → 런타입 관련 `is_default`/`is_basic` 가드는 **존재하지 않음** 확인. ### Grep — 기본 런타입 7종 ``` src\pages\LogEntry.tsx:34:const DEFAULT_RUN_TYPES = ['조깅', 'LSD', '너프런', '인터벌', '템포런', '대회', '회복런'] src\pages\Settings.tsx:671:
기본 7종 포함 — 조깅 / LSD / 너프런 / 인터벌 / 템포런 / 대회 / 회복런
``` → Settings.tsx 671 라인은 설명 텍스트일 뿐 잠금 코드 아님. ### Grep — `disabled|잠금|lock` in Settings.tsx → 모두 다른 컨텍스트(체성분 추천 카드, 계정 비활성, 정렬 화살표) 용. **런타입에는 disabled 없음 확인**. ### Bash — git log --oneline -20 ``` 118e18b feat: 히스토리 근력운동 기록 수정/삭제/저장 액션 (작업3-1) 269cd9b feat: 기록 근력 탭 - 카테고리별 입력/루틴 불러오기/볼륨·체중 자동연동 (작업3-1·3-2) b32c29e feat: 설정 근력운동 섹션 - 운동 종목 분류/저장된 루틴/저장된 운동 (작업3-1·3-2) b30311d feat: 근력운동 v2 DB 스키마·타입 - 카테고리/체중부하/저장된루틴·운동 (작업3) dd26e11 feat: 기록탭 달력 UX 개선 + 체성분 summary 혼합차트 (작업4·5) ... ``` ### Read — migrations/2026-05-16_strength_v2.sql · src/lib/demo.ts · src/App.tsx · SummaryBrief.tsx 확인 사항: - `demo.ts`는 `IS_DEMO` 플래그 하나만 export - `App.tsx`는 라우터·인증 가드·스플래시 - `migrations/2026-05-16_strength_v2.sql`은 `exercise_configs`에만 `is_basic` 컬럼 추가 (run_type_configs는 무관) - `SummaryBrief.tsx`는 chart.js 기반 체성분/러닝/근력 통계 + 근력 AI 브리프 (haiku, 7일) ### TodoWrite — 초기 작업 목록 ``` 1. [in_progress] 프로젝트 구조 파악 2. [pending] 작업 8: AI에게 보내기 버튼 3. [pending] 작업 9-1: AI 브리프 지침 섹션 4. [pending] 작업 9-2: 코치노트 지침 컨텍스트 5. [pending] 작업 9-3: 코치노트 시각화 카드 6. [pending] 이슈2: 런타입 잠금 해제 7. [pending] 빌드/커밋/푸시 ``` --- ## [턴 4] 구현 시작 — Settings.tsx 임포트 확장 TodoWrite로 task 2를 in_progress 로 전환 후 Edit 적용: ### Edit — src/pages/Settings.tsx (헤더) ```diff -// 설정 — 좌측메뉴+우측DP·피트니스 목표·개인러닝 통합·계정 더미 — 2026.05.16 v2.0 섹션2 -// 작업3: 근력운동 섹션 전면 개편 — 카테고리/베이직/커스텀/부하율 + 저장된 루틴/운동 — 2026.05.16 -import { useEffect, useMemo, useState } from 'react' -import { supabase } from '../lib/supabase' -import type { ExerciseCategory, SavedRoutine, SavedExerciseTemplate, SavedSet } from '../lib/supabase' -import { ConfirmDialog, NotifyDialog, TypedConfirmDialog } from '../components/Modal' +// 설정 — 좌측메뉴+우측DP·피트니스 목표·개인러닝 통합·계정 더미 — 2026.05.16 v2.0 섹션2 +// 작업3: 근력운동 섹션 전면 개편 — 카테고리/베이직/커스텀/부하율 + 저장된 루틴/운동 — 2026.05.16 +// 작업8·9-1: 'AI에게 보내기' 버튼 + AI 브리프 지침 섹션 추가 — 2026.05.16 +import { useEffect, useMemo, useState } from 'react' +import { supabase } from '../lib/supabase' +import type { ExerciseCategory, SavedRoutine, SavedExerciseTemplate, SavedSet } from '../lib/supabase' +import { ConfirmDialog, NotifyDialog, TypedConfirmDialog } from '../components/Modal' +import { useAuth } from '../hooks/useAuth' +import { buildAIHandoffMarkdown } from '../lib/aiHandoff' + +const OWNER_EMAIL = 'ccy8215@gmail.com' + +export type AIBriefInstructions = { + philosophy: string + injuries: string + diet: string + etc: string +} +const emptyAIInstructions = (): AIBriefInstructions => ({ philosophy: '', injuries: '', diet: '', etc: '' }) ``` --- ## [턴 5] 신규 파일 — src/lib/aiHandoff.ts 새 파일 생성. 최근 30일 체성분/러닝, 최근 7일 근력 세부, 최근 10건 코치노트, app_settings 전체를 가져와 마크다운 작성. ```typescript // AI 핸드오프 MD 생성 유틸 — 설정탭 'AI에게 보내기' 버튼용 — 2026.05.16 추가 // supabase에서 최근 데이터를 모아 Claude.ai 붙여넣기용 마크다운으로 변환 import { supabase } from './supabase' function today(): string { return new Date().toISOString().slice(0, 10) } function daysAgo(n: number): string { const d = new Date() d.setDate(d.getDate() - n) return d.toISOString().slice(0, 10) } function secToPace(sec: number | null | undefined): string { if (!sec || !isFinite(sec)) return '—' const m = Math.floor(sec / 60) const s = Math.round(sec % 60) return `${m}'${String(s).padStart(2, '0')}"` } function secToDuration(sec: number | null | undefined): string { if (!sec || !isFinite(sec)) return '—' const h = Math.floor(sec / 3600) const m = Math.floor((sec % 3600) / 60) const s = sec % 60 if (h > 0) return `${h}:${String(m).padStart(2, '0')}:${String(s).padStart(2, '0')}` return `${m}:${String(s).padStart(2, '0')}` } type BriefInstructions = { philosophy?: string injuries?: string diet?: string etc?: string } export async function buildAIHandoffMarkdown(): Promise { const since30 = daysAgo(30) const since7 = daysAgo(7) const [bodies, runs, notes, strengthLogs, settings] = await Promise.all([ supabase.from('body_records').select('*').gte('recorded_at', since30).order('recorded_at', { ascending: false }), supabase.from('running_logs').select('*').gte('recorded_at', since30).order('recorded_at', { ascending: false }), supabase.from('coach_notes').select('*').order('noted_at', { ascending: false }).limit(10), supabase.from('strength_logs').select('id, recorded_at, label').gte('recorded_at', since7).order('recorded_at', { ascending: false }), supabase.from('app_settings').select('key, value'), ]) const settingsMap: Record = {} for (const r of settings.data || []) settingsMap[r.key] = r.value let instructions: BriefInstructions = {} try { instructions = JSON.parse(settingsMap['ai_brief_instructions'] || '{}') } catch { /* ignore */ } const memo = settingsMap['personal_memo'] || '' const lines: string[] = [] lines.push(`# 달록 PaceLog — AI 핸드오프 데이터`) lines.push(`생성일: ${today()}`) lines.push('') // AI 브리프 지침 const hasInstr = !!(instructions.philosophy || instructions.injuries || instructions.diet || instructions.etc) if (hasInstr) { lines.push(`## AI 브리프 지침`) if (instructions.philosophy) lines.push(`- **러닝 철학/훈련 방향:** ${instructions.philosophy}`) if (instructions.injuries) lines.push(`- **현재 부상/신체 이슈:** ${instructions.injuries}`) if (instructions.diet) lines.push(`- **식이 패턴/특이사항:** ${instructions.diet}`) if (instructions.etc) lines.push(`- **기타 개인 지침:** ${instructions.etc}`) lines.push('') } // 개인 메모 if (memo.trim()) { lines.push(`## 개인 메모`) lines.push(memo.trim()) lines.push('') } // 체성분 const bodyRows = (bodies.data || []) as Array<{ recorded_at: string; weight_kg: number | null; muscle_kg: number | null; fat_kg: number | null; fat_pct: number | null; bmr: number | null }> lines.push(`## 최근 체성분 (최근 30일 · ${bodyRows.length}건)`) if (bodyRows.length === 0) { lines.push(`- 기록 없음`) } else { lines.push(`| 날짜 | 체중(kg) | 골격근(kg) | 체지방(kg) | 체지방률(%) | BMR |`) lines.push(`| --- | --- | --- | --- | --- | --- |`) for (const b of bodyRows.slice(0, 15)) { lines.push(`| ${b.recorded_at} | ${b.weight_kg ?? '—'} | ${b.muscle_kg ?? '—'} | ${b.fat_kg ?? '—'} | ${b.fat_pct ?? '—'} | ${b.bmr ?? '—'} |`) } } lines.push('') // 러닝 const runRows = (runs.data || []) as Array<{ recorded_at: string; distance_km: number | null; duration_sec: number | null; pace_sec_per_km: number | null; avg_bpm: number | null; max_bpm: number | null; cadence_spm: number | null; calories: number | null; shoe: string | null; run_type: string | null; is_record: boolean | null }> lines.push(`## 최근 러닝 (최근 30일 · ${runRows.length}건)`) if (runRows.length === 0) { lines.push(`- 기록 없음`) } else { lines.push(`| 날짜 | 타입 | 거리(km) | 시간 | 페이스 | 평균BPM | 최대BPM | 케이던스 | 신발 |`) lines.push(`| --- | --- | --- | --- | --- | --- | --- | --- | --- |`) for (const r of runRows.slice(0, 15)) { lines.push(`| ${r.recorded_at} | ${r.run_type ?? '—'} | ${r.distance_km ?? '—'} | ${secToDuration(r.duration_sec)} | ${secToPace(r.pace_sec_per_km)} | ${r.avg_bpm ?? '—'} | ${r.max_bpm ?? '—'} | ${r.cadence_spm ?? '—'} | ${r.shoe ?? '—'} |`) } } lines.push('') // 근력 const sLogs = (strengthLogs.data || []) as Array<{ id: string; recorded_at: string; label: string | null }> lines.push(`## 최근 근력운동 (최근 7일 · ${sLogs.length}세션)`) if (sLogs.length === 0) { lines.push(`- 기록 없음`) } else { const logIds = sLogs.map(l => l.id) const { data: exs } = await supabase .from('strength_exercises') .select('id, log_id, exercise_name, order_index') .in('log_id', logIds) .order('order_index') const exIds = (exs || []).map((e: { id: string }) => e.id) const { data: sets } = exIds.length > 0 ? await supabase .from('strength_sets') .select('exercise_id, set_index, reps, weight_kg, additional_weight_kg, use_additional') .in('exercise_id', exIds) .order('set_index') : { data: [] } const setsByEx: Record> = {} for (const s of (sets || []) as Array<{ exercise_id: string; reps: number; weight_kg: number | null; additional_weight_kg: number | null; use_additional: boolean | null }>) { if (!setsByEx[s.exercise_id]) setsByEx[s.exercise_id] = [] setsByEx[s.exercise_id].push(s) } const exsByLog: Record> = {} for (const e of (exs || []) as Array<{ id: string; log_id: string; exercise_name: string }>) { if (!exsByLog[e.log_id]) exsByLog[e.log_id] = [] exsByLog[e.log_id].push(e) } for (const log of sLogs) { lines.push(`### ${log.recorded_at}${log.label ? ` · ${log.label}` : ''}`) for (const ex of exsByLog[log.id] || []) { const setStr = (setsByEx[ex.id] || []).map(s => { const parts: string[] = [] if (s.weight_kg != null) parts.push(`${s.weight_kg}kg`) if (s.use_additional && s.additional_weight_kg != null) parts.push(`+${s.additional_weight_kg}kg`) parts.push(`${s.reps}회`) return parts.join('·') }).join(', ') lines.push(`- ${ex.exercise_name}: ${setStr}`) } } } lines.push('') // 코치 노트 const noteRows = (notes.data || []) as Array<{ noted_at: string; category: string; content: string }> if (noteRows.length > 0) { lines.push(`## 최근 코치 노트 (최신 ${noteRows.length}건)`) for (const n of noteRows) { lines.push(`### ${n.noted_at} [${n.category}]`) lines.push(n.content) lines.push('') } } lines.push('---') lines.push(`위 데이터를 기반으로 종합 코칭 브리프를 작성해줘.`) return lines.join('\n') } ``` (초기에 `copyToClipboard` 헬퍼도 함께 두었으나 Settings.tsx에서 인라인 처리하기로 결정하여 직후 Edit으로 삭제.) --- ## [턴 6] Settings.tsx 상태/딥링크 추가 ### Edit — Settings 컴포넌트 상단 useAuth + ?section 딥링크 ```diff -export default function Settings() { - const isDesktop = useMediaQuery('(min-width: 1024px)') - const [active, setActive] = useState('goals') - const [mobileMenuOpen, setMobileMenuOpen] = useState(false) +export default function Settings() { + const isDesktop = useMediaQuery('(min-width: 1024px)') + const { user } = useAuth() + const isOwner = user?.email === OWNER_EMAIL + // 코치 노트 바로가기 등 외부에서 ?section=memo 형태로 진입 가능 — 2026.05.16 + const initialSection: SectionId = (() => { + if (typeof window === 'undefined') return 'goals' + const q = new URLSearchParams(window.location.search).get('section') as SectionId | null + const valid: SectionId[] = ['goals', 'running', 'strength', 'memo', 'account', 'changelog'] + return q && valid.includes(q) ? q : 'goals' + })() + const [active, setActive] = useState(initialSection) + const [mobileMenuOpen, setMobileMenuOpen] = useState(false) ``` ### Edit — AI 지침 상태 + 핸드오프 busy 추가 ```diff // 저장된 루틴/운동 (app_settings JSON) — 2026.05.16 const [savedRoutines, setSavedRoutines] = useState([]) const [savedExercises, setSavedExercises] = useState([]) + // AI 브리프 지침 (작업 9-1) — 2026.05.16 + const [aiInstructions, setAiInstructions] = useState(emptyAIInstructions()) + const [aiHandoffBusy, setAiHandoffBusy] = useState(false) ``` ### Edit — fetchAll 에서 ai_brief_instructions 로드 ```diff try { const raw = map['saved_exercises'] const parsed = raw ? JSON.parse(raw) as SavedExerciseTemplate[] : [] setSavedExercises(Array.isArray(parsed) ? parsed : []) } catch { setSavedExercises([]) } + try { + const raw = map['ai_brief_instructions'] + const parsed = raw ? JSON.parse(raw) as Partial : null + setAiInstructions({ + philosophy: parsed?.philosophy || '', + injuries: parsed?.injuries || '', + diet: parsed?.diet || '', + etc: parsed?.etc || '', + }) + } catch { + setAiInstructions(emptyAIInstructions()) + } } ``` --- ## [턴 7] detailMemo 섹션 확장 — AI 보내기 + AI 브리프 지침 ### Edit — Settings.tsx detailMemo 기존 단일 카드를 div + 2개 카드 + 새 핸들러로 확장: ```diff - // ─── 개인 메모 ─── - const detailMemo = ( -
-
◔ 개인 메모
-