@smartnet360/svelte-components 0.0.123 → 0.0.124

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/AntennaTools.svelte

@@ -1,7 +1,7 @@
 <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, BandDefinition } from '../types';
   import AntennaControls from './AntennaControls.svelte';
@@ -110,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);
         }
@@ -125,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';
+            }
+          });
         }
       }
     }
@@ -455,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>
@@ -531,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}

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>

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

@@ -1,7 +1,7 @@
 <svelte:options runes={true} />
 
 <script lang="ts">
-  import { parseFolder, type ParseProgress } from '../utils/msi-parser';
+  import { parseFolderWithErrors, type ParseProgress, type ParseError } from '../utils/msi-parser';
   import { saveAntennasWithPurge, type ImportResult } from '../utils/db-utils';
   import { STANDARD_BANDS } from '../band-config';
   import type { RawAntenna, Antenna, BandDefinition } from '../types';
@@ -23,6 +23,8 @@
   let message = $state('');
   let importResult = $state<ImportResult | null>(null);
   let parseProgress = $state<ParseProgress | null>(null);
+  let parseErrors = $state<ParseError[]>([]);
+  let showErrorDetails = $state(false);
   
   let recursiveScan = $state(true);
   
@@ -39,6 +41,8 @@
       message = 'Selecting folder...';
       importResult = null;
       parseProgress = null;
+      parseErrors = [];
+      showErrorDetails = false;
       
       // Ask user to select a folder
       const directoryPicker = window.showDirectoryPicker as () => Promise<FileSystemDirectoryHandle>;
@@ -48,13 +52,20 @@
         'Parsing files (top-level folder only)...';
       
       // Parse all MSI/PNT files in the folder, with recursive option and progress
