// TopSet — Active Workout screens (variations + states)
// Most important screen. Pushed visual language hard on AMRAP.

// V1 — Default hero (numbers-first, plate diagram below)
function ActiveDefault() {
  return (
    <div className="ts phone">
      <StatusBar/>
      {/* top strip */}
      <div style={{ padding: '8px 20px 14px', display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
        <div style={{ display: 'flex', alignItems: 'center', gap: 10 }}>
          <button className="icon-btn"><Ico.Close/></button>
          <div>
            <div style={{ fontSize: 15, fontWeight: 600, lineHeight: 1 }}>Deadlift</div>
            <div className="mono" style={{ fontSize: 10, color: 'var(--ts-text-mute)', letterSpacing: '0.06em', marginTop: 4 }}>CYCLE 05 · WEEK 1 · TW 14</div>
          </div>
        </div>
        <RestRing size={40} progress={0.6} label="1:24" strokeWidth={3}/>
      </div>

      {/* hero block */}
      <div style={{ padding: '8px 20px 14px', flex: 1, display: 'flex', flexDirection: 'column' }}>
        <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'baseline' }}>
          <span className="kicker">SET 03 / 03</span>
          <span className="kicker accent">AMRAP ›</span>
        </div>

        <div style={{ position: 'relative', marginTop: 8 }}>
          <span style={{ fontFamily: 'var(--ts-mono)', fontSize: 132, fontWeight: 800, letterSpacing: '-0.09em', lineHeight: 0.85, display: 'block' }}>315</span>
          <span className="mono" style={{ fontSize: 14, color: 'var(--ts-text-mute)', position: 'absolute', right: 0, top: 14 }}>LB</span>
        </div>

        <div style={{ display: 'flex', alignItems: 'baseline', gap: 8, marginTop: 4 }}>
          <span className="mono" style={{ fontSize: 24, fontWeight: 600, letterSpacing: '-0.03em' }}>5<span style={{ color: 'var(--ts-accent)' }}>+</span></span>
          <span style={{ fontSize: 14, color: 'var(--ts-text-mute)' }}>reps · as many as possible</span>
          <span className="badge" style={{ marginLeft: 'auto' }}>e1RM 372</span>
        </div>

        {/* plate stack */}
        <div style={{ marginTop: 18, padding: '16px 8px', background: 'var(--ts-surface)', border: '1px solid var(--ts-border)', borderRadius: 14 }}>
          <PlateStack plates={[45, 45, 25, 10, 5]} height={120} showWeight/>
          <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginTop: 8, padding: '0 8px' }}>
            <span className="kicker">PER SIDE · 135 LB</span>
            <span style={{ display: 'flex', gap: 6, fontSize: 11, color: 'var(--ts-text-mute)' }}>
              <Ico.Calc/> Plate calc
            </span>
          </div>
        </div>

        {/* set list (compact) */}
        <div style={{ marginTop: 14, background: 'var(--ts-surface)', borderRadius: 12, border: '1px solid var(--ts-border)', overflow: 'hidden' }}>
          <div style={{ padding: '8px 16px', borderBottom: '1px solid var(--ts-border)', display: 'flex', justifyContent: 'space-between' }}>
            <span className="kicker">MAIN · 5/5/5+</span>
            <span className="kicker">+ BBB · 5×10</span>
          </div>
          <SetRow idx={1} weight={140} reps={5} percent={40} status="done" actual={5} isWarmup/>
          <SetRow idx={2} weight={185} reps={5} percent={50} status="done" actual={5} isWarmup/>
          <SetRow idx={1} weight={235} reps={5} percent={65} status="done" actual={5}/>
          <SetRow idx={2} weight={275} reps={5} percent={75} status="done" actual={5}/>
          <SetRow idx={3} weight={315} reps={5} percent={85} status="current" isAmrap/>
        </div>
      </div>

      {/* CTA */}
      <div style={{ padding: '14px 16px 36px' }}>
        <button className="ts-btn amrap" style={{ height: 64, fontSize: 18 }}>
          Log set · 315 × 5+
        </button>
      </div>
    </div>
  );
}

