const initTelemetrySettings = () => {
  const panel = document.querySelector('[data-tab-panel="telemetry"]');
  if (!panel) {
    return;
  }

  const toggle = panel.querySelector('[data-telemetry-enabled-toggle]');
  const samplingFieldset = panel.querySelector('[data-telemetry-sampling-fieldset]');
  const samplingRow = panel.querySelector('[data-telemetry-sampling-row]');
  const samplingSelect = panel.querySelector('[data-telemetry-sampling-select]');

  if (!toggle || !samplingFieldset) {
    return;
  }

  const syncSamplingVisibility = () => {
    const active = Boolean(toggle.checked);
    samplingFieldset.hidden = !active;
    if (samplingRow) {
      samplingRow.hidden = !active;
    }
    if (samplingSelect) {
      samplingSelect.disabled = !active || toggle.disabled;
    }
  };

  toggle.addEventListener('change', syncSamplingVisibility);
  syncSamplingVisibility();
};

if (document.readyState === 'loading') {
  document.addEventListener('DOMContentLoaded', initTelemetrySettings);
} else {
  initTelemetrySettings();
}