// sections.jsx — larger composite sections
function Masthead() {
const s = window.SITE;
return (
available for research collaboration
Seoul · Apr 2026
Sanghyun Kim
김상현
{s.role}
{s.tagline}
Currently leading on-device agent research at Samsung Research.
Previously technically led Gauss-Image , the on-device T2I foundation model shipped in the Galaxy S26 series.
M.S. from KAIST under Juho Lee & Jinwoo Shin, with a focus on safety alignment for diffusion models.
Based in {s.location}
{s.interests.map(t => {t} )}
);
}
function News() {
const s = window.SITE;
const [limit, setLimit] = useState(4);
const items = s.news.slice(0, limit);
return (
{n.date}
{n.tag}
{n.text}
))}
{limit < s.news.length ? (
setLimit(99)}>
Show {s.news.length - limit} older →
) : s.news.length > 4 ? (
setLimit(4)}>
↑ Collapse
) : null}
);
}
function Publications() {
const s = window.SITE;
const [q, setQ] = useState('');
const [filter, setFilter] = useState('all');
const [open, setOpen] = useState(null);
const inputRef = useRef(null);
useEffect(() => {
const h = (e) => {
if (e.key === '/' && document.activeElement === document.body) {
e.preventDefault(); inputRef.current?.focus();
}
};
window.addEventListener('keydown', h);
return () => window.removeEventListener('keydown', h);
}, []);
const filters = [
{ id: 'all', label: 'all' },
{ id: 'conf', label: 'conference' },
{ id: 'workshop', label: 'workshop' },
{ id: 'preprint', label: 'preprint' },
{ id: 'safety', label: 'safety' },
{ id: 'diffusion', label: 'diffusion' },
{ id: 'active learning', label: 'active learning' },
];
const list = useMemo(() => {
let xs = s.pubs.slice();
if (['conf','workshop','preprint'].includes(filter)) xs = xs.filter(p => p.kind === filter);
else if (filter !== 'all') xs = xs.filter(p => p.topics.includes(filter));
if (q) {
const Q = q.toLowerCase();
xs = xs.filter(p =>
p.title.toLowerCase().includes(Q)
|| p.authors.some(([n]) => n.toLowerCase().includes(Q))
|| p.venue.toLowerCase().includes(Q)
|| p.topics.some(t => t.toLowerCase().includes(Q))
|| (p.tldr || '').toLowerCase().includes(Q)
);
}
xs.sort((a,b) => b.year - a.year);
return xs;
}, [q, filter]);
const grouped = useMemo(() => {
const g = {};
list.forEach(p => { (g[p.year] ||= []).push(p); });
return Object.entries(g).sort((a,b) => b[0] - a[0]);
}, [list]);
return (
· {s.pubs.length} total
/
/ setQ('')}>clear }
{filters.map(f => (
setFilter(f.id)}>
{f.label}
))}
{list.length} / {s.pubs.length}
{list.length === 0 ? (
nothing matches — try clearing filters.
) : (
grouped.map(([year, items]) => (
{year}
{items.map(p => (
setOpen(open === p.key ? null : p.key)} match={q}/>
))}
))
)}
Tip: press / to focus search · click a row to expand the TL;DR & BibTeX.
);
}
function Experience() {
const s = window.SITE;
return (
{s.experience.map((e, i) =>
);
}
function EducationAwards() {
const s = window.SITE;
return (
{s.education.map((e, i) => (
))}
Selected awards
{s.awards.map((a, i) => (
))}
);
}
function Skills() {
const s = window.SITE;
return (
Languages
{s.skills.languages.map(([l, level], i) => (
{l.toLowerCase()} {level}
))}
Programming
{s.skills.programming.map(p => {p} )}
Certificates
{s.skills.certs.map(c => — {c} )}
);
}
Object.assign(window, { Masthead, News, Publications, Experience, EducationAwards, Skills });