{c.ownerVerdict && (
{VERDICT_LABELS[c.ownerVerdict] || c.ownerVerdict}
)}
{fmtTs(c.createdAt)}
{rawLabel || '약물 정보 없음'}
{c.matchedCvDrugs && c.matchedCvDrugs.length > 0 && (
CV 매칭 {c.matchedCvDrugs.length}종
)}
);
}
function DrugTopCandidates({ drug }) {
if (!drug.topCandidates || drug.topCandidates.length === 0) return null;
return (
DB 후보 Top 3
{drug.topCandidates.slice(0, 3).map((c, i) => (
{i + 1}. {c.brand} ({c.generic}) — {typeof c.score === 'number' ? Math.round(c.score) + 'pt' : c.score}
))}
);
}
const ASSESSMENT_LABELS = {
correct: { text: '✓ 정확', color: RX.teal },
wrong_disease: { text: '✗ 질환 오배정', color: RX.rose },
wrong_role: { text: '✗ 역할 오류', color: RX.rose },
missing: { text: '⚠ 누락', color: RX.amber },
extra: { text: '⚠ 과잉 배정', color: RX.amber },
};
function AiReviewResult({ aiReview }) {
if (!aiReview) return null;
const sa = aiReview.scenarioAssessment || {};
const cr = aiReview.clinical_review || {};
const ocr = aiReview.ocr_correction_review || [];
const fixes = aiReview.suggestedFixes || [];
const warnings = aiReview.warnings || [];
return (
AI 검토 결과
{/* confidence */}
신뢰도: {aiReview.confidence}
{/* 처방 묶음 평가 — 핵심 */}
{sa.summary && (
{sa.overallCorrect ? '✓ 처방 묶음 해석 적절' : '✗ 처방 묶음 해석 문제 있음'}
{sa.summary}
)}
{/* 시나리오별 약물 배정 평가 */}
{sa.scenarios && sa.scenarios.length > 0 && (
질환 묶음별 약물 역할 평가
{sa.scenarios.map((sc, si) => (
시나리오 {si + 1} {sc.correct ? '· 정확' : '· 오류 있음'}
{(!sc.drugIssues || sc.drugIssues.length === 0)
?
모든 약물 배정 정확
: sc.drugIssues.map((item, ii) => {
const badge = ASSESSMENT_LABELS[item.assessment] || { text: item.assessment, color: RX.faint };
return (
{item.drug}
{badge.text}
엔진: {item.assignedDisease} · {item.assignedRole}
{item.suggestion && (
제안: {item.suggestion}
)}
);
})
}
))}
)}
{/* 올바른 최종 해석 */}
{sa.correctedInterpretation && (sa.correctedInterpretation.diseaseGroups || []).length > 0 && (
✓ 올바른 처방 해석
질환 + 약물 역할 완전판
{sa.correctedInterpretation.diseaseGroups.map((g, gi) => (
{g.disease}
{(g.drugs || []).map((d, di) => (
{d.drug}
{d.role}
))}
))}
)}
{/* better explanations */}
{cr.betterExplanations && cr.betterExplanations.length > 0 && (
설명 개선 후보
{cr.betterExplanations.map((e, i) => (
{e.drug}
현재: {e.currentExplanation}
개선안: {e.suggestedExplanation}
))}
)}
{/* OCR correction review */}
{ocr.length > 0 && (
OCR 교정 검토
{ocr.map((item, i) => (
{item.failureStage}
원문: {item.rawLine}
{item.recoveredCandidate &&
회수 후보: {item.recoveredCandidate}
}
{item.issue}
제안: {item.suggestedFixType}
))}
)}
{/* suggested fixes */}
{fixes.length > 0 && (
개선 제안
{fixes.map((f, i) => (
{f.fixType}
{f.target}
{f.suggestion}
))}
)}
{/* warnings */}
{warnings.length > 0 && (
주의 사항
{warnings.map((w, i) =>
{w}
)}
)}
);
}
function AppAdminOcr() {
const { currentUser } = React.useContext(window.AuthContext || {});
const [cases, setCases] = React.useState([]);
const [loading, setLoading] = React.useState(true);
const [error, setError] = React.useState(null);
const [selectedCaseId, setSelectedCaseId] = React.useState(null);
const [sourceFilter, setSourceFilter] = React.useState('all');
const [statusFilter, setStatusFilter] = React.useState('all');
const [preReviewNote, setPreReviewNote] = React.useState('');
const [manuallyAddedDrugs, setManuallyAddedDrugs] = React.useState('');
const [aiReviewLoading, setAiReviewLoading] = React.useState(false);
const [postReviewNote, setPostReviewNote] = React.useState('');
const [postNoteSaveStatus, setPostNoteSaveStatus] = React.useState(null);
const [secondReviewLoading, setSecondReviewLoading] = React.useState(false);
const [batchAnalysisResult, setBatchAnalysisResult] = React.useState(null);
const [batchAnalysisLoading, setBatchAnalysisLoading] = React.useState(false);
const [verdictLoading, setVerdictLoading] = React.useState(false);
const [noteSaveStatus, setNoteSaveStatus] = React.useState(null); // null|'saving'|'saved'|'failed'
const [ownerCorrectionNote, setOwnerCorrectionNote] = React.useState('');
const [generatedPrompts, setGeneratedPrompts] = React.useState({});
const [showImprovement, setShowImprovement] = React.useState(false);
const [batches, setBatches] = React.useState([]);
const [selectedBatchId, setSelectedBatchId] = React.useState(null);
const [batchLoading, setBatchLoading] = React.useState(false);
const [showLearn, setShowLearn] = React.useState(false);
// Firestore 구독 — 케이스 + 자동 sync
React.useEffect(() => {
const db = firebase.firestore();
let syncTimer = null;
const unsub = db.collection('ocr_review_cases')
.orderBy('createdAt', 'desc')
.limit(100)
.onSnapshot(
snap => {
const loaded = snap.docs.map(d => sanitizeOcrCaseForAdmin({ id: d.id, ...d.data() }));
setCases(loaded);
setLoading(false);
// 승인 케이스가 있으면 로컬 파일에 자동 sync (debounce 2초)
clearTimeout(syncTimer);
syncTimer = setTimeout(() => {
const approved = loaded.filter(c => c.ownerVerdict === 'owner_approved' && c.aiReview);
if (approved.length === 0) return;
const payload = approved.map(c => ({
caseId: c.id,
createdAt: c.createdAt,
source: c.source,
rawDrugs: sanitizeOcrCaseForAdmin(c).rawDrugs,
matchedCvDrugs: (c.matchedCvDrugs || []).map(d => ({ displayName: d.displayName || d.brand, generic: d.generic, drug_class: d.drug_class, dose: d.dose })),
unmatchedDrugs: sanitizeOcrCaseForAdmin(c).unmatchedDrugs,
aiReview: c.aiReview,
ownerCorrectionNote: c.ownerCorrectionNote || '',
learnBatchId: c.learnBatchId || null,
}));
fetch('/api/ocr-sync', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ cases: payload }),
}).catch(() => {}); // 로컬 전용, 실패해도 무시
}, 2000);
},
err => {
setError('데이터 로드 실패: ' + err.message);
setLoading(false);
}
);
return () => { unsub(); clearTimeout(syncTimer); };
}, []);
// Firestore 구독 — 학습 배치
React.useEffect(() => {
const db = firebase.firestore();
const unsub = db.collection('ocr_learning_batches')
.orderBy('createdAt', 'desc')
.limit(20)
.onSnapshot(
snap => setBatches(snap.docs.map(d => ({ id: d.id, ...d.data() }))),
() => {}
);
return unsub;
}, []);
// 선택된 케이스 (live)
const selectedCase = selectedCaseId ? cases.find(c => c.id === selectedCaseId) || null : null;
// 케이스 선택 시 메모 동기화
React.useEffect(() => {
if (selectedCase) {
setPreReviewNote(selectedCase.adminPreReviewNote || '');
setManuallyAddedDrugs((selectedCase.manuallyAddedDrugs || []).join('\n'));
setOwnerCorrectionNote(selectedCase.ownerCorrectionNote || '');
setNoteSaveStatus(null);
setPostReviewNote(selectedCase.postReviewNote || '');
setPostNoteSaveStatus(null);
}
}, [selectedCaseId]);
// 요약 통계
const stats = React.useMemo(() => ({
total: cases.length,
aiPending: cases.filter(c => c.reviewStatus === 'saved').length,
aiDone: cases.filter(c => c.reviewStatus === 'ai_reviewed').length,
approvalPending: cases.filter(c => c.reviewStatus === 'ai_reviewed' && !c.ownerVerdict).length,
ocrMisread: cases.filter(c => (c.aiReview?.ocr_correction_review || []).length > 0).length,
explanationImprove: cases.filter(c => (c.aiReview?.clinical_review?.betterExplanations || []).length > 0).length,
}), [cases]);
// 반복 사례 (같은 caseSignature)
const repeatCases = React.useMemo(() => {
const sigMap = {};
cases.forEach(c => {
if (c.caseSignature) {
if (!sigMap[c.caseSignature]) sigMap[c.caseSignature] = [];
sigMap[c.caseSignature].push(c);
}
});
return Object.entries(sigMap)
.filter(([, cs]) => cs.length > 1)
.sort((a, b) => b[1].length - a[1].length)
.slice(0, 5);
}, [cases]);
// 필터 적용 케이스 목록
const filteredCases = React.useMemo(() => {
return cases.filter(c => {
if (sourceFilter !== 'all' && c.source !== sourceFilter) return false;
if (statusFilter !== 'all' && c.reviewStatus !== statusFilter) return false;
return true;
});
}, [cases, sourceFilter, statusFilter]);
// 배치 미포함 승인 케이스
const unbatchedApproved = React.useMemo(
() => cases.filter(c => c.ownerVerdict === 'owner_approved' && !c.learnBatchId && c.aiReview),
[cases]
);
// AI 검토 완료 + 피드백 미처리 케이스 (배치 분석 대상)
const batchTargets = React.useMemo(
() => cases.filter(c => c.reviewStatus === 'ai_reviewed' && !c.feedbackDone),
[cases]
);
// 학습 배치 실행
const handleLearnBatch = async () => {
const targets = unbatchedApproved.slice(0, 5);
if (targets.length < 5) return;
setBatchLoading(true);
try {
const payload = {
cases: targets.map(c => ({
caseId: c.id,
aiReview: c.aiReview,
matchedCvDrugs: c.matchedCvDrugs,
rawDrugs: sanitizeOcrCaseForAdmin(c).rawDrugs,
})),
};
const res = await fetch('/api/ocr-learn', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(payload),
});
const data = await res.json();
if (!res.ok) { alert('학습 실패: ' + (data.error || '오류')); return; }
const db = firebase.firestore();
const batchRef = await db.collection('ocr_learning_batches').add({
createdAt: firebase.firestore.FieldValue.serverTimestamp(),
caseIds: targets.map(c => c.id),
caseCount: targets.length,
report: data,
applied: false,
});
// 각 케이스에 배치 ID 마킹
const batch = db.batch();
targets.forEach(c => {
batch.update(db.collection('ocr_review_cases').doc(c.id), { learnBatchId: batchRef.id });
});
await batch.commit();
setShowLearn(true);
} catch (e) {
alert('학습 중 오류: ' + e.message);
} finally {
setBatchLoading(false);
}
};
// AI 배치 분석 실행
const handleBatchAnalyze = async () => {
if (!currentUser || typeof currentUser.getIdToken !== 'function') {
alert('관리자 인증 정보를 확인할 수 없습니다.');
return;
}
setBatchAnalysisLoading(true);
try {
const idToken = await currentUser.getIdToken(/* forceRefresh= */ true);
const payload = {
cases: batchTargets.map(c => ({
caseId: c.id,
unmatchedDrugs: (sanitizeOcrCaseForAdmin(c).unmatchedDrugs || []).map(d => ({ original_name: d.original_name })),
ocrCorrectionReview: (c.aiReview?.ocr_correction_review || []).map(r => ({
rawLine: r.rawLine,
issue: r.issue,
recoveredCandidate: r.recoveredCandidate,
suggestedFixType: r.suggestedFixType,
})),
suggestedFixes: (c.aiReview?.suggestedFixes || []).map(f => ({
fixType: f.fixType,
target: f.target,
suggestion: f.suggestion,
})),
})),
};
const res = await fetch('/api/ocr-batch-analyze', {
method: 'POST',
headers: { 'Content-Type': 'application/json', Authorization: `Bearer ${idToken}` },
body: JSON.stringify(payload),
});
const data = await res.json();
if (!res.ok) {
alert('배치 분석 실패: ' + (data.error || '오류'));
return;
}
setBatchAnalysisResult(data.analysis);
// 분석 완료된 케이스 전체 feedbackDone 자동 마킹 (재분석 방지)
const db = firebase.firestore();
await Promise.all(
batchTargets.map(c =>
db.collection('ocr_review_cases').doc(c.id).update({
feedbackDone: true,
feedbackAt: firebase.firestore.FieldValue.serverTimestamp(),
})
)
);
} catch (e) {
console.error('[Batch Analyze]:', e);
alert('배치 분석 중 오류: ' + e.message);
} finally {
setBatchAnalysisLoading(false);
}
};
// 피드백완료 마킹
const handleFeedbackDone = async (caseId) => {
try {
await firebase.firestore().collection('ocr_review_cases').doc(caseId).update({
feedbackDone: true,
feedbackAt: firebase.firestore.FieldValue.serverTimestamp(),
});
} catch (e) {
alert('피드백완료 저장 실패: ' + e.message);
}
};
// 메모 저장
const handleSaveNote = async () => {
if (!selectedCase) return;
const note = preReviewNote.trim();
if (note) {
const preflight = rxHelpers.qualityFeedbackPreflight(note);
if (!preflight.allowed) {
alert('민감정보 감지로 저장 차단: ' + preflight.message);
return;
}
}
setNoteSaveStatus('saving');
try {
const manualDrugs = manuallyAddedDrugs.split('\n').map(s => s.trim()).filter(Boolean);
await firebase.firestore().collection('ocr_review_cases').doc(selectedCase.id).update({
adminPreReviewNote: note,
manuallyAddedDrugs: manualDrugs,
});
setNoteSaveStatus('saved');
} catch (e) {
console.error('[Admin Note Save]:', e);
setNoteSaveStatus('failed');
}
};
// AI 검토 실행
const handleAiReview = async () => {
if (!selectedCase) return;
const note = preReviewNote.trim();
if (note) {
const preflight = rxHelpers.qualityFeedbackPreflight(note);
if (!preflight.allowed) {
alert('메모에 민감정보가 감지되어 AI 검토를 차단합니다: ' + preflight.message);
return;
}
}
setAiReviewLoading(true);
const manualDrugs = manuallyAddedDrugs.split('\n').map(s => s.trim()).filter(Boolean);
try {
if (!currentUser || typeof currentUser.getIdToken !== 'function') {
alert('관리자 인증 정보를 확인할 수 없어 AI 검토를 실행할 수 없습니다.');
return;
}
const idToken = await currentUser.getIdToken(/* forceRefresh= */ true);
const payload = {
caseData: {
rawDrugs: sanitizeOcrCaseForAdmin(selectedCase).rawDrugs,
matchedCvDrugs: sanitizeOcrCaseForAdmin(selectedCase).matchedCvDrugs,
recognizedNonCvDrugs: sanitizeOcrCaseForAdmin(selectedCase).recognizedNonCvDrugs,
unmatchedDrugs: sanitizeOcrCaseForAdmin(selectedCase).unmatchedDrugs,
candidateContexts: sanitizeOcrCaseForAdmin(selectedCase).candidateContexts,
combinationScenarios: sanitizeOcrCaseForAdmin(selectedCase).combinationScenarios,
doseCounselingNotes: sanitizeOcrCaseForAdmin(selectedCase).doseCounselingNotes,
},
adminPreReviewNote: note,
manuallyAddedDrugs: manualDrugs,
};
const res = await fetch('/api/ocr-review', {
method: 'POST',
headers: { 'Content-Type': 'application/json', Authorization: `Bearer ${idToken}` },
body: JSON.stringify(payload),
});
const data = await res.json();
const db = firebase.firestore();
const ref = db.collection('ocr_review_cases').doc(selectedCase.id);
if (!res.ok) {
await ref.update({
reviewStatus: 'review_failed',
reviewedAt: firebase.firestore.FieldValue.serverTimestamp(),
aiReviewError: data.error || '알 수 없는 오류',
adminPreReviewNote: note,
manuallyAddedDrugs: manualDrugs,
});
alert('AI 검토 실패: ' + (data.error || '알 수 없는 오류'));
return;
}
await ref.update({
aiReview: data,
reviewStatus: 'ai_reviewed',
reviewedAt: firebase.firestore.FieldValue.serverTimestamp(),
adminPreReviewNote: note,
manuallyAddedDrugs: manualDrugs,
});
} catch (e) {
console.error('[AI Review]:', e);
try {
await firebase.firestore().collection('ocr_review_cases').doc(selectedCase.id).update({
reviewStatus: 'review_failed',
reviewedAt: firebase.firestore.FieldValue.serverTimestamp(),
});
} catch {}
alert('AI 검토 중 오류: ' + e.message);
} finally {
setAiReviewLoading(false);
}
};
// 검토 후 메모 저장
const handlePostNoteSave = async () => {
if (!selectedCase) return;
setPostNoteSaveStatus('saving');
try {
await firebase.firestore().collection('ocr_review_cases').doc(selectedCase.id).update({
postReviewNote: postReviewNote.trim(),
});
setPostNoteSaveStatus('saved');
} catch {
setPostNoteSaveStatus('failed');
}
};
// AI 2차 검토
const handleSecondAiReview = async () => {
if (!selectedCase || !selectedCase.aiReview) return;
setSecondReviewLoading(true);
try {
if (!currentUser || typeof currentUser.getIdToken !== 'function') {
alert('관리자 인증 정보를 확인할 수 없어 AI 2차 검토를 실행할 수 없습니다.');
return;
}
const idToken = await currentUser.getIdToken(/* forceRefresh= */ true);
const payload = {
caseData: {
rawDrugs: sanitizeOcrCaseForAdmin(selectedCase).rawDrugs,
matchedCvDrugs: sanitizeOcrCaseForAdmin(selectedCase).matchedCvDrugs,
recognizedNonCvDrugs: sanitizeOcrCaseForAdmin(selectedCase).recognizedNonCvDrugs,
unmatchedDrugs: sanitizeOcrCaseForAdmin(selectedCase).unmatchedDrugs,
candidateContexts: sanitizeOcrCaseForAdmin(selectedCase).candidateContexts,
combinationScenarios: sanitizeOcrCaseForAdmin(selectedCase).combinationScenarios,
doseCounselingNotes: sanitizeOcrCaseForAdmin(selectedCase).doseCounselingNotes,
},
firstAiReview: selectedCase.aiReview,
postReviewNote: postReviewNote.trim(),
};
const res = await fetch('/api/ocr-review', {
method: 'POST',
headers: { 'Content-Type': 'application/json', Authorization: `Bearer ${idToken}` },
body: JSON.stringify(payload),
});
const data = await res.json();
const db = firebase.firestore();
const ref = db.collection('ocr_review_cases').doc(selectedCase.id);
if (!res.ok) {
alert('AI 2차 검토 실패: ' + (data.error || '알 수 없는 오류'));
return;
}
await ref.update({
aiReview2: data,
postReviewNote: postReviewNote.trim(),
reviewStatus: 'ai_reviewed',
reviewedAt: firebase.firestore.FieldValue.serverTimestamp(),
});
} catch (e) {
console.error('[AI 2차 Review]:', e);
alert('AI 2차 검토 중 오류: ' + e.message);
} finally {
setSecondReviewLoading(false);
}
};
// 오너 판정
const handleVerdict = async (verdict) => {
if (!selectedCase) return;
setVerdictLoading(true);
try {
await firebase.firestore().collection('ocr_review_cases').doc(selectedCase.id).update({
ownerVerdict: verdict,
ownerDecisionAt: firebase.firestore.FieldValue.serverTimestamp(),
reviewStatus: 'owner_decided',
});
} catch (e) {
alert('판정 저장 실패: ' + e.message);
} finally {
setVerdictLoading(false);
}
};
// 개선 작업 프롬프트 생성
const handleGeneratePrompt = (caseItem) => {
if (!caseItem || !caseItem.aiReview) return;
const ocrFixes = caseItem.aiReview.ocr_correction_review || [];
const fixes = caseItem.aiReview.suggestedFixes || [];
let prompt = '';
if (ocrFixes.length > 0) {
const f = ocrFixes[0];
prompt = `"${f.rawLine || ''}"이 "${f.recoveredCandidate || ''}"으로 회수되는지 테스트를 먼저 추가하고, 자동 alias 추가 없이 보정 후보를 검토하라. (suggestedFixType: ${f.suggestedFixType || ''})`;
} else if (fixes.length > 0) {
const f = fixes[0];
prompt = `[${f.fixType}] ${f.target}: ${f.suggestion}`;
} else {
prompt = `caseId: ${caseItem.id} — AI 검토 결과를 바탕으로 개선 후보를 수동으로 검토하라.`;
}
setGeneratedPrompts(prev => ({ ...prev, [caseItem.id]: prompt }));
};
// 승인된 케이스
const approvedCases = cases.filter(c => c.ownerVerdict === 'owner_approved');
const inputStyle = {
width: '100%', padding: '8px 10px', borderRadius: 7,
border: `1px solid ${RX.line}`, font: 'inherit', fontSize: 12,
background: '#fff', outline: 'none', boxSizing: 'border-box', resize: 'vertical',
};
// ── 상세 패널 ──
if (selectedCase) {
return (