<div class="container main-content">
  <div class="glass-panel settings-content">
    <h2 class="panel-title">System Tuning</h2>
    <p class="panel-subtitle">Configure global inference parameters for the Vision pipeline.</p>
    
    <div class="setting-item">
      <div class="setting-info">
        <h3>Confidence Threshold</h3>
        <p>Minimum confidence score ($0.0$ - $1.0$) for a detection to be considered valid.</p>
      </div>
      <div class="setting-control">
         <div class="slider-row">
            <input type="range" min="0" max="1" step="0.01" [(ngModel)]="confidence" class="slider">
            <span class="value-display">{{ confidence }}</span>
         </div>
      </div>
    </div>

    <div class="actions">
      <button class="btn btn-primary" (click)="saveSettings()">Apply Changes</button>
      <span *ngIf="notification" class="notification" [class.success]="notification.includes('success')">{{ notification }}</span>
    </div>
  </div>
</div>
