@smartnet360/svelte-components 0.0.122 → 0.0.124

package/dist/apps/antenna-tools/band-config.d.ts

@@ -23,15 +23,16 @@ export declare function isFrequencyInStandardBand(frequencyMHz: number): boolean
  * Purge antennas - keep only one per band (closest to center frequency)
  *
  * For each antenna name + tilt combination:
- * - For each standard band, find antennas within the band's frequency range
+ * - For each band, find antennas within the band's frequency range
  * - Keep only the one closest to the center frequency
  * - Update frequency to band name (700, 800, etc.)
  * - Store original frequency in originalFrequency field
  *
  * @param rawAntennas - Antennas parsed from MSI files (with actual MHz frequencies)
+ * @param bands - Optional custom band definitions (defaults to STANDARD_BANDS)
  * @returns Purged antennas with band names as frequencies
  */
-export declare function purgeAntennas(rawAntennas: RawAntenna[]): Antenna[];
+export declare function purgeAntennas(rawAntennas: RawAntenna[], bands?: BandDefinition[]): Antenna[];
 /**
  * Get purge statistics
  */

package/dist/apps/antenna-tools/band-config.js

@@ -41,21 +41,23 @@ function groupByNameAndTilt(antennas) {
  * Purge antennas - keep only one per band (closest to center frequency)
  *
  * For each antenna name + tilt combination:
- * - For each standard band, find antennas within the band's frequency range
+ * - For each band, find antennas within the band's frequency range
  * - Keep only the one closest to the center frequency
  * - Update frequency to band name (700, 800, etc.)
  * - Store original frequency in originalFrequency field
  *
  * @param rawAntennas - Antennas parsed from MSI files (with actual MHz frequencies)
+ * @param bands - Optional custom band definitions (defaults to STANDARD_BANDS)
  * @returns Purged antennas with band names as frequencies
  */
-export function purgeAntennas(rawAntennas) {
+export function purgeAntennas(rawAntennas, bands) {
     const purged = [];
+    const bandsToUse = bands ?? STANDARD_BANDS;
     // Group by antenna name + tilt
     const groups = groupByNameAndTilt(rawAntennas);
     for (const [_key, group] of groups) {
-        // For each standard band
-        for (const band of STANDARD_BANDS) {
+        // For each band
+        for (const band of bandsToUse) {
             // Find antennas in this band's frequency range
             const inBand = group.filter(a => a.frequency >= band.dlMin && a.frequency <= band.dlMax);
             if (inBand.length === 0)

package/dist/apps/antenna-tools/components/AntennaControls.svelte

@@ -15,6 +15,8 @@
     onElectricalTiltChange?: (index: number) => void;
     onMechanicalTiltChange?: (tilt: number) => void;
     showStatus?: boolean;
+    /** Requested frequency from external mode - will be highlighted */
+    requestedFrequency?: number | null;
   }
 
   let {
@@ -27,7 +29,8 @@
     onAntennaChange,
     onElectricalTiltChange,
     onMechanicalTiltChange,
-    showStatus = true
+    showStatus = true,
+    requestedFrequency = null
   }: Props = $props();
 
   // Internal state for slider values
@@ -36,6 +39,20 @@
   let internalSelectedAntenna = $state(selectedAntenna);
   let selectedFrequency = $state<number | null>(null);
 
+  // Check if requested frequency is available for the selected antenna
+  let frequencyError = $derived.by(() => {
+    if (!requestedFrequency || !internalSelectedAntenna) return null;
+    
+    // Get all frequencies available for this antenna
+    const sameNameAntennas = antennas.filter(a => a.name === internalSelectedAntenna!.name);
+    const availableFreqs = [...new Set(sameNameAntennas.map(a => a.frequency))];
+    
+    if (!availableFreqs.includes(requestedFrequency)) {
+      return `Requested frequency ${requestedFrequency} MHz is not available for this antenna. Available: ${availableFreqs.sort((a, b) => a - b).join(', ')} MHz`;
+    }
+    return null;
+  });
+
   // Update internal state when props change
   $effect(() => {
     internalElectricalTiltIndex = electricalTiltIndex;
@@ -305,18 +322,36 @@
     return colors[theme];
   }
 
+  // Type for frequency info with original frequency
+  interface FrequencyInfo {
+    band: number;
+    originalFrequency: number;
+  }
+
   // Get unique frequency bands for the selected antenna name
-  let uniqueFrequencies = $state<number[]>([]);
+  let uniqueFrequencies = $state<FrequencyInfo[]>([]);
   $effect(() => {
     if (antennas.length > 0 && internalSelectedAntenna) {
       // Get frequencies only for the selected antenna name
       const sameNameAntennas = antennas.filter(a => a.name === internalSelectedAntenna!.name);
-      const frequencies = [...new Set(sameNameAntennas.map(a => a.frequency))].sort((a, b) => a - b);
+      
+      // Create unique frequency entries with original frequency
+      const freqMap = new Map<number, number>();
+      sameNameAntennas.forEach(a => {
+        // Keep the first original frequency for each band
+        if (!freqMap.has(a.frequency)) {
+          freqMap.set(a.frequency, a.originalFrequency);
+        }
+      });
+      
+      const frequencies = Array.from(freqMap.entries())
+        .map(([band, orig]) => ({ band, originalFrequency: orig }))
+        .sort((a, b) => a.band - b.band);
       uniqueFrequencies = frequencies;
       
       // Auto-select frequency if there's only one option
       if (frequencies.length === 1) {
-        selectedFrequency = frequencies[0];
+        selectedFrequency = frequencies[0].band;
       }
     } else {
       uniqueFrequencies = [];
@@ -348,10 +383,14 @@
     }
   });
 
-  // Format frequency for display (700, 800 -> "700 MHz", "800 MHz")
+  // Format frequency for display (band [original] -> "700 [712]")
   function formatFrequency(freq: number): string {
     return `${freq} MHz`;
   }
+  
+  function formatFrequencyWithOriginal(info: FrequencyInfo): string {
+    return `${info.band} [${info.originalFrequency}]`;
+  }
 </script>
 
 <div class="card h-100">
@@ -396,24 +435,47 @@
       {/if}
     </div>
 
+    <!-- Frequency Error Message -->
+    {#if frequencyError}
+      <div class="alert alert-danger py-2 mb-3" role="alert">
+        <i class="bi bi-exclamation-triangle-fill me-2"></i>
+        <small>{frequencyError}</small>
+      </div>
+    {/if}
+
     <!-- Frequency Band Filter -->
     {#if uniqueFrequencies.length > 1}
       <div class="mb-3">
         <div class="form-label">
           <strong>Frequency Band:</strong>
+          {#if requestedFrequency && !frequencyError}
+            <span class="badge bg-info ms-2">Requested: {requestedFrequency} MHz</span>
+          {/if}
         </div>
         <div class="d-flex flex-wrap gap-1">
-          {#each uniqueFrequencies as freq}
+          {#each uniqueFrequencies as freqInfo}
+            {@const isRequested = requestedFrequency === freqInfo.band}
+            {@const isSelected = selectedFrequency === freqInfo.band}
             <button 
               type="button" 
-              class="btn btn-sm {selectedFrequency === freq ? 'btn-primary' : 'btn-outline-secondary'}"
-              onclick={() => handleFrequencyChange(freq)}
+              class="btn btn-sm {isSelected ? 'btn-primary' : isRequested ? 'btn-outline-info border-2' : 'btn-outline-secondary'}"
+              class:fw-bold={isRequested}
+              onclick={() => handleFrequencyChange(freqInfo.band)}
             >
-              {formatFrequency(freq)}
+              {formatFrequencyWithOriginal(freqInfo)}
+              {#if isRequested && !isSelected}
+                <i class="bi bi-arrow-left-short"></i>
+              {/if}
             </button>
           {/each}
         </div>
       </div>
+    {:else if uniqueFrequencies.length === 1 && requestedFrequency && uniqueFrequencies[0].band !== requestedFrequency}
+      <!-- Single frequency but doesn't match requested -->
+      <div class="alert alert-warning py-2 mb-3" role="alert">
+        <i class="bi bi-exclamation-triangle-fill me-2"></i>
+        <small>Requested {requestedFrequency} MHz, but only {uniqueFrequencies[0].band} MHz available</small>
+      </div>
     {/if}
 
     <!-- Electrical Tilt Control -->

package/dist/apps/antenna-tools/components/AntennaControls.svelte.d.ts

@@ -10,6 +10,8 @@ interface Props {
     onElectricalTiltChange?: (index: number) => void;
     onMechanicalTiltChange?: (tilt: number) => void;
     showStatus?: boolean;
+    /** Requested frequency from external mode - will be highlighted */
+    requestedFrequency?: number | null;
 }
 declare const AntennaControls: import("svelte").Component<Props, {}, "">;
 type AntennaControls = ReturnType<typeof AntennaControls>;

package/dist/apps/antenna-tools/components/AntennaSettingsModal.svelte

@@ -6,14 +6,17 @@
   import DbNotification from './DbNotification.svelte';
   import DatabaseViewer from './DatabaseViewer.svelte';
   import { exportAntennas, clearAllAntennas } from '../utils/db-utils';
+  import type { BandDefinition } from '../types';
 
   interface Props {
     show: boolean;
     onClose: () => void;
     onDataRefresh?: () => void;
+    /** Custom band definitions for purge (defaults to STANDARD_BANDS) */
+    customBands?: BandDefinition[];
   }
 
-  let { show, onClose, onDataRefresh }: Props = $props();
+  let { show, onClose, onDataRefresh, customBands }: Props = $props();
 
   let activeTab = $state<'view' | 'import' | 'msi' | 'export' | 'manage'>('view');
   let showClearConfirm = $state(false);
@@ -147,7 +150,7 @@
                 <div class="row">
                   <div class="col-12">
                     <h5 class="mb-3">Import MSI Pattern Files</h5>
-                    <MSIConverter onDataRefresh={handleDataRefresh} />
+                    <MSIConverter onDataRefresh={handleDataRefresh} {customBands} />
                   </div>
                 </div>
               </div>

package/dist/apps/antenna-tools/components/AntennaSettingsModal.svelte.d.ts

@@ -1,7 +1,10 @@
+import type { BandDefinition } from '../types';
 interface Props {
     show: boolean;
     onClose: () => void;
     onDataRefresh?: () => void;
+    /** Custom band definitions for purge (defaults to STANDARD_BANDS) */
+    customBands?: BandDefinition[];
 }
 declare const AntennaSettingsModal: import("svelte").Component<Props, {}, "">;
 type AntennaSettingsModal = ReturnType<typeof AntennaSettingsModal>;

package/dist/apps/antenna-tools/components/AntennaTools.svelte

@@ -1,9 +1,9 @@
 <svelte:options runes={true} />
 
 <script lang="ts">
-  import { onMount } from 'svelte';
+  import { onMount, untrack } from 'svelte';
   import { loadAntennas } from '../utils/db-utils';
-  import type { Antenna, ExternalAntennaInput, ViewMode, PatternType, ChartEngineType, PatternDisplayMode } from '../types';
+  import type { Antenna, ExternalAntennaInput, ViewMode, PatternType, ChartEngineType, PatternDisplayMode, BandDefinition } from '../types';
   import AntennaControls from './AntennaControls.svelte';
   import AntennaSettingsModal from './AntennaSettingsModal.svelte';
   import { PolarLineChart, PolarAreaChart } from './chart-engines/index';
@@ -19,7 +19,7 @@
    * 
    * 2. Standalone Mode (default): User selects antennas from database
    *    - Full UI with antenna selection dropdowns
-   *    - Settings modal for data management
+   *    - Database modal for data management
    */
 
   interface Props {
@@ -50,8 +50,10 @@
     antenna1Label?: string;
     /** Label for antenna 2 (e.g., cell name) */
     antenna2Label?: string;
-    /** Hide the settings button */
+    /** Hide the database button */
     hideSettings?: boolean;
+    /** Custom frequency band definitions for purge (defaults to STANDARD_BANDS with full 3GPP ranges) */
+    customBands?: BandDefinition[];
   }
 
   let {
@@ -70,6 +72,7 @@
     antenna1Label = undefined,
     antenna2Label = undefined,
     hideSettings = false,
+    customBands = undefined,
   }: Props = $props();
 
   // === Derived: Operating Mode ===
@@ -107,12 +110,13 @@
       if (externalAntenna1) {
         const found = findAntennaBySpec(antennas, externalAntenna1);
         if (found) {
-          selectedAntenna = found;
-          // Update available tilts
-          updateAvailableTilts(found);
-          // Set tilts from external spec
-          ant1ElectricalTilt = findTiltIndex(availableElectricalTilts, externalAntenna1.electricalTilt ?? 0);
-          ant1MechanicalTilt = externalAntenna1.mechanicalTilt ?? 0;
+          // Use untrack to prevent infinite loop from state updates
+          untrack(() => {
+            selectedAntenna = found;
+            updateAvailableTilts(found);
+            ant1ElectricalTilt = findTiltIndex(availableElectricalTilts, externalAntenna1.electricalTilt ?? 0);
+            ant1MechanicalTilt = externalAntenna1.mechanicalTilt ?? 0;
+          });
         } else {
           console.warn('[AntennaTools] External antenna 1 not found in database:', externalAntenna1.name);
         }
@@ -122,13 +126,14 @@
       if (externalAntenna2) {
         const found2 = findAntennaBySpec(antennas, externalAntenna2);
         if (found2) {
-          selectedAntenna2 = found2;
-          ant2ElectricalTilt = findTiltIndex(getAvailableTiltsForAntenna(found2), externalAntenna2.electricalTilt ?? 0);
-          ant2MechanicalTilt = externalAntenna2.mechanicalTilt ?? 0;
-          // Auto-switch to compare mode if antenna 2 is provided
-          if (viewMode === 'single') {
-            viewMode = 'compare';
-          }
+          untrack(() => {
+            selectedAntenna2 = found2;
+            ant2ElectricalTilt = findTiltIndex(getAvailableTiltsForAntenna(found2), externalAntenna2.electricalTilt ?? 0);
+            ant2MechanicalTilt = externalAntenna2.mechanicalTilt ?? 0;
+            if (viewMode === 'single') {
+              viewMode = 'compare';
+            }
+          });
         }
       }
     }
@@ -452,40 +457,22 @@
     <div class="row">
       <!-- Left Column - Antenna 1 Controls -->
       <div class="col-md-3">
-        {#if !isExternalMode}
-          <AntennaControls 
-            antennas={antennas}
-            selectedAntenna={selectedAntenna}
-            antennaNumber={1}
-            electricalTiltIndex={ant1ElectricalTilt}
-            mechanicalTilt={ant1MechanicalTilt}
-            colorTheme="primary"
-            onAntennaChange={handleAntenna1Change}
-            onElectricalTiltChange={handleTilt1Change}
-            onMechanicalTiltChange={handleMechTilt1Change}
-          />
-        {:else}
-          <!-- External mode: Show antenna info card -->
-          <div class="card border-primary">
-            <div class="card-header bg-primary text-white">
-              <i class="bi bi-broadcast me-2"></i>
-              {antenna1Label || 'Antenna 1'}
-            </div>
-            <div class="card-body">
-              {#if selectedAntenna}
-                <h6 class="card-title">{selectedAntenna.name}</h6>
-                <div class="small text-muted">
-                  <div><strong>Band:</strong> {selectedAntenna.frequency}</div>
-                  <div><strong>E-Tilt:</strong> {availableElectricalTilts[ant1ElectricalTilt] || 0}°</div>
-                  <div><strong>M-Tilt:</strong> {ant1MechanicalTilt}°</div>
-                  {#if selectedAntenna.gain_dBd}
-                    <div><strong>Gain:</strong> {selectedAntenna.gain_dBd} dBd</div>
-                  {/if}
-                </div>
-              {:else}
-                <p class="text-muted mb-0">Antenna not found in database</p>
-              {/if}
-            </div>
+        <!-- Show full controls in both modes - external mode just pre-selects the antenna -->
+        <AntennaControls 
+          antennas={antennas}
+          selectedAntenna={selectedAntenna}
+          antennaNumber={1}
+          electricalTiltIndex={ant1ElectricalTilt}
+          mechanicalTilt={ant1MechanicalTilt}
+          colorTheme="primary"
+          onAntennaChange={handleAntenna1Change}
+          onElectricalTiltChange={handleTilt1Change}
+          onMechanicalTiltChange={handleMechTilt1Change}
+          requestedFrequency={isExternalMode ? externalAntenna1?.frequency : null}
+        />
+        {#if isExternalMode && antenna1Label}
+          <div class="badge bg-primary w-100 mt-2 py-2">
+            <i class="bi bi-link-45deg me-1"></i>{antenna1Label}
           </div>
         {/if}
       </div>
@@ -528,40 +515,22 @@
       <!-- Right Column - Antenna 2 Controls (only in compare mode) -->
       <div class="col-md-3">
         {#if viewMode === 'compare'}
-          {#if !isExternalMode}
-            <AntennaControls 
-              antennas={antennas}
-              selectedAntenna={selectedAntenna2}
-              antennaNumber={2}
-              electricalTiltIndex={ant2ElectricalTilt}
-              mechanicalTilt={ant2MechanicalTilt}
-              colorTheme="warning"
-              onAntennaChange={handleAntenna2Change}
-              onElectricalTiltChange={handleTilt2Change}
-              onMechanicalTiltChange={handleMechTilt2Change}
-            />
-          {:else}
-            <!-- External mode: Show antenna 2 info card -->
-            <div class="card border-warning">
-              <div class="card-header bg-warning text-dark">
-                <i class="bi bi-broadcast me-2"></i>
-                {antenna2Label || 'Antenna 2'}
-              </div>
-              <div class="card-body">
-                {#if selectedAntenna2}
-                  <h6 class="card-title">{selectedAntenna2.name}</h6>
-                  <div class="small text-muted">
-                    <div><strong>Band:</strong> {selectedAntenna2.frequency}</div>
-                    <div><strong>E-Tilt:</strong> {getAvailableTiltsForAntenna(selectedAntenna2)[ant2ElectricalTilt] || 0}°</div>
-                    <div><strong>M-Tilt:</strong> {ant2MechanicalTilt}°</div>
-                    {#if selectedAntenna2.gain_dBd}
-                      <div><strong>Gain:</strong> {selectedAntenna2.gain_dBd} dBd</div>
-                    {/if}
-                  </div>
-                {:else}
-                  <p class="text-muted mb-0">Antenna not found in database</p>
-                {/if}
-              </div>
+          <!-- Show full controls in both modes -->
+          <AntennaControls 
+            antennas={antennas}
+            selectedAntenna={selectedAntenna2}
+            antennaNumber={2}
+            electricalTiltIndex={ant2ElectricalTilt}
+            mechanicalTilt={ant2MechanicalTilt}
+            colorTheme="warning"
+            onAntennaChange={handleAntenna2Change}
+            onElectricalTiltChange={handleTilt2Change}
+            onMechanicalTiltChange={handleMechTilt2Change}
+            requestedFrequency={isExternalMode ? externalAntenna2?.frequency : null}
+          />
+          {#if isExternalMode && antenna2Label}
+            <div class="badge bg-warning text-dark w-100 mt-2 py-2">
+              <i class="bi bi-link-45deg me-1"></i>{antenna2Label}
             </div>
           {/if}
         {:else}
@@ -579,6 +548,7 @@
     show={showSettingsModal} 
     onClose={closeSettings} 
     onDataRefresh={handleDataRefresh}
+    {customBands}
   />
 {/if}
 

package/dist/apps/antenna-tools/components/AntennaTools.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { ExternalAntennaInput, ViewMode } from '../types';
+import type { ExternalAntennaInput, ViewMode, BandDefinition } from '../types';
 /**
  * AntennaTools - Main antenna pattern visualization component
  *
@@ -9,7 +9,7 @@ import type { ExternalAntennaInput, ViewMode } from '../types';
  *
  * 2. Standalone Mode (default): User selects antennas from database
  *    - Full UI with antenna selection dropdowns
- *    - Settings modal for data management
+ *    - Database modal for data management
  */
 interface Props {
     /** External antenna 1 specification (activates external mode) */
@@ -34,8 +34,10 @@ interface Props {
     antenna1Label?: string;
     /** Label for antenna 2 (e.g., cell name) */
     antenna2Label?: string;
-    /** Hide the settings button */
+    /** Hide the database button */
     hideSettings?: boolean;
+    /** Custom frequency band definitions for purge (defaults to STANDARD_BANDS with full 3GPP ranges) */
+    customBands?: BandDefinition[];
 }
 declare const AntennaTools: import("svelte").Component<Props, {}, "">;
 type AntennaTools = ReturnType<typeof AntennaTools>;

package/dist/apps/antenna-tools/components/DatabaseViewer.svelte

@@ -187,8 +187,7 @@
         <thead class="table-light sticky-top">
           <tr>
             <th>Model Name</th>
-            <th class="text-center" style="width: 80px;">Band</th>
-            <th class="text-center" style="width: 100px;">Orig. Freq</th>
+            <th class="text-center" style="width: 120px;">Band [Orig]</th>
             <th class="text-center" style="width: 70px;">Tilt</th>
             <th class="text-center" style="width: 80px;">Gain</th>
             <th class="text-center" style="width: 60px;">H-Pts</th>
@@ -206,9 +205,7 @@
               </td>
               <td class="text-center">
                 <span class="badge bg-primary">{antenna.frequency}</span>
-              </td>
-              <td class="text-center text-muted">
-                {antenna.originalFrequency} MHz
+                <span class="text-muted small">[{antenna.originalFrequency}]</span>
               </td>
               <td class="text-center">
                 {antenna.tilt}°
@@ -225,7 +222,7 @@
             </tr>
           {:else}
             <tr>
-              <td colspan="7" class="text-center text-muted py-4">
+              <td colspan="6" class="text-center text-muted py-4">
                 No antennas match your search criteria
               </td>
             </tr>