// 하루결 — 커뮤니티 채팅방 (기수별, 환자/보호자 분리) function CommunityScreen({ navigate, roomId }) { if (roomId) { return ; } return ; } function CommunityListScreen({ navigate }) { const s = useStore(); const mode = s.mode; // patient | caregiver const myStage = s.profile.stage || 'I'; return ( <> navigate('more')} /> {/* 데모 안내 */}
i
같은 기수 동료들이 익명으로 만나는 공간입니다.
현재 데모 단계로, 실제 연결되려면 서버가 필요해요. AI 동료가 응답해드립니다.
{/* 내 방 강조 */}
내 기수 방 navigate(`community/${getRoomId(myStage, mode)}`)} />
{/* 다른 기수 방 */}
다른 기수도 둘러보기
{STAGES.filter(st => st.id !== myStage).map(st => ( navigate(`community/${getRoomId(st.id, mode)}`)} /> ))}
{/* 가이드라인 */}
커뮤니티 가이드
· 서로의 경험을 존중하고 따뜻한 말로 응원해요.
· 의학적 결정은 자신의 담당 의료진과 상의하세요.
· 약·민간요법을 단정적으로 권하지 않습니다.
· 익명이지만 사적인 정보는 공유하지 마세요.
); } function CommunityRoomCard({ stage, mode, highlighted, onClick }) { const s = useStore(); const roomId = getRoomId(stage.id, mode); const myPosts = (s.community || []).filter(p => p.roomId === roomId); const seedCount = getRoomSeed(stage.id, mode).length; const total = seedCount + myPosts.length; return ( ); } // ────────────────────────────────────────────────────────── // 방 상세 // ────────────────────────────────────────────────────────── function CommunityRoomScreen({ navigate, roomId }) { const s = useStore(); const [stage, mode] = parseRoomId(roomId); const stageInfo = getStage(stage); // 내가 저장한 글들과 시드 합치기 const seedMessages = getRoomSeed(stage, mode).map((m, i) => ({ ...m, id: 'seed-' + i, isMine: false, isAI: false, })); const myMessages = (s.community || []).filter(p => p.roomId === roomId); const all = [...seedMessages, ...myMessages.map(m => ({ ...m, isMine: !m.isAI }))]; const [draft, setDraft] = React.useState(''); const [posting, setPosting] = React.useState(false); const scrollRef = React.useRef(null); const myNick = s.profile.chatNick || pickNickname(mode); const myAvatar = s.profile.chatAvatar || '🌸'; // 최신글 위치로 React.useEffect(() => { const root = document.querySelector('.hg-app__scroll'); if (root) root.scrollTop = root.scrollHeight; }, [all.length]); const post = async () => { if (!draft.trim() || posting) return; setPosting(true); const text = draft.trim(); setDraft(''); const myMsg = { id: 'my-' + Date.now(), roomId, nick: myNick, avatar: myAvatar, body: text, ago: '방금', ts: Date.now(), }; const next = [...(s.community || []), myMsg]; Store.save(K.community, next); // AI 동료 답글 try { const recentContext = all.slice(-4).map(m => `${m.nick}: ${m.body}`).join('\n'); const prompt = `당신은 한국의 ${stageInfo.fullLabel} ${mode === 'caregiver' ? '보호자' : '환자'} 익명 커뮤니티의 동료입니다. 같은 처지의 사람으로서 짧고 따뜻하게 응답하세요. 규칙: - 1~3문장, 한국어 반말 아닌 부드러운 존댓말 - 의료 조언이나 약 권유 금지 ("담당 의료진과 상의하세요" 같은 안전 문구 포함 권장) - 자기 경험을 짧게 공유하거나, 공감하거나, 작은 팁 제공 - 친구처럼 자연스럽게 - 닉네임이나 인사 말머리 없이 바로 본문만 최근 대화: ${recentContext} 나: ${text} 답글:`; const reply = await window.claude.complete(prompt); const aiMsg = { id: 'ai-' + Date.now(), roomId, nick: pickNickname(mode), body: reply.trim(), ago: '방금', ts: Date.now() + 1, isAI: true, }; Store.save(K.community, [...Store.load(K.community, []), aiMsg]); } catch (err) { console.error('AI reply failed', err); } finally { setPosting(false); } }; return (
navigate('community')} action={ {stageInfo.label} } /> {/* 안내 배너 */}
익명으로 만나는 곳. 의학 판단은 담당 의료진과.
{/* 메시지 */}
{all.map((m) => ( ))} {posting && (
동료가 답글 작성중...
)}
{/* 입력 */}