);
};
// Mesh thumbnail for scenario card
const ScenarioThumb = ({title, level, hue, eyebrow}) => (
{eyebrow && {eyebrow}}
{level && {level}}
{title}
);
// Turn beads indicator
const TurnBeads = ({total, current}) => (
tura
{current}
/ {total}
{Array.from({length:total}).map((_,i)=> (
))}
);
// Score ring
const ScoreRing = ({value=74, label="ogólny wynik"}) => {
const r = 72, c = 2*Math.PI*r;
const dash = c * (value/100);
return (
);
};
// Learning curve — z osiami, gridlines, tooltipami per punkt
const Curve = ({data=[45,52,61,58,68,71,74,82], width=380, height=170, threshold=70}) => {
// Fixed Y scale 0–100 (to % always czytelne), X = numer próby 1..N
const padL = 34, padR = 12, padT = 14, padB = 24;
const w = width - padL - padR, h = height - padT - padB;
const yFor = (v) => padT + (1 - v/100)*h;
const xFor = (i) => padL + (i/(data.length-1))*w;
const pts = data.map((v,i)=>[xFor(i), yFor(v), v, i+1]);
const line = pts.map((p,i)=> (i===0?"M":"L")+p[0].toFixed(1)+" "+p[1].toFixed(1)).join(" ");
const area = line + ` L ${padL+w} ${padT+h} L ${padL} ${padT+h} Z`;
const yTicks = [0, 25, 50, 75, 100];
const trend = data[data.length-1] - data[0];
return (
Krzywa uczenia
=0?"var(--ok)":"var(--bad)"}}>
{trend>=0?"▲":"▼"} {Math.abs(trend)} pkt · {data.length} prób
);
};
Object.assign(window, { Icon, NpcPortrait, ScenarioThumb, TurnBeads, ScoreRing, Curve });