about_extract.txt

        const AboutTab = ({ lang = 'he' }) => {
            return (
                <div className="h-full overflow-y-auto bg-slate-50 p-6 md:p-10 fade-in">
                    <div className="max-w-5xl mx-auto space-y-6 pb-12">
                        <div className="bg-white border border-slate-200 rounded-3xl p-7 md:p-10 shadow-sm">
                            <h2 className="text-3xl md:text-4xl font-black text-slate-900 mb-4 flex items-center gap-3">
                                <i className="ph-fill ph-info text-blue-600"></i>
                                {lang === 'he' ? 'אודו�� המערכ��' : 'About This System'}
                            </h2>
                            <p className="text-slate-700 leading-relaxed mb-4" dir={lang === 'he' ? 'rtl' : 'ltr'}>
                                {lang === 'he'
                                    ? 'המערכ�� נבנ��ה כחלק מ�₪רויקט העוסק בני��וח "אלבומי ��מונו�� לאומיים של מדינ�� ישראל".'
                                    : 'This system was built as part of a project on analyzing national photo albums of the State of Israel.'}
                            </p>
                            <div className="grid grid-cols-1 md:grid-cols-2 gap-4 text-sm">
                                <div className="bg-slate-50 border border-slate-200 rounded-2xl p-4">
                                    <div className="text-slate-500 font-bold mb-1">{lang === 'he' ? 'הנחיה' : 'Supervision'}</div>
                                    <div className="text-slate-800" dir="auto">אליעזר באומגרטן (אוניברסיט�� חי�₪ה)</div>
                                    <div className="text-slate-800" dir="auto">גליה ינושבסקי ורועי גלברד (אוניברסיט�� בר-אילן)</div>
                                </div>
                                <div className="bg-slate-50 border border-slate-200 rounded-2xl p-4">
                                    <div className="text-slate-500 font-bold mb-1">{lang === 'he' ? 'חילוץ דאטה' : 'Data Extraction'}</div>
                                    <div className="text-slate-800" dir="auto">רון אלקובי</div>
                                    <div className="text-slate-500 font-bold mt-3 mb-1">{lang === 'he' ? 'יציר�� קשר' : 'Contact'}</div>
                                    <div className="text-slate-800" dir="ltr">beliezer [at] staff.haifa.ac.il</div>
                                </div>
                            </div>
                        </div>

                        <div className="bg-white border border-slate-200 rounded-3xl p-7 shadow-sm">
                            <h3 className="text-xl font-black text-slate-900 mb-2">{lang === 'he' ? 'גרסה 2 ג�� ��וס�₪ו�� מרכזיו��' : 'Version 2 - Main Additions'}</h3>
                            <ul className="text-slate-700 text-sm leading-7">
                                <li>{lang === 'he' ? 'טאב חי�₪וש כללי על כלל ה��מונו�� והאלבומים.' : 'Global search tab across all images and albums.'}</li>
                                <li>{lang === 'he' ? 'טאב distant reading להשווא�� המכלול הכללי מול ����י-קבוצו��.' : 'Corpus distant-reading tab comparing the full corpus to subsets.'}</li>
                                <li>{lang === 'he' ? 'מנגנון מעבר בין V1 ל-V2 דרך קבצי גרסה ייעודיים.' : 'Version switching between V1 and V2 via dedicated version files.'}</li>
                            </ul>
                        </div>
                    </div>
                </div>
            );
        };

        // ==========================================
        // VIZ 15: �₪עולו�� ג�� Actions Frequency Chart
        // ==========================================