refactor: resolve all code review feedback (B1-B8 & Option A 5 Pillars) for ANL lab transformation

This commit is contained in:
2026-07-30 09:09:49 +09:00
parent e35b46d188
commit 315ba9ee08
7 changed files with 110 additions and 85 deletions
@@ -1,6 +1,6 @@
/**
* Abstract editorial hero — a custom illustration (inline SVG, no asset).
* • MCM → a constellation of interconnected nodes (vermillion).
* • A2A → a constellation of interconnected nodes (vermillion).
* • QUIC → flowing, multiplexed streams (cobalt), animated dash flow.
* Animations are pure CSS (tailwind keyframes: node-pulse, stream-dash).
*
@@ -11,7 +11,7 @@ export default function HeroComposition({
}: {
className?: string;
}) {
// MCM node coordinates (interconnected mesh, upper-left field).
// A2A node coordinates (interconnected mesh, upper-left field).
const nodes = [
{ x: 70, y: 90 },
{ x: 160, y: 60 },
@@ -36,7 +36,7 @@ export default function HeroComposition({
<svg
viewBox="0 0 380 380"
role="img"
aria-label="MCM 상호운용 노드와 QUIC 멀티스트림을 형상화한 추상 일러스트레이션"
aria-label="A2A 에이전트 메시와 QUIC/gRPC 멀티스트림을 형상화한 추상 일러스트레이션"
className={className}
>
{/* Frame */}
@@ -66,7 +66,7 @@ export default function HeroComposition({
})}
</g>
{/* ---- MCM: interconnected node mesh (vermillion) ---- */}
{/* ---- A2A: interconnected node mesh (vermillion) ---- */}
<g stroke="#D9342B" strokeWidth="1.5">
{edges.map(([a, b], i) => (
<line
@@ -97,12 +97,12 @@ export default function HeroComposition({
</g>
{/* Annotations — placed in the top corners (y=24), clear of the
MCM node mesh (y=60..240) and the QUIC stream curves (y≥250 with
A2A node mesh (y=60..240) and the QUIC stream curves (y≥250 with
control points reaching y+40=380). See LAYOUT_AUDIT #3 and
REVIEW §3 "P1 #3" — keeping them at y=24 (mirror corners) preserves
a symmetric layout that the original LAYOUT_AUDIT mirror decided on. */}
<text x="20" y="24" fill="#0A0A0A" fontSize="11" fontWeight="600" letterSpacing="2">
MCM · MESH
A2A · MESH
</text>
<text
x="360"