}
title="직접 타이핑"
desc="한국어로 직접 적어요. 여러 문장도 한 번에"
disabled={offline}
onClick={() => onNavigate('P06a')}
/>
}
title="음성으로 말하기"
desc="마이크 한 번 누르고 말하면 끝"
disabled={offline}
onClick={() => onNavigate('P06b')}
/>
}
title="스크린샷 가져오기"
desc="사진 속 한국어 글자를 알아서 찾아드려요"
disabled={offline}
onClick={() => onNavigate('P06c')}
/>
)}
);
}
// Ad CTA shown when pouch is full — invites user to watch an ad for more capacity.
function FullPouchAdCTA({ boostLeft, onNavigate }) {
const T = window.T;
const hasBoost = boostLeft > 0;
return (
{/* Soft accent glow */}
{/* Sparkle badge */}
볼주머니가 빵빵해요!
광고를 짧게 보고 +3개를 더 받아
오늘 더 담아볼까요?
}
disabled={!hasBoost}
onClick={() => onNavigate('P-ad-pre')}
>
{hasBoost ? '광고 보고 +3개 받기' : '오늘은 다 받았어요'}
{/* Slot dots — show how many boosts are left today */}
오늘 남은 광고
{[0,1,2].map(i => (
))}
또는 자정에 자동으로 다시 채워져요
);
}
function MethodCard({ icon, title, desc, disabled, onClick }) {
const T = window.T;
return (
);
}
// ──────────────────────────────────────────────────────────────
// Language picker (shared by P06a typing + P06b voice + P06c confirm)
// Supports MULTI-SELECT translation targets and user-managed favorites.
//
// value = array of language codes (translate to all of these)
// onChange = (newArray) => void
// favorites = array of starred codes (default: ['ja','en','zh-CN','vi'])
// onFavChange = (newArray) => void (lifted so star state persists across screens)
//
// The chip row shows ONLY user's currently-selected target languages —
// no clutter. A single "+ 언어 추가" button opens the full sheet for
// browsing, multi-selecting, and starring favorites.
// ──────────────────────────────────────────────────────────────
function LangPickerRow({ value, onChange, favorites, onFavChange, max = 5 }) {
const T = window.T;
const [open, setOpen] = React.useState(false);
const all = window.MOCK_LANGS_ALL || window.MOCK_LANGS;
const byCode = Object.fromEntries(all.map(l => [l.code, l]));
const sel = Array.isArray(value) ? value : (value ? [value] : []);
const FAVS = favorites || ['ja', 'en', 'zh-CN', 'vi'];
// Favorites that haven't been selected yet — surface as quick-add ghost chips
// so the user can tap them inline without opening the sheet.
const quickAdd = FAVS.filter(c => !sel.includes(c)).slice(0, 6);
const atMax = sel.length >= max;
const removeOne = (code) => onChange(sel.filter(c => c !== code));
const addOne = (code) => { if (!sel.includes(code) && !atMax) onChange([...sel, code]); };
return (
{/* Selected chips (filled, with ×) */}
{sel.map(code => {
const l = byCode[code];
if (!l) return null;
return (
removeOne(code)}
onClick={() => setOpen(true)}/>
);
})}
{/* Quick-add favorites (ghost outline, tap to add) */}
{quickAdd.map(code => {
const l = byCode[code];
if (!l) return null;
return (
addOne(code)}/>
);
})}
{/* Sheet opener (other languages / manage favorites) */}
{/* Status line under the chip row */}
{sel.length === 0
? '아래에서 즐겨찾기 언어를 탭하거나 · 더 보기로 골라주세요'
: sel.length === 1
? 1개 언어로 번역해요
: {sel.length}개 언어로 동시에 번역해드려요}
);
}
// ──────────────────────────────────────────────────────────────
// Direction detection helpers (shared by P06a typing + P06b voice)
// detectDirection(text) → 'ko->fo' | 'fo->ko' | null
// DirectionChip — controlled component; parent owns override state
// ──────────────────────────────────────────────────────────────
function detectDirection(text) {
const t = (text || '').trim();
if (!t) return null;
const hasKo = /[\uAC00-\uD7AF\u3130-\u318F]/.test(t);
const hasFo = /[A-Za-z]/.test(t);
if (hasKo && !hasFo) return 'ko->fo';
if (hasFo && !hasKo) return 'fo->ko';
return hasKo ? 'ko->fo' : 'fo->ko';
}
function DirectionChip({ direction, overridden, onFlip, T }) {
if (!direction) return null;
const isKoFo = direction === 'ko->fo';
const label = isKoFo ? '한국어 → 외국어' : '외국어 → 뜻';
return (
✨방향 자동 감지
{overridden && (
수정됨
)}
);
}
// Target-language area for 외→뜻 direction: shows source → 한국어
// Source language is AI-auto-detected, but user can tap to pick a different one.
function detectSourceLang(text) {
const t = (text || '').trim();
if (!t) return null;
// Hiragana / Katakana → Japanese
if (/[\u3040-\u309F\u30A0-\u30FF]/.test(t)) return 'ja';
// Hangul → Korean (defensive — shouldn’t hit in fo→ko)
if (/[\uAC00-\uD7AF]/.test(t)) return 'ko';
// Han characters (no kana already filtered) → Chinese simplified default
if (/[\u4E00-\u9FFF]/.test(t)) return 'zh-CN';
if (/[\u0400-\u04FF]/.test(t)) return 'ru'; // Cyrillic
if (/[\u0600-\u06FF]/.test(t)) return 'ar'; // Arabic
if (/[\u0590-\u05FF]/.test(t)) return 'he'; // Hebrew
if (/[\u0900-\u097F]/.test(t)) return 'hi'; // Devanagari
if (/[\u0E00-\u0E7F]/.test(t)) return 'th'; // Thai
if (/[\u0370-\u03FF]/.test(t)) return 'el'; // Greek
if (/[A-Za-z]/.test(t)) return 'en'; // Latin default
return null;
}
// Per-item script chip (compact 1-char label for P06c box badges).
// Returns null when text is empty.
function detectScript(text) {
const t = (text || '').trim();
if (!t) return null;
if (/[\uAC00-\uD7AF]/.test(t)) return '한';
if (/[\u3040-\u309F\u30A0-\u30FF]/.test(t)) return '일';
if (/[\u4E00-\u9FFF]/.test(t)) return '중';
if (/[\u0400-\u04FF]/.test(t)) return '러';
if (/[\u0600-\u06FF]/.test(t)) return '아';
if (/[\u0590-\u05FF]/.test(t)) return '히';
if (/[\u0E00-\u0E7F]/.test(t)) return '태';
if (/[\u0370-\u03FF]/.test(t)) return '그';
if (/[A-Za-z]/.test(t)) return '영';
return '?';
}
function SourceLangSheet({ value, onChange, onClose }) {
const T = window.T;
const [q, setQ] = React.useState('');
const all = window.MOCK_LANGS_ALL || window.MOCK_LANGS;
const norm = (s) => (s || '').toLowerCase();
const filtered = q.trim()
? all.filter(l =>
norm(l.label).includes(norm(q)) ||
norm(l.native).includes(norm(q)) ||
norm(l.code).includes(norm(q)))
: all;
return (