// V2 — Alt hero — plates frame the number
function ActiveFramed() {
  return (
    <div className="ts phone">
      <StatusBar/>
      <div style={{ padding: '8px 20px 14px', display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
        <div style={{ display: 'flex', alignItems: 'center', gap: 10 }}>
          <button className="icon-btn"><Ico.Close/></button>
          <div>
            <div style={{ fontSize: 15, fontWeight: 600, lineHeight: 1 }}>Deadlift</div>
            <div className="mono" style={{ fontSize: 10, color: 'var(--ts-text-mute)', letterSpacing: '0.06em', marginTop: 4 }}>SET 02 OF 03 · MAIN</div>
          </div>
        </div>
        <button className="icon-btn"><Ico.Sound/></button>
      </div>

      {/* full-bleed bar */}
      <div style={{ padding: '20px 0 8px', position: 'relative' }}>
        <PlateStack plates={[45, 45, 25, 10]} height={200}/>
        {/* overlay weight */}
        <div style={{
          position: 'absolute', inset: 0, display: 'flex', alignItems: 'center', justifyContent: 'center',
          flexDirection: 'column', pointerEvents: 'none',
        }}>
          <div style={{ background: 'var(--ts-bg)', padding: '4px 14px', borderRadius: 6, border: '1px solid var(--ts-border)' }}>
            <span className="kicker">75% TM · MAIN</span>
          </div>
          <span style={{ fontFamily: 'var(--ts-mono)', fontSize: 120, fontWeight: 800, letterSpacing: '-0.08em', lineHeight: 0.85, marginTop: 6 }}>275</span>
          <div style={{ display: 'flex', alignItems: 'baseline', gap: 8 }}>
            <span className="mono" style={{ fontSize: 13, color: 'var(--ts-text-mute)' }}>LB ·</span>
            <span className="mono" style={{ fontSize: 22, fontWeight: 600 }}>5 reps</span>
          </div>
        </div>
      </div>

      {/* set list pill row */}
      <div style={{ padding: '20px 16px 0', flex: 1 }}>
        <div className="kicker" style={{ marginBottom: 10 }}>SETS</div>
        <div style={{ display: 'flex', gap: 8, flexWrap: 'wrap' }}>
          {[
            { w: 140, r: 5, s: 'done', wu: true },
            { w: 185, r: 5, s: 'done', wu: true },
            { w: 235, r: 5, s: 'done' },
            { w: 275, r: 5, s: 'current' },
            { w: 315, r: '5+', s: 'queued', amrap: true },
          ].map((s, i) => (
            <div key={i} style={{
              padding: '10px 12px',
              background: s.s === 'current' ? 'var(--ts-surface)' : 'transparent',
              border: '1px solid ' + (s.s === 'current' ? 'var(--ts-text)' : (s.amrap ? 'var(--ts-accent-line)' : 'var(--ts-border)')),
              borderRadius: 10,
              opacity: s.s === 'done' ? 0.55 : 1,
              flex: '1 1 calc(33% - 8px)',
              minWidth: 96,
            }}>
              <div className="kicker" style={{ fontSize: 9, color: s.amrap ? 'var(--ts-accent)' : 'var(--ts-text-dim)' }}>
                {s.wu ? 'WARMUP' : (s.amrap ? 'AMRAP' : 'MAIN')}
              </div>
              <div style={{ display: 'flex', alignItems: 'baseline', gap: 4, marginTop: 4 }}>
                <span className="mono" style={{ fontSize: 18, fontWeight: 700 }}>{s.w}</span>
                <span className="mono" style={{ fontSize: 11, color: 'var(--ts-text-mute)' }}>× {s.r}</span>
              </div>
            </div>
          ))}
        </div>

        <div className="rule dashed" style={{ margin: '20px 0' }}/>

        <div style={{ display: 'flex', justifyContent: 'space-between' }}>
          <span className="kicker">REST</span>
          <RestRing size={48} progress={0.4} label="2:00" strokeWidth={3}/>
        </div>
      </div>

      <div style={{ padding: '14px 16px 36px' }}>
        <button className="ts-btn" style={{ height: 64, fontSize: 18 }}>Log set · 275 × 5</button>
      </div>
    </div>
  );
}

// V3 — Brutalist / typographic — type IS the diagram
function ActiveTypo() {
  return (
    <div className="ts phone">
      <StatusBar/>
      <div style={{ padding: '8px 20px 8px', display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
        <button className="icon-btn"><Ico.Close/></button>
        <div style={{ textAlign: 'right' }}>
          <div className="mono" style={{ fontSize: 11, color: 'var(--ts-text-mute)', letterSpacing: '0.06em' }}>SET 04 / 05 · MAIN</div>
        </div>
      </div>

      {/* gigantic typographic plate */}
      <div style={{ padding: '0 16px', position: 'relative', flex: 1, display: 'flex', flexDirection: 'column' }}>
        {/* vertical lift name */}
        <div style={{ position: 'absolute', top: 30, left: 12, transform: 'rotate(-90deg)', transformOrigin: 'left top' }}>
          <span className="mono" style={{ fontSize: 11, color: 'var(--ts-text-dim)', letterSpacing: '0.3em' }}>DEADLIFT · 05 · W1</span>
        </div>

        <div style={{ paddingLeft: 22, marginTop: 8 }}>
          <span style={{ fontFamily: 'var(--ts-mono)', fontWeight: 800, fontSize: 220, letterSpacing: '-0.11em', lineHeight: 0.78, display: 'block' }}>275</span>

          {/* tick measure */}
          <div className="ticks" style={{ height: 10, marginTop: -10, marginBottom: 10 }}>
            {Array.from({length: 18}).map((_,i) => <span key={i}/>)}
          </div>

          <div style={{ display: 'flex', alignItems: 'baseline', justifyContent: 'space-between' }}>
            <span className="mono" style={{ fontSize: 14, color: 'var(--ts-text-mute)' }}>LB</span>
            <div style={{ display: 'flex', alignItems: 'baseline', gap: 4 }}>
              <span className="mono" style={{ fontSize: 48, fontWeight: 700, letterSpacing: '-0.06em' }}>5</span>
              <span className="mono" style={{ fontSize: 18, color: 'var(--ts-text-mute)' }}>REPS</span>
            </div>
          </div>
        </div>

        {/* prescribed details strip */}
        <div style={{ marginTop: 28, display: 'grid', gridTemplateColumns: '1fr 1fr 1fr', gap: 1, background: 'var(--ts-border)', border: '1px solid var(--ts-border)' }}>
          {[
            ['%TM',  '75'],
            ['TM',   '365'],
            ['e1RM', '320'],
          ].map(([k, v]) => (
            <div key={k} style={{ background: 'var(--ts-bg)', padding: '12px 14px' }}>
              <div className="kicker">{k}</div>
              <div className="mono" style={{ fontSize: 20, fontWeight: 700, marginTop: 4 }}>{v}</div>
            </div>
          ))}
        </div>

        <div style={{ marginTop: 14 }}>
          <PlateStack plates={[45, 45, 25, 10]} height={90}/>
        </div>

        {/* set markers */}
        <div style={{ marginTop: 16, display: 'flex', gap: 6, alignItems: 'flex-end', height: 56 }}>
          {[
            { w: 140, h: 16, s: 'done' },
            { w: 185, h: 22, s: 'done' },
            { w: 235, h: 32, s: 'done' },
            { w: 275, h: 40, s: 'current' },
            { w: 315, h: 50, s: 'amrap' },
          ].map((s, i) => (
            <div key={i} style={{ flex: 1, textAlign: 'center', position: 'relative' }}>
              <div style={{
                width: '100%', height: s.h,
                background: s.s === 'current' ? 'var(--ts-text)' : (s.s === 'amrap' ? 'var(--ts-accent)' : 'var(--ts-surface-3)'),
              }}/>
              <div className="mono" style={{ fontSize: 10, color: 'var(--ts-text-dim)', marginTop: 4 }}>{s.w}</div>
            </div>
          ))}
        </div>
      </div>

      <div style={{ padding: '14px 16px 36px' }}>
        <button className="ts-btn" style={{ height: 64, fontSize: 18 }}>Log · 275 × 5</button>
      </div>
    </div>
  );
}

// AMRAP — full accent treatment
function ActiveAMRAP() {
  return (
    <div className="ts phone">
      <StatusBar/>
      <div style={{
        position: 'absolute', inset: 0,
        background: 'radial-gradient(120% 80% at 50% 0%, rgba(255,77,46,0.18) 0%, transparent 60%)',
        pointerEvents: 'none',
      }}/>

      <div style={{ padding: '8px 20px 8px', display: 'flex', justifyContent: 'space-between', alignItems: 'center', position: 'relative', zIndex: 2 }}>
        <button className="icon-btn"><Ico.Close/></button>
        <div style={{ display: 'flex', gap: 10, alignItems: 'center' }}>
          <span className="kicker accent" style={{ fontSize: 11 }}>AMRAP</span>
          <RestRing size={36} progress={0.0} label="—" strokeWidth={3} accent/>
        </div>
      </div>

      <div style={{ padding: '0 20px', flex: 1, display: 'flex', flexDirection: 'column', position: 'relative', zIndex: 2 }}>
        <div style={{ display: 'flex', justifyContent: 'space-between' }}>
          <div>
            <div className="kicker">DEADLIFT · CYCLE 05 · W1</div>
            <div style={{ fontSize: 13, color: 'var(--ts-text-mute)', marginTop: 4 }}>Last set. As many reps as possible.</div>
          </div>
        </div>

        {/* big AMRAP type */}
        <div style={{ marginTop: 12 }}>
          <span style={{
            fontFamily: 'var(--ts-mono)', fontWeight: 800,
            fontSize: 72, letterSpacing: '-0.06em', lineHeight: 0.85,
            color: 'var(--ts-accent)', display: 'block',
          }}>AMRAP<span style={{ color: 'var(--ts-text)' }}>+</span></span>
          <span style={{ fontFamily: 'var(--ts-mono)', fontSize: 11, color: 'var(--ts-text-mute)', letterSpacing: '0.16em' }}>AS MANY REPS AS POSSIBLE</span>
        </div>

        {/* weight + plates */}
        <div style={{ marginTop: 18, display: 'grid', gridTemplateColumns: '1fr auto', gap: 12, alignItems: 'center', padding: '12px 14px', background: 'var(--ts-surface)', borderRadius: 14, border: '1px solid var(--ts-accent-line)' }}>
          <div>
            <div className="kicker">WEIGHT · 85% TM</div>
            <div style={{ display: 'flex', alignItems: 'baseline', gap: 4, marginTop: 2 }}>
              <span className="mono" style={{ fontSize: 56, fontWeight: 800, letterSpacing: '-0.06em' }}>315</span>
              <span className="mono" style={{ fontSize: 14, color: 'var(--ts-text-mute)' }}>lb</span>
            </div>
          </div>
          <BarDiagram plates={[45, 45, 25, 10, 5]} width={130}/>
        </div>

        {/* rep counter — swipe right = +1, swipe left = undo */}
        <div style={{ marginTop: 18, flex: 1, display: 'flex', flexDirection: 'column' }}>
          <div className="kicker accent" style={{ marginBottom: 8 }}>REPS</div>
          <div style={{
            flex: 1, minHeight: 200,
            background: 'var(--ts-accent)', color: '#000',
            borderRadius: 20,
            display: 'flex', flexDirection: 'column',
            alignItems: 'center', justifyContent: 'center',
            position: 'relative',
            boxShadow: '0 0 0 1px var(--ts-accent), inset 0 0 0 1px rgba(0,0,0,0.1)',
          }}>
            {/* side chevrons hint at the horizontal swipe gesture */}
            <div style={{ position: 'absolute', top: '50%', left: 14, transform: 'translateY(-50%)', fontFamily: 'var(--ts-mono)', fontWeight: 800, fontSize: 42, opacity: 0.18 }}>‹</div>
            <div style={{ position: 'absolute', top: '50%', right: 14, transform: 'translateY(-50%)', fontFamily: 'var(--ts-mono)', fontWeight: 800, fontSize: 42, opacity: 0.18 }}>›</div>

            <span style={{ fontFamily: 'var(--ts-mono)', fontWeight: 800, fontSize: 176, letterSpacing: 0, lineHeight: 0.85 }}>8</span>
            <div style={{
              marginTop: 4, display: 'flex', alignItems: 'center',
              justifyContent: 'space-between', width: '100%',
              padding: '0 28px', fontFamily: 'var(--ts-mono)', fontWeight: 700,
            }}>
              <span style={{ fontSize: 13, opacity: 0.55, letterSpacing: '0.12em' }}>← UNDO</span>
              <span style={{ fontSize: 13, opacity: 0.95, letterSpacing: '0.12em' }}>+1 REP →</span>
            </div>

            {/* corner crosshair */}
            <div style={{ position: 'absolute', top: 14, left: 14, fontFamily: 'var(--ts-mono)', fontSize: 10, fontWeight: 700, letterSpacing: '0.12em' }}>SWIPE</div>
            <div style={{ position: 'absolute', bottom: 14, right: 14, fontFamily: 'var(--ts-mono)', fontSize: 10, fontWeight: 700, letterSpacing: '0.12em' }}>e1RM 394</div>
          </div>
        </div>

        <div style={{ padding: '14px 0 36px' }}>
          <button className="ts-btn" style={{ background: 'var(--ts-text)', color: 'var(--ts-bg)', height: 60 }}>Done · log 8 reps</button>
        </div>
      </div>
    </div>
  );
}

// AMRAP — PR achieved overlay state
function ActiveAMRAPpr() {
  return (
    <div className="ts phone">
      <StatusBar/>
      <div style={{
        position: 'absolute', inset: 0,
        background: 'radial-gradient(120% 80% at 50% 0%, rgba(255,77,46,0.25) 0%, transparent 70%)',
        pointerEvents: 'none',
      }}/>
      <div style={{ padding: '8px 20px 8px', display: 'flex', justifyContent: 'space-between', position: 'relative', zIndex: 2 }}>
        <button className="icon-btn"><Ico.Close/></button>
        <span className="kicker accent">AMRAP · COMPLETE</span>
      </div>

      <div style={{ padding: '0 20px', flex: 1, display: 'flex', flexDirection: 'column', position: 'relative', zIndex: 2 }}>
        {/* PR banner */}
        <div style={{
          marginTop: 8,
          padding: '12px 14px',
          background: 'var(--ts-accent)',
          color: '#000',
          borderRadius: 12,
          display: 'flex',
          alignItems: 'center',
          gap: 10,
        }}>
          <span style={{ width: 18, height: 18 }}><Ico.Star/></span>
          <div style={{ flex: 1 }}>
            <div style={{ fontSize: 13, fontWeight: 700, letterSpacing: '-0.01em' }}>NEW PR · DEADLIFT</div>
            <div style={{ fontSize: 11, opacity: 0.75 }}>Best reps ever at 85% TM. Previous: 7 @ 305.</div>
          </div>
          <span className="mono" style={{ fontSize: 24, fontWeight: 800 }}>+1</span>
        </div>

        <div style={{ marginTop: 28, textAlign: 'center' }}>
          <div className="kicker">YOU JUST DID</div>
          <div style={{ display: 'flex', alignItems: 'baseline', justifyContent: 'center', gap: 12, marginTop: 6 }}>
            <span style={{ fontFamily: 'var(--ts-mono)', fontWeight: 800, fontSize: 176, letterSpacing: '-0.08em', lineHeight: 0.85, color: 'var(--ts-accent)' }}>9</span>
            <div style={{ textAlign: 'left' }}>
              <span className="mono" style={{ fontSize: 18, color: 'var(--ts-text-mute)' }}>reps</span>
              <div className="mono" style={{ fontSize: 13, color: 'var(--ts-text-mute)' }}>@ 315 lb</div>
            </div>
          </div>
        </div>

        <div style={{
          marginTop: 20, padding: '16px 18px', borderRadius: 14,
          background: 'var(--ts-surface)', border: '1px solid var(--ts-border)',
          display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 18,
        }}>
          <div>
            <div className="kicker">e1RM</div>
            <div className="mono" style={{ fontSize: 32, fontWeight: 700, letterSpacing: '-0.04em', marginTop: 2 }}>409</div>
            <div className="mono" style={{ fontSize: 11, color: 'var(--ts-success)', marginTop: 4 }}>↑ 37 vs last cycle</div>
          </div>
          <div>
            <div className="kicker">TONNAGE</div>
            <div className="mono" style={{ fontSize: 32, fontWeight: 700, letterSpacing: '-0.04em', marginTop: 2 }}>14,535</div>
            <div className="mono" style={{ fontSize: 11, color: 'var(--ts-text-mute)', marginTop: 4 }}>lb · this session</div>
          </div>
        </div>

        {/* coach card — premium */}
        <div style={{
          marginTop: 14, padding: '14px',
          background: 'var(--ts-surface-2)', borderRadius: 12,
          border: '1px dashed var(--ts-border-2)',
        }}>
          <div style={{ display: 'flex', alignItems: 'center', gap: 8, marginBottom: 6 }}>
            <span className="kicker accent" style={{ fontSize: 10 }}>COACH RECOMMENDS</span>
            <span className="badge" style={{ background: 'transparent', border: '1px solid var(--ts-border-2)', color: 'var(--ts-text-mute)', fontSize: 9 }}>PREMIUM</span>
          </div>
          <div style={{ fontSize: 13, color: 'var(--ts-text)', lineHeight: 1.4 }}>
            +15 lb to TM next cycle. <span style={{ color: 'var(--ts-text-mute)' }}>Strong AMRAP, e1RM trending up. Discuss with AI Coach.</span>
          </div>
        </div>

        <div style={{ flex: 1 }}/>

        <div style={{ padding: '14px 0 36px', display: 'flex', gap: 10 }}>
          <button className="ts-btn" style={{ flex: 1 }}>Next lift · OHP</button>
          <button className="icon-btn" style={{ height: 56, width: 56, borderRadius: 14 }}><Ico.Plus/></button>
        </div>
      </div>
    </div>
  );
}

// Rest-timer state
function ActiveRest() {
  return (
    <div className="ts phone">
      <StatusBar/>
      <div style={{ padding: '8px 20px 8px', display: 'flex', justifyContent: 'space-between' }}>
        <button className="icon-btn"><Ico.Close/></button>
        <span className="kicker">REST · BEFORE SET 03</span>
      </div>

      <div style={{ padding: '20px 20px 0', flex: 1, display: 'flex', flexDirection: 'column', alignItems: 'center' }}>
        <RestRing size={260} progress={0.66} label="0:54" strokeWidth={6}/>
        <div style={{ marginTop: 18, textAlign: 'center' }}>
          <div className="kicker">UP NEXT</div>
          <div style={{ display: 'flex', alignItems: 'baseline', gap: 6, marginTop: 4, justifyContent: 'center' }}>
            <span className="mono" style={{ fontSize: 56, fontWeight: 800, letterSpacing: '-0.06em' }}>315</span>
            <span className="mono" style={{ fontSize: 16, color: 'var(--ts-text-mute)' }}>lb ·</span>
            <span className="mono" style={{ fontSize: 28, fontWeight: 600, color: 'var(--ts-accent)' }}>5+</span>
          </div>
        </div>

        <div style={{ marginTop: 24, display: 'flex', gap: 10 }}>
          <button className="ts-btn secondary" style={{ width: 64, height: 40, padding: 0, borderRadius: 10 }}>−30s</button>
          <button className="ts-btn secondary" style={{ width: 64, height: 40, padding: 0, borderRadius: 10 }}>+30s</button>
          <button className="ts-btn secondary" style={{ width: 80, height: 40, padding: 0, borderRadius: 10 }}>RESET</button>
        </div>

        <div style={{ marginTop: 28, width: '100%', padding: 14, background: 'var(--ts-surface)', borderRadius: 12, border: '1px solid var(--ts-border)' }}>
          <div className="kicker" style={{ marginBottom: 8 }}>JUST LOGGED</div>
          <div style={{ display: 'flex', justifyContent: 'space-between' }}>
            <span className="mono" style={{ fontSize: 14 }}>275 × 5</span>
            <span className="mono" style={{ fontSize: 12, color: 'var(--ts-text-mute)' }}>75% TM</span>
            <span style={{ color: 'var(--ts-success)' }}><Ico.Check/></span>
          </div>
        </div>
      </div>

      <div style={{ padding: '14px 16px 36px' }}>
        <button className="ts-btn">Skip rest · Start next set</button>
      </div>
    </div>
  );
}

Object.assign(window, {
  ActiveDefault, ActiveFramed, ActiveTypo,
  ActiveAMRAP, ActiveAMRAPpr, ActiveRest,
});