// scene_rubric.jsx — Rubric editor in product shell + callout function SceneRubric() { const t = useTime(); const criteria = [ { name: 'Capability', code: 'CAP', weight: 30, color: LC_PURPLE }, { name: 'Engagement', code: 'ENG', weight: 25, color: LC_BLUE }, { name: 'Communication', code: 'COM', weight: 25, color: LC_GREEN }, { name: 'Culture Add', code: 'CUL', weight: 20, color: LC_ORANGE }, ]; const total = criteria.reduce((s, c, i) => { const ct = Easing.easeOutCubic(clamp((t - 1.5 - i * 0.3) / 0.9, 0, 1)); return s + c.weight * ct; }, 0); const valid = total >= 99.5; return ( <> {/* Submenu */}
{/* Published notice banner */}
This rubric is published
Changes will update the published rubric. Active sessions won't be affected (they use a frozen snapshot).
{/* Rubric name card */}
Rubric Name
Standard Marketing Criteria
Description
Assessment under this criterion helps identify candidates who combine practical marketing skills with proactive participation, creativity, and an orientation toward achieving measurable impact.
{/* Scoring criteria card */}
Scoring Criteria
Define the dimensions used to evaluate interview responses.
+ Add Criterion
{criteria.map((c, i) => { const cT = Easing.easeOutBack(clamp((t - 1.5 - i * 0.3) / 0.8, 0, 1)); const weightT = Easing.easeOutCubic(clamp((t - 1.5 - i * 0.3) / 0.9, 0, 1)); const displayWeight = Math.round(c.weight * weightT); return (
{i + 1}
{c.name}
CODE · {c.code} · SCALE · {c.name.toUpperCase()}
Weight
{displayWeight}%
); })} {/* Total bar */}
{valid ? : }
Total Weight
{Math.round(total)}%
{(() => { const chipT = Easing.easeOutBack(clamp((t - 4.5) / 0.6, 0, 1)); return (
VALID
); })()}
{/* Action buttons */}
💾 Save Changes
Edit Anchors
✕ Cancel
{/* Callout: reviewer leaning in */} {/* Cursor gesture: hovering Save Changes */} ); } Object.assign(window, { SceneRubric });