{/* Industry selector — desktop = 5 full cards in row, mobile = icon row + active card below */}
{isMobile ? (
{/* Icon row — flex instead of grid to bypass global mobile grid overrides */}
{INDUSTRIES.map(ind => {
const isActive = ind.key === industry;
return (
);
})}
{/* Active card — like the screenshot */}
{activeIndustry.label}
{activeIndustry.sub}
) : (
{INDUSTRIES.map(ind => {
const isActive = ind.key === industry;
return (
);
})}
)}
{/* Map (на мобиле — карта целиком в ширину экрана, без скролла) */}
{/* Column headers */}
{COLUMNS.map((c, ci) => (
))}
{/* SVG: all edges always rendered; lit overlay opacity transitions for smooth fade */}
{/* Pills */}
{COLUMNS.map((c, ci) => c.nodes.map((n, ni) => {
const x = colX[ci], y = nodeY(ci, ni);
const onPath = reachable.has(n.id);
const isFocus = n.id === focus;
return (
hover(n.id)}
onFocus={() => hover(n.id)}
onClick={() => hover(n.id)}
tabIndex={0}
style={{
position: 'absolute',
left: `${x}%`, top: `${y}%`,
transform: 'translate(-50%, -50%)',
cursor: 'pointer', outline: 'none',
zIndex: isFocus ? 3 : onPath ? 2 : 1,
}}
>
{labelFor(n)}
);
}))}
{/* Detail cards: Signals / Intelligence / Context / Outcomes — кейс по фокусу */}
{(() => {
const data = CASES[displayFocus] || CASES.sentiment;
const labels = ['СИГНАЛ', 'АНАЛИЗ', 'КОНТЕКСТ', 'ИСХОД'];
const subTags = [data.signal.kicker, `CONF ${data.intel.conf.toFixed(2)}`, data.context.kicker, data.outcomes.kicker];
const Card = ({ ci, children, accent }) => {
const color = COL_COLORS[ci];
return (
{`0${ci + 1}`}
·
{labels[ci]}
{subTags[ci]}
{children}
);
};
const toneColor = (t) => t === 'pos' ? COL_COLORS[2] : t === 'neu' ? COL_COLORS[0] : COL_COLORS[1];
return (
{/* 01 SIGNAL */}
{data.signal.title}
{data.signal.quote}
От
{data.signal.from}
Когда
{data.signal.when}
{/* 02 INTELLIGENCE */}
{data.intel.title}
СЕНТИМЕНТ
{data.intel.sentiment.label}
{data.intel.chips.map(ch => (
{ch}
))}
{/* 03 CONTEXT */}
{data.context.title}
{data.context.rows.map(([k, v]) => (
{k}
{v}
))}
{data.outcomes.kicker}
{data.outcomes.headline}
Драйвер
{data.outcomes.driver}
);
})()}