add: Modem model # now its own config. allowing for different options on different model #s

templates/dashboard.html

@@ -604,8 +604,9 @@ function updateFleetMapFiltered(allUnits) {
         }
     });
 
-    // Fit bounds if we have markers
+    // Only fit bounds on initial load, not on subsequent updates
-    if (bounds.length > 0) {
+    // This preserves the user's current map view when auto-refreshing
+    if (bounds.length > 0 && !fleetMapInitialized) {
         const padding = window.innerWidth < 768 ? [20, 20] : [50, 50];
         fleetMap.fitBounds(bounds, { padding: padding });
         fleetMapInitialized = true;

templates/partials/projects/file_list.html

@@ -0,0 +1,188 @@
+<!-- File List for NRL - Simple flat list of files with session info -->
+{% if files %}
+    <div class="divide-y divide-gray-200 dark:divide-gray-700">
+        {% for file_data in files %}
+        {% set file = file_data.file %}
+        {% set session = file_data.session %}
+
+        <div class="flex items-center gap-3 px-4 py-3 hover:bg-gray-50 dark:hover:bg-gray-800/50 transition-colors group">
+            <!-- File Icon -->
+            {% if file.file_type == 'audio' %}
+            <svg class="w-6 h-6 text-blue-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19V6l12-3v13M9 19c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zm12-3c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zM9 10l12-3"></path>
+            </svg>
+            {% elif file.file_type == 'archive' %}
+            <svg class="w-6 h-6 text-purple-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"></path>
+            </svg>
+            {% elif file.file_type == 'log' %}
+            <svg class="w-6 h-6 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
+            </svg>
+            {% elif file.file_type == 'image' %}
+            <svg class="w-6 h-6 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"></path>
+            </svg>
+            {% elif file.file_type == 'measurement' %}
+            <svg class="w-6 h-6 text-emerald-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path>
+            </svg>
+            {% else %}
+            <svg class="w-6 h-6 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
+            </svg>
+            {% endif %}
+
+            <!-- File Info -->
+            <div class="flex-1 min-w-0">
+                <div class="flex items-center gap-2">
+                    <div class="font-medium text-gray-900 dark:text-white truncate">
+                        {{ file.file_path.split('/')[-1] if file.file_path else 'Unknown' }}
+                    </div>
+                </div>
+                <div class="text-xs text-gray-500 dark:text-gray-400 mt-0.5">
+                    <!-- File Type Badge -->
+                    <span class="px-1.5 py-0.5 rounded font-medium
+                        {% if file.file_type == 'audio' %}bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-300
+                        {% elif file.file_type == 'data' %}bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-300
+                        {% elif file.file_type == 'measurement' %}bg-emerald-100 text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-300
+                        {% elif file.file_type == 'log' %}bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300
+                        {% elif file.file_type == 'archive' %}bg-purple-100 text-purple-700 dark:bg-purple-900/30 dark:text-purple-300
+                        {% elif file.file_type == 'image' %}bg-pink-100 text-pink-700 dark:bg-pink-900/30 dark:text-pink-300
+                        {% else %}bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300{% endif %}">
+                        {{ file.file_type or 'unknown' }}
+                    </span>
+
+                    {# Leq vs Lp badge for RND files #}
+                    {% if file.file_path and '_Leq_' in file.file_path %}
+                    <span class="px-1.5 py-0.5 rounded font-medium bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-300">
+                        Leq (15-min avg)
+                    </span>
+                    {% elif file.file_path and '_Lp' in file.file_path and file.file_path.endswith('.rnd') %}
+                    <span class="px-1.5 py-0.5 rounded font-medium bg-orange-100 text-orange-700 dark:bg-orange-900/30 dark:text-orange-300">
+                        Lp (instant)
+                    </span>
+                    {% endif %}
+
+                    <!-- File Size -->
+                    <span class="mx-1">•</span>
+                    {% if file.file_size_bytes %}
+                        {% if file.file_size_bytes < 1024 %}
+                            {{ file.file_size_bytes }} B
+                        {% elif file.file_size_bytes < 1048576 %}
+                            {{ "%.1f"|format(file.file_size_bytes / 1024) }} KB
+                        {% elif file.file_size_bytes < 1073741824 %}
+                            {{ "%.1f"|format(file.file_size_bytes / 1048576) }} MB
+                        {% else %}
+                            {{ "%.2f"|format(file.file_size_bytes / 1073741824) }} GB
+                        {% endif %}
+                    {% else %}
+                        Unknown size
+                    {% endif %}
+
+                    <!-- Session Info -->
+                    {% if session %}
+                    <span class="mx-1">•</span>
+                    <span class="text-gray-400">Session: {{ session.started_at|local_datetime if session.started_at else 'Unknown' }}</span>
+                    {% endif %}
+
+                    <!-- Download Time -->
+                    {% if file.downloaded_at %}
+                    <span class="mx-1">•</span>
+                    {{ file.downloaded_at|local_datetime }}
+                    {% endif %}
+
+                    <!-- Checksum Indicator -->
+                    {% if file.checksum %}
+                    <span class="mx-1" title="SHA256: {{ file.checksum[:16] }}...">
+                        <svg class="w-3 h-3 inline text-green-600" fill="currentColor" viewBox="0 0 20 20">
+                            <path fill-rule="evenodd" d="M2.166 4.999A11.954 11.954 0 0010 1.944 11.954 11.954 0 0017.834 5c.11.65.166 1.32.166 2.001 0 5.225-3.34 9.67-8 11.317C5.34 16.67 2 12.225 2 7c0-.682.057-1.35.166-2.001zm11.541 3.708a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
+                        </svg>
+                    </span>
+                    {% endif %}
+                </div>
+            </div>
+
+            <!-- Action Buttons -->
+            <div class="opacity-0 group-hover:opacity-100 transition-opacity flex items-center gap-2">
+                {% if file.file_type == 'measurement' or (file.file_path and file.file_path.endswith('.rnd')) %}
+                <a href="/api/projects/{{ project_id }}/files/{{ file.id }}/view-rnd"
+                   onclick="event.stopPropagation();"
+                   class="px-3 py-1 text-xs bg-emerald-600 text-white rounded-lg hover:bg-emerald-700 transition-colors flex items-center">
+                    <svg class="w-4 h-4 inline mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path>
+                    </svg>
+                    View
+                </a>
+                {% endif %}
+                {# Only show Report button for Leq files #}
+                {% if file.file_path and '_Leq_' in file.file_path %}
+                <a href="/api/projects/{{ project_id }}/files/{{ file.id }}/generate-report"
+                   onclick="event.stopPropagation();"
+                   class="px-3 py-1 text-xs bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors flex items-center"
+                   title="Generate Excel Report">
+                    <svg class="w-4 h-4 inline mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 17v-2m3 2v-4m3 4v-6m2 10H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
+                    </svg>
+                    Report
+                </a>
+                {% endif %}
+                <button onclick="event.stopPropagation(); downloadFile('{{ file.id }}')"
+                        class="px-3 py-1 text-xs bg-seismo-orange text-white rounded-lg hover:bg-seismo-navy transition-colors">
+                    <svg class="w-4 h-4 inline mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"></path>
+                    </svg>
+                    Download
+                </button>
+                <button onclick="event.stopPropagation(); confirmDeleteFile('{{ file.id }}', '{{ file.file_path.split('/')[-1] if file.file_path else 'Unknown' }}')"
+                        class="px-3 py-1 text-xs bg-red-600 text-white rounded-lg hover:bg-red-700 transition-colors"
+                        title="Delete this file">
+                    <svg class="w-4 h-4 inline" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"></path>
+                    </svg>
+                </button>
+            </div>
+        </div>
+        {% endfor %}
+    </div>
+{% else %}
+    <!-- Empty State -->
+    <div class="px-6 py-12 text-center">
+        <svg class="w-16 h-16 mx-auto mb-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z"></path>
+        </svg>
+        <p class="text-gray-500 dark:text-gray-400 mb-2">No files downloaded yet</p>
+        <p class="text-sm text-gray-400 dark:text-gray-500">
+            Files will appear here once they are downloaded from the sound level meter
+        </p>
+    </div>
+{% endif %}
+
+<script>
+function downloadFile(fileId) {
+    window.location.href = `/api/projects/{{ project_id }}/files/${fileId}/download`;
+}
+
+function confirmDeleteFile(fileId, fileName) {
+    if (confirm(`Are you sure you want to delete "${fileName}"?\n\nThis action cannot be undone.`)) {
+        deleteFile(fileId);
+    }
+}
+
+async function deleteFile(fileId) {
+    try {
+        const response = await fetch(`/api/projects/{{ project_id }}/files/${fileId}`, {
+            method: 'DELETE'
+        });
+
+        if (response.ok) {
+            window.location.reload();
+        } else {
+            const data = await response.json();
+            alert(`Failed to delete file: ${data.detail || 'Unknown error'}`);
+        }
+    } catch (error) {
+        alert(`Error deleting file: ${error.message}`);
+    }
+}
+</script>

templates/roster.html

@@ -178,8 +178,13 @@
                 </div>
                 <div>
                     <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Hardware Model</label>
-                    <input type="text" name="hardware_model" placeholder="e.g., Raven XTV"
+                    <select name="hardware_model"
                         class="w-full px-4 py-2 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-slate-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-seismo-orange">
+                        <option value="">Select model...</option>
+                        <option value="RV50">RV50</option>
+                        <option value="RV55">RV55</option>
+                        <option value="RX55">RX55</option>
+                    </select>
                 </div>
                 <div>
                     <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Deployment Type</label>
@@ -351,8 +356,13 @@
                 </div>
                 <div>
                     <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Hardware Model</label>
-                    <input type="text" name="hardware_model" id="editHardwareModel" placeholder="e.g., Raven XTV"
+                    <select name="hardware_model" id="editHardwareModel"
                         class="w-full px-4 py-2 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-slate-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-seismo-orange">
+                        <option value="">Select model...</option>
+                        <option value="RV50">RV50</option>
+                        <option value="RV55">RV55</option>
+                        <option value="RX55">RX55</option>
+                    </select>
                 </div>
                 <div>
                     <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Deployment Type</label>
@@ -913,7 +923,7 @@
             // Modem fields
             document.getElementById('editIpAddress').value = unit.ip_address;
             document.getElementById('editPhoneNumber').value = unit.phone_number;
-            document.getElementById('editHardwareModel').value = unit.hardware_model;
+            document.getElementById('editHardwareModel').value = unit.hardware_model || '';
             document.getElementById('editDeploymentType').value = unit.deployment_type || '';
 
             // Populate unit picker for modem (uses -edit-modem suffix)

templates/unit_detail.html

@@ -182,6 +182,42 @@
                 </div>
             </div>
 
+            <!-- Sound Level Meter Info -->
+            <div id="viewSlmFields" class="hidden border-t border-gray-200 dark:border-gray-700 pt-6">
+                <h3 class="text-lg font-semibold text-gray-900 dark:text-white mb-4">Sound Level Meter Information</h3>
+                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+                    <div>
+                        <label class="text-sm font-medium text-gray-500 dark:text-gray-400">Model</label>
+                        <p id="viewSlmModel" class="mt-1 text-gray-900 dark:text-white font-medium">--</p>
+                    </div>
+                    <div>
+                        <label class="text-sm font-medium text-gray-500 dark:text-gray-400">Serial Number</label>
+                        <p id="viewSlmSerialNumber" class="mt-1 text-gray-900 dark:text-white font-medium">--</p>
+                    </div>
+                    <div>
+                        <label class="text-sm font-medium text-gray-500 dark:text-gray-400">Frequency Weighting</label>
+                        <p id="viewSlmFrequencyWeighting" class="mt-1 text-gray-900 dark:text-white font-medium">--</p>
+                    </div>
+                    <div>
+                        <label class="text-sm font-medium text-gray-500 dark:text-gray-400">Time Weighting</label>
+                        <p id="viewSlmTimeWeighting" class="mt-1 text-gray-900 dark:text-white font-medium">--</p>
+                    </div>
+                    <div>
+                        <label class="text-sm font-medium text-gray-500 dark:text-gray-400">Measurement Range</label>
+                        <p id="viewSlmMeasurementRange" class="mt-1 text-gray-900 dark:text-white font-medium">--</p>
+                    </div>
+                    <div>
+                        <label class="text-sm font-medium text-gray-500 dark:text-gray-400">Deployed With Modem</label>
+                        <p id="viewSlmDeployedWithModemContainer" class="mt-1">
+                            <a id="viewSlmDeployedWithModemLink" href="#" class="text-seismo-orange hover:text-orange-600 font-medium hover:underline hidden">
+                                <span id="viewSlmDeployedWithModemText">--</span>
+                            </a>
+                            <span id="viewSlmDeployedWithModemNoLink" class="text-gray-900 dark:text-white font-medium">--</span>
+                        </p>
+                    </div>
+                </div>
+            </div>
+
             <!-- Paired Device (for modems only) -->
             <div id="viewPairedDeviceSection" class="hidden border-t border-gray-200 dark:border-gray-700 pt-6">
                 <h3 class="text-lg font-semibold text-gray-900 dark:text-white mb-4">Paired Device</h3>
@@ -292,7 +328,7 @@
                         class="w-full px-4 py-2 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-slate-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-seismo-orange">
                         <option value="seismograph">Seismograph</option>
                         <option value="modem">Modem</option>
-                        <option value="sound_level_meter">Sound Level Meter</option>
+                        <option value="slm">Sound Level Meter</option>
                     </select>
                 </div>
 
@@ -375,8 +411,13 @@
                     </div>
                     <div>
                         <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Hardware Model</label>
-                        <input type="text" name="hardware_model" id="hardwareModel" placeholder="e.g., Raven XTV"
+                        <select name="hardware_model" id="hardwareModel"
                             class="w-full px-4 py-2 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-slate-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-seismo-orange">
+                            <option value="">Select model...</option>
+                            <option value="RV50">RV50</option>
+                            <option value="RV55">RV55</option>
+                            <option value="RX55">RX55</option>
+                        </select>
                     </div>
                 </div>
             </div>
@@ -434,7 +475,7 @@
                                 {% set input_name = "deployed_with_modem_id" %}
                                 {% include "partials/modem_picker.html" with context %}
                             </div>
-                            <button type="button" onclick="openPairDeviceModal('sound_level_meter')"
+                            <button type="button" onclick="openPairDeviceModal('slm')"
                                 class="px-3 py-2 bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 text-gray-700 dark:text-gray-300 rounded-lg transition-colors flex items-center gap-1"
                                 title="Pair with modem">
                                 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -594,6 +635,19 @@ async function fetchModemDisplay(modemIdOrIp) {
     return { display: modemIdOrIp, modemId: modemIdOrIp };
 }
 
+// Format weighting values for display
+function formatWeighting(value, type) {
+    if (!value) return null;
+    if (type === 'frequency') {
+        const labels = { 'A': 'A-weighting', 'C': 'C-weighting', 'Z': 'Z-weighting (Flat)' };
+        return labels[value] || value;
+    } else if (type === 'time') {
+        const labels = { 'F': 'Fast (125ms)', 'S': 'Slow (1s)', 'I': 'Impulse (35ms)' };
+        return labels[value] || value;
+    }
+    return value;
+}
+
 // Load unit data on page load
 async function loadUnitData() {
     try {
@@ -787,18 +841,52 @@ function populateViewMode() {
     document.getElementById('viewNote').textContent = currentUnit.note || '--';
 
     // Show/hide fields based on device type
+    // Hide all device-specific sections first
+    document.getElementById('viewSeismographFields').classList.add('hidden');
+    document.getElementById('viewModemFields').classList.add('hidden');
+    document.getElementById('viewSlmFields').classList.add('hidden');
+    document.getElementById('viewPairedDeviceSection').classList.add('hidden');
+    document.getElementById('viewConnectivitySection').classList.add('hidden');
+
     if (currentUnit.device_type === 'modem') {
-        document.getElementById('viewSeismographFields').classList.add('hidden');
         document.getElementById('viewModemFields').classList.remove('hidden');
         document.getElementById('viewPairedDeviceSection').classList.remove('hidden');
         document.getElementById('viewConnectivitySection').classList.remove('hidden');
         // Load paired device info
         loadPairedDevice();
+    } else if (currentUnit.device_type === 'slm') {
+        document.getElementById('viewSlmFields').classList.remove('hidden');
+        // Populate SLM view fields
+        document.getElementById('viewSlmModel').textContent = currentUnit.slm_model || '--';
+        document.getElementById('viewSlmSerialNumber').textContent = currentUnit.slm_serial_number || '--';
+        document.getElementById('viewSlmFrequencyWeighting').textContent = formatWeighting(currentUnit.slm_frequency_weighting, 'frequency') || '--';
+        document.getElementById('viewSlmTimeWeighting').textContent = formatWeighting(currentUnit.slm_time_weighting, 'time') || '--';
+        document.getElementById('viewSlmMeasurementRange').textContent = currentUnit.slm_measurement_range || '--';
+
+        // Handle SLM modem link
+        const slmModemLink = document.getElementById('viewSlmDeployedWithModemLink');
+        const slmModemNoLink = document.getElementById('viewSlmDeployedWithModemNoLink');
+        const slmModemText = document.getElementById('viewSlmDeployedWithModemText');
+
+        if (currentUnit.deployed_with_modem_id) {
+            fetchModemDisplay(currentUnit.deployed_with_modem_id).then(result => {
+                if (slmModemText) slmModemText.textContent = result.display;
+                if (slmModemLink) {
+                    slmModemLink.href = `/unit/${encodeURIComponent(result.modemId)}`;
+                    slmModemLink.classList.remove('hidden');
+                }
+                if (slmModemNoLink) slmModemNoLink.classList.add('hidden');
+            });
+        } else {
+            if (slmModemNoLink) {
+                slmModemNoLink.textContent = '--';
+                slmModemNoLink.classList.remove('hidden');
+            }
+            if (slmModemLink) slmModemLink.classList.add('hidden');
+        }
     } else {
+        // Seismograph (default)
         document.getElementById('viewSeismographFields').classList.remove('hidden');
-        document.getElementById('viewModemFields').classList.add('hidden');
-        document.getElementById('viewPairedDeviceSection').classList.add('hidden');
-        document.getElementById('viewConnectivitySection').classList.add('hidden');
     }
 }
 
@@ -914,7 +1002,7 @@ async function checkAndShowCascadeSection() {
     if (currentUnit.device_type === 'modem' && currentUnit.deployed_with_unit_id) {
         // Modem is paired with a seismograph or SLM
         pairedUnitId = currentUnit.deployed_with_unit_id;
-    } else if ((currentUnit.device_type === 'seismograph' || currentUnit.device_type === 'sound_level_meter') && currentUnit.deployed_with_modem_id) {
+    } else if ((currentUnit.device_type === 'seismograph' || currentUnit.device_type === 'slm') && currentUnit.deployed_with_modem_id) {
         // Seismograph or SLM is paired with a modem
         pairedUnitId = currentUnit.deployed_with_modem_id;
     }
@@ -944,7 +1032,7 @@ function toggleDetailFields() {
         seismoFields.classList.remove('hidden');
     } else if (deviceType === 'modem') {
         modemFields.classList.remove('hidden');
-    } else if (deviceType === 'sound_level_meter') {
+    } else if (deviceType === 'slm') {
         slmFields.classList.remove('hidden');
     }
 }
@@ -1007,7 +1095,7 @@ function getCorrectModemPickerValue(deviceType) {
     if (deviceType === 'seismograph') {
         const picker = document.getElementById('modem-picker-value-detail-seismo');
         return picker ? picker.value : '';
-    } else if (deviceType === 'sound_level_meter') {
+    } else if (deviceType === 'slm') {
         const picker = document.getElementById('modem-picker-value-detail-slm');
         return picker ? picker.value : '';
     }
@@ -1544,7 +1632,7 @@ function selectModemForPairing(modemId, displayText) {
     let pickerId = '';
     if (pairModalDeviceType === 'seismograph') {
         pickerId = '-detail-seismo';
-    } else if (pairModalDeviceType === 'sound_level_meter') {
+    } else if (pairModalDeviceType === 'slm') {
         pickerId = '-detail-slm';
     }
 
@@ -1565,7 +1653,7 @@ function clearPairing(deviceType) {
     let pickerId = '';
     if (deviceType === 'seismograph') {
         pickerId = '-detail-seismo';
-    } else if (deviceType === 'sound_level_meter') {
+    } else if (deviceType === 'slm') {
         pickerId = '-detail-slm';
     }
 
@@ -1661,7 +1749,7 @@ function renderModemPairDeviceList() {
     let filteredDevices = modemPairDevices.filter(device => {
         // Filter by device type
         if (device.device_type === 'seismograph' && !showSeismo) return false;
-        if (device.device_type === 'sound_level_meter' && !showSLM) return false;
+        if (device.device_type === 'slm' && !showSLM) return false;
 
         // Hide devices paired to OTHER modems (but show unpaired and paired-to-this)
         if (hidePaired && device.is_paired_to_other) return false;
@@ -1688,8 +1776,8 @@ function renderModemPairDeviceList() {
     // Build device list HTML
     let html = '<div class="divide-y divide-gray-200 dark:divide-gray-700">';
     for (const device of filteredDevices) {
-        const deviceTypeLabel = device.device_type === 'sound_level_meter' ? 'SLM' : 'Seismograph';
+        const deviceTypeLabel = device.device_type === 'slm' ? 'SLM' : 'Seismograph';
-        const deviceTypeClass = device.device_type === 'sound_level_meter'
+        const deviceTypeClass = device.device_type === 'slm'
             ? 'bg-purple-100 dark:bg-purple-900/30 text-purple-800 dark:text-purple-300'
             : 'bg-blue-100 dark:bg-blue-900/30 text-blue-800 dark:text-blue-300';