-      rawAntennas = await parseFolder(directoryHandle, recursiveScan, (progress) => {
+      const result = await parseFolderWithErrors(directoryHandle, recursiveScan, (progress) => {
         parseProgress = progress;
       });
       
+      rawAntennas = result.antennas;
+      parseErrors = result.errors;
+      
       parseProgress = null;
-      if (rawAntennas.length === 0) {
+      if (rawAntennas.length === 0 && parseErrors.length === 0) {
         message = 'No MSI or PNT files found in the selected folder.';
+      } else if (rawAntennas.length === 0 && parseErrors.length > 0) {
+        message = `No files were successfully parsed. ${parseErrors.length} file(s) failed.`;
+      } else if (parseErrors.length > 0) {
+        message = `Parsed ${rawAntennas.length} antenna files${recursiveScan ? ' from all folders' : ''}. ${parseErrors.length} file(s) failed.`;
       } else {
         message = `Successfully parsed ${rawAntennas.length} antenna files${recursiveScan ? ' from all folders' : ''}.`;
       }
@@ -204,17 +215,21 @@
               <span class="text-info fw-semibold">Parsing antenna files...</span>
             </div>
             <div class="row text-center mb-3">
-              <div class="col-4">
+              <div class="col-3">
                 <div class="h4 mb-0 text-primary">{parseProgress.directoriesScanned}</div>
-                <small class="text-muted">Folders scanned</small>
+                <small class="text-muted">Folders</small>
               </div>
-              <div class="col-4">
+              <div class="col-3">
                 <div class="h4 mb-0 text-info">{parseProgress.filesProcessed}</div>
-                <small class="text-muted">Files processed</small>
+                <small class="text-muted">Processed</small>
               </div>
-              <div class="col-4">
+              <div class="col-3">
                 <div class="h4 mb-0 text-success">{parseProgress.antennaFilesFound}</div>
-                <small class="text-muted">Antennas found</small>
+                <small class="text-muted">Parsed</small>
+              </div>
+              <div class="col-3">
+                <div class="h4 mb-0 {parseProgress.failedFiles > 0 ? 'text-danger' : 'text-muted'}">{parseProgress.failedFiles}</div>
+                <small class="text-muted">Failed</small>
               </div>
             </div>
             <div class="text-muted small text-truncate">
@@ -232,6 +247,57 @@
         </div>
       {/if}
 
+      <!-- Parse Errors Summary -->
+      {#if parseErrors.length > 0 && !parseProgress}
+        <div class="alert alert-warning border-0 bg-warning-subtle" role="alert">
+          <div class="d-flex justify-content-between align-items-center">
+            <div>
+              <i class="bi bi-exclamation-triangle me-2"></i>
+              <strong>{parseErrors.length} file(s) failed to parse</strong>
+              <span class="text-muted ms-2">- Import continued with remaining files</span>
+            </div>
+            <button 
+              class="btn btn-sm btn-outline-warning" 
+              onclick={() => showErrorDetails = !showErrorDetails}
+            >
+              {showErrorDetails ? 'Hide' : 'Show'} details
+            </button>
+          </div>
+          
+          {#if showErrorDetails}
+            <hr class="my-2">
+            <div class="small" style="max-height: 200px; overflow-y: auto;">
+              <table class="table table-sm table-borderless mb-0">
+                <thead>
+                  <tr>
+                    <th style="width: 60px;">Type</th>
+                    <th>Path</th>
+                    <th>Error</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  {#each parseErrors as parseError}
+                    <tr>
+                      <td>
+                        {#if parseError.type === 'folder'}
+                          <span class="badge bg-secondary"><i class="bi bi-folder"></i></span>
+                        {:else}
+                          <span class="badge bg-danger"><i class="bi bi-file-earmark"></i></span>
+                        {/if}
+                      </td>
+                      <td class="text-truncate" style="max-width: 300px;" title={parseError.path}>
+                        {parseError.path}
+                      </td>
+                      <td class="text-muted">{parseError.message}</td>
+                    </tr>
+                  {/each}
+                </tbody>
+              </table>
+            </div>
+          {/if}
+        </div>
+      {/if}
+
       {#if error}
         <div class="alert alert-danger border-0 bg-danger-subtle text-danger-emphasis" role="alert">
           <i class="bi bi-exclamation-octagon me-2"></i>

package/dist/apps/antenna-tools/utils/msi-parser.d.ts

@@ -24,12 +24,46 @@ export interface ParseProgress {
     directoriesScanned: number;
     /** Number of MSI/PNT files found */
     antennaFilesFound: number;
+    /** Number of files that failed to parse */
+    failedFiles: number;
+}
+/**
+ * Error information for failed file/folder parsing
+ */
+export interface ParseError {
+    /** Path to the file or folder that failed */
+    path: string;
+    /** Error message */
+    message: string;
+    /** Type of error */
+    type: 'file' | 'folder';
+}
+/**
+ * Result of folder parsing including errors
+ */
+export interface ParseFolderResult {
+    /** Successfully parsed antennas */
+    antennas: RawAntenna[];
+    /** Errors encountered during parsing */
+    errors: ParseError[];
+    /** Total files attempted */
+    totalFilesAttempted: number;
+    /** Total directories scanned */
+    totalDirectoriesScanned: number;
 }
 /**
  * Parse a folder of MSI files recursively
  * @param directoryHandle - File system directory handle
  * @param recursive - Whether to process subdirectories
  * @param onProgress - Optional callback for progress updates
- * @returns Array of parsed antennas
+ * @returns Array of parsed antennas (for backward compatibility)
  */
 export declare function parseFolder(directoryHandle: FileSystemDirectoryHandle, recursive?: boolean, onProgress?: (progress: ParseProgress) => void): Promise<RawAntenna[]>;
+/**
+ * Parse a folder of MSI files recursively with detailed error reporting
+ * @param directoryHandle - File system directory handle
+ * @param recursive - Whether to process subdirectories
+ * @param onProgress - Optional callback for progress updates
+ * @returns Object containing parsed antennas and any errors encountered
+ */
+export declare function parseFolderWithErrors(directoryHandle: FileSystemDirectoryHandle, recursive?: boolean, onProgress?: (progress: ParseProgress) => void): Promise<ParseFolderResult>;