<a-entity 
  class="status-gauge-augmented" 
  gauge-click-toggle 
  position="{{ pos_x|default:'0' }} {{ pos_y|default:'1.5' }} {{ pos_z|default:'0' }}" 
  scale="{{ scale|default:'0.3 0.3 0.3' }}">

  <!-- Glass core -->
  <a-circle
    radius="0.6"
    class="glass-core"
    color="{{ ring_color|default:'#00FFFF' }}"
    material="shader: standard; transparent: true; opacity: 0.3; metalness: 0.8; roughness: 0.1; side: double"
    rotation="0 0 0">
  </a-circle>

  <!-- Animated outer ring -->
  <a-ring
    class="gauge-ring"
    radius-inner="0.7"
    radius-outer="0.9"
    color="{{ ring_color|default:'#00FFFF' }}"
    material="shader: flat; opacity: 0.8; side: double"
    rotation="0 0 0"
    animation="property: rotation; to: 0 90 0; loop: true; dur: 2000; easing: linear">
  </a-ring>

  <!-- Text label -->
  <a-text 
    class="gauge-label"
    value="{{ label|default:'Status\nOK' }}"
    align="center"
    color="#FFFFFF"
    width="2"
    side="double"
    position="0 0 0.02"
    rotation="0 0 0">
  </a-text>
</a-entity>
