@smartnet360/svelte-components 0.0.116 → 0.0.118

package/dist/apps/antenna-pattern/components/AntennaDiagrams.svelte

@@ -11,18 +11,55 @@
   // Chart engine types
   type ChartEngineType = 'polar-line' | 'polar-bar' | 'polar-area';
 
+  // Optional props for external initialization (non-breaking - all have defaults)
+  interface Props {
+    /** Initial antenna 1 name to pre-select */
+    initialAntenna1Name?: string;
+    /** Initial antenna 2 name to pre-select */
+    initialAntenna2Name?: string;
+    /** Initial electrical tilt for antenna 1 */
+    initialEtilt1?: number;
+    /** Initial electrical tilt for antenna 2 */
+    initialEtilt2?: number;
+    /** Initial mechanical tilt for antenna 1 */
+    initialMtilt1?: number;
+    /** Initial mechanical tilt for antenna 2 */
+    initialMtilt2?: number;
+    /** Initial view mode */
+    initialViewMode?: 'single' | 'compare';
+    /** Label for antenna 1 (e.g., cell name) */
+    antenna1Label?: string;
+    /** Label for antenna 2 (e.g., cell name) */
+    antenna2Label?: string;
+  }
+
+  let {
+    initialAntenna1Name = undefined,
+    initialAntenna2Name = undefined,
+    initialEtilt1 = 0,
+    initialEtilt2 = 0,
+    initialMtilt1 = 0,
+    initialMtilt2 = 0,
+    initialViewMode = 'single',
+    antenna1Label = undefined,
+    antenna2Label = undefined,
+  }: Props = $props();
+
   let antennas = $state<Antenna[]>([]);
   let selectedAntenna = $state<Antenna | null>(null);
   let selectedAntenna2 = $state<Antenna | null>(null);
 
   // External Bootstrap slider values
+  // Note: Electrical tilt is an INDEX into availableElectricalTilts array
+  // Mechanical tilt is a direct VALUE in degrees
+  // We initialize to 0 and set correct values in onMount after loading antenna data
   let ant1ElectricalTilt = $state(0);
   let ant2ElectricalTilt = $state(0);
-  let ant1MechanicalTilt = $state(0);
-  let ant2MechanicalTilt = $state(0);
+  let ant1MechanicalTilt = $state(initialMtilt1);
+  let ant2MechanicalTilt = $state(initialMtilt2);
 
   // Viewing mode and pattern visibility
-  let viewMode = $state<'single' | 'compare'>('single');
+  let viewMode = $state<'single' | 'compare'>(initialViewMode);
   let patternType = $state<'horizontal' | 'vertical'>('vertical');
   
   // Chart engine selection
@@ -38,6 +75,7 @@
   let availableElectricalTilts = $state<string[]>(['0', '2', '4', '6', '8']);
 
   // Handle antenna selection from controls
+  // Note: We no longer reset tilts here - tilts should persist unless explicitly changed
   function handleAntenna1Change(antenna: Antenna | null) {
     selectedAntenna = antenna;
     if (antenna) {
@@ -45,18 +83,11 @@
       availableElectricalTilts = antenna.tilt ? 
         antenna.tilt.split(',').map(t => t.trim()) : 
         ['0', '2', '4', '6', '8'];
-
-      ant1ElectricalTilt = 0;
-      ant1MechanicalTilt = 0;
     }
   }
 
   function handleAntenna2Change(antenna: Antenna | null) {
     selectedAntenna2 = antenna;
-    if (antenna) {
-      ant2ElectricalTilt = 0;
-      ant2MechanicalTilt = 0;
-    }
   }
 
   // Handle electrical tilt changes from controls
@@ -111,24 +142,95 @@
     }
   }
 
+  // Helper to find tilt index from actual tilt value
+  function findTiltIndex(tilts: string[], tiltValue: number): number {
+    const index = tilts.findIndex(t => parseInt(t, 10) === tiltValue);
+    return index >= 0 ? index : 0; // Default to 0 if not found
+  }
+
   onMount(async () => {
     try {
       // Load antenna data
       antennas = await loadAntennas();
         
       if (antennas.length > 0) {
-        // Set default antenna selection for antenna 1
-        selectedAntenna = antennas[0];
-        if (selectedAntenna.tilt) {
-          availableElectricalTilts = selectedAntenna.tilt.split(',').map(t => t.trim());
+        // Check if initial antenna names were provided (for external initialization)
+        if (initialAntenna1Name) {
+          // Try exact match first, then case-insensitive, then partial match
+          let found = antennas.find(a => a.name === initialAntenna1Name);
+          if (!found) {
+            found = antennas.find(a => a.name.toLowerCase() === initialAntenna1Name.toLowerCase());
+          }
+          if (!found) {
+            found = antennas.find(a => a.name.toLowerCase().includes(initialAntenna1Name.toLowerCase()));
+          }
+          if (!found) {
+            console.warn(`[AntennaDiagrams] Antenna not found: "${initialAntenna1Name}", using first available`);
+          }
+          selectedAntenna = found || antennas[0];
+        } else {
+          selectedAntenna = antennas[0];
         }
         
-        // Set default antenna selection for antenna 2 (for compare mode)
-        if (antennas.length > 1) {
+        // Collect ALL available tilts from all antennas with the same name
+        if (selectedAntenna) {
+          const sameName = antennas.filter(a => a.name === selectedAntenna!.name);
+          const allTilts = new Set<string>();
+          sameName.forEach(a => {
+            if (a.tilt) {
+              const tiltStr = a.tilt.toString();
+              if (tiltStr.includes(',')) {
+                tiltStr.split(',').forEach(t => allTilts.add(t.trim()));
+              } else {
+                allTilts.add(tiltStr.trim());
+              }
+            }
+          });
+          availableElectricalTilts = Array.from(allTilts).sort((a, b) => parseFloat(a) - parseFloat(b));
+        }
+        
+        // Set initial electrical tilt for antenna 1 (convert value to index)
+        ant1ElectricalTilt = findTiltIndex(availableElectricalTilts, initialEtilt1);
+        
+        // Set antenna 2 selection (for compare mode)
+        if (initialAntenna2Name) {
+          // Try exact match first, then case-insensitive, then partial match
+          let found = antennas.find(a => a.name === initialAntenna2Name);
+          if (!found) {
+            found = antennas.find(a => a.name.toLowerCase() === initialAntenna2Name.toLowerCase());
+          }
+          if (!found) {
+            found = antennas.find(a => a.name.toLowerCase().includes(initialAntenna2Name.toLowerCase()));
+          }
+          if (!found) {
+            console.warn(`[AntennaDiagrams] Antenna 2 not found: "${initialAntenna2Name}", using fallback`);
+          }
+          selectedAntenna2 = found || (antennas.length > 1 ? antennas[1] : antennas[0]);
+        } else if (antennas.length > 1) {
           selectedAntenna2 = antennas[1];
         } else {
           selectedAntenna2 = antennas[0]; // Use same antenna if only one available
         }
+        
+        // Set initial electrical tilt for antenna 2 (convert value to index)
+        if (selectedAntenna2) {
+          // Collect ALL available tilts from all antennas with the same name
+          const sameName2 = antennas.filter(a => a.name === selectedAntenna2!.name);
+          const allTilts2 = new Set<string>();
+          sameName2.forEach(a => {
+            if (a.tilt) {
+              const tiltStr = a.tilt.toString();
+              if (tiltStr.includes(',')) {
+                tiltStr.split(',').forEach(t => allTilts2.add(t.trim()));
+              } else {
+                allTilts2.add(tiltStr.trim());
+              }
+            }
+          });
+          const ant2Tilts = Array.from(allTilts2).sort((a, b) => parseFloat(a) - parseFloat(b));
+          ant2ElectricalTilt = findTiltIndex(ant2Tilts, initialEtilt2);
+        }
+        // Mechanical tilt is a direct value, already set from prop
       }
     } catch (error) {
       console.error('Failed to initialize:', error);
@@ -138,9 +240,13 @@
   // Generate chart title based on current selection
   function generateChartTitle(): string {
     if (viewMode === 'compare' && selectedAntenna && selectedAntenna2) {
-      return `${selectedAntenna.name} vs ${selectedAntenna2.name}`;
+      // Use custom labels if provided, otherwise use antenna names
+      const label1 = antenna1Label || selectedAntenna.name;
+      const label2 = antenna2Label || selectedAntenna2.name;
+      return `${label1} vs ${label2}`;
     } else if (selectedAntenna) {
-      return `${selectedAntenna.name} - Pattern Analysis`;
+      const label = antenna1Label || selectedAntenna.name;
+      return `${label} - Pattern Analysis`;
     }
     return 'Antenna Pattern Analysis';
   }

package/dist/apps/antenna-pattern/components/AntennaDiagrams.svelte.d.ts

@@ -1,3 +1,23 @@
-declare const AntennaDiagrams: import("svelte").Component<Record<string, never>, {}, "">;
+interface Props {
+    /** Initial antenna 1 name to pre-select */
+    initialAntenna1Name?: string;
+    /** Initial antenna 2 name to pre-select */
+    initialAntenna2Name?: string;
+    /** Initial electrical tilt for antenna 1 */
+    initialEtilt1?: number;
+    /** Initial electrical tilt for antenna 2 */
+    initialEtilt2?: number;
+    /** Initial mechanical tilt for antenna 1 */
+    initialMtilt1?: number;
+    /** Initial mechanical tilt for antenna 2 */
+    initialMtilt2?: number;
+    /** Initial view mode */
+    initialViewMode?: 'single' | 'compare';
+    /** Label for antenna 1 (e.g., cell name) */
+    antenna1Label?: string;
+    /** Label for antenna 2 (e.g., cell name) */
+    antenna2Label?: string;
+}
+declare const AntennaDiagrams: import("svelte").Component<Props, {}, "">;
 type AntennaDiagrams = ReturnType<typeof AntennaDiagrams>;
 export default AntennaDiagrams;

package/dist/core/CellTable/CellHistoryDemo.svelte

@@ -0,0 +1,182 @@
+<script lang="ts">
+	import CellTablePanel from './CellTablePanel.svelte';
+	import type { RowSelectionEvent, CellData } from './types';
+
+	// Generate mock history data for a single cell
+	function generateMockHistory(cellName: string, count: number = 20): Partial<CellData>[] {
+		const antennas = [
+			'ADU451R76V06',
+			'ADU451R79V06', 
+			'AAHF4518R3V06',
+			'AAHF4516R1V06',
+			'742215'
+		];
+		
+		const history: Partial<CellData>[] = [];
+		const baseDate = new Date('2025-10-20');
+		
+		let currentAntenna = antennas[0];
+		let currentET = 4;
+		let currentMT = 2;
+		let currentPW = 20;
+		
+		for (let i = 0; i < count; i++) {
+			// Random chance to change values
+			if (Math.random() > 0.7) {
+				currentAntenna = antennas[Math.floor(Math.random() * antennas.length)];
+			}
+			if (Math.random() > 0.6) {
+				currentET = Math.floor(Math.random() * 10);
+			}
+			if (Math.random() > 0.8) {
+				currentMT = Math.floor(Math.random() * 6);
+			}
+			if (Math.random() > 0.7) {
+				currentPW = 15 + Math.floor(Math.random() * 15);
+			}
+			
+			const date = new Date(baseDate);
+			date.setDate(date.getDate() - i * 7); // Weekly snapshots going back
+			
+			history.push({
+				id: `hist-${i}`,
+				cellName: cellName,
+				configDate: date.toLocaleDateString('en-GB', { 
+					day: '2-digit', 
+					month: '2-digit', 
+					year: 'numeric',
+					hour: '2-digit',
+					minute: '2-digit'
+				}),
+				antenna: currentAntenna,
+				atollET: currentET,
+				atollMT: currentMT,
+				atollPW: currentPW,
+			});
+		}
+		
+		return history;
+	}
+
+	let cellName = $state('2918141');
+	let historyData = $state(generateMockHistory('2918141'));
+	
+	function loadHistory() {
+		historyData = generateMockHistory(cellName);
+	}
+
+	function handleSelectionChange(event: RowSelectionEvent) {
+		console.log('Selection changed:', event.ids);
+	}
+	
+	/**
+	 * Compare two selected history records
+	 */
+	function handleCompareTwoRecords(record1: CellData, record2: CellData) {
+		const params = new URLSearchParams();
+		
+		// Use antenna from both records
+		if (record1.antenna) params.set('ant1', record1.antenna);
+		if (record2.antenna) params.set('ant2', record2.antenna);
+		
+		// Use electrical tilt values
+		params.set('etilt1', String(record1.atollET || 0));
+		params.set('etilt2', String(record2.atollET || 0));
+		
+		// Use mechanical tilt values  
+		params.set('mtilt1', String(record1.atollMT || 0));
+		params.set('mtilt2', String(record2.atollMT || 0));
+		
+		// Add config date as labels
+		params.set('label1', `${record1.cellName} (${record1.configDate})`);
+		params.set('label2', `${record2.cellName} (${record2.configDate})`);
+		
+		const url = `/apps/antenna-compare?${params.toString()}`;
+		window.open(url, '_blank');
+	}
+</script>
+
+<div class="cell-history-page vh-100 d-flex flex-column">
+	<!-- Header -->
+	<div class="demo-controls bg-light border-bottom px-3 py-2 d-flex align-items-center gap-3 flex-wrap">
+		<div class="input-group input-group-sm" style="width: auto;">
+			<span class="input-group-text">Cell Name</span>
+			<input 
+				type="text" 
+				class="form-control" 
+				bind:value={cellName}
+				style="width: 120px;"
+			/>
+			<button class="btn btn-outline-primary" onclick={loadHistory}>
+				<i class="bi bi-arrow-clockwise"></i> Load History
+			</button>
+		</div>
+		<span class="badge bg-info">
+			{historyData.length} records
+		</span>
+		<span class="text-muted small">
+			Select 2 rows to compare antenna configurations
+		</span>
+	</div>
+
+	<!-- CellTablePanel with history preset -->
+	<div class="flex-grow-1 overflow-hidden">
+		<CellTablePanel
+			cells={historyData as CellData[]}
+			groupBy="none"
+			columnPreset="history"
+			selectable={true}
+			multiSelect={true}
+			showToolbar={true}
+			showExport={true}
+			headerFilters={true}
+			showDetailsSidebar={false}
+			showScrollSpy={false}
+			title="Cell Configuration History"
+			onselectionchange={handleSelectionChange}
+		>
+			{#snippet footer({ selectedRows, selectedCount })}
+				<div class="d-flex align-items-center justify-content-between">
+					<span class="text-muted small">
+						{#if selectedCount > 0}
+							{selectedCount} record(s) selected
+						{:else}
+							Select rows to compare configurations
+						{/if}
+					</span>
+					<div class="btn-group">
+						<button
+							type="button"
+							class="btn btn-sm btn-outline-success"
+							disabled={selectedCount !== 2}
+							title={selectedCount === 2 ? 'Compare antenna patterns for selected dates' : 'Select exactly 2 records to compare'}
+							onclick={() => handleCompareTwoRecords(selectedRows[0], selectedRows[1])}
+						>
+							<i class="bi bi-broadcast-pin"></i>
+							<span class="d-none d-sm-inline ms-1">Compare Antennas</span>
+						</button>
+						<button
+							type="button"
+							class="btn btn-sm btn-outline-secondary"
+							disabled={selectedCount === 0}
+							onclick={() => console.log('Export:', selectedRows.map(r => r.configDate))}
+						>
+							<i class="bi bi-download"></i>
+							<span class="d-none d-sm-inline ms-1">Export</span>
+						</button>
+					</div>
+				</div>
+			{/snippet}
+		</CellTablePanel>
+	</div>
+</div>
+
+<style>
+	.cell-history-page {
+		background: var(--bs-body-bg, #f8f9fa);
+	}
+
+	.demo-controls {
+		flex-shrink: 0;
+	}
+</style>

package/dist/core/CellTable/CellHistoryDemo.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const CellHistoryDemo: import("svelte").Component<Record<string, never>, {}, "">;
+type CellHistoryDemo = ReturnType<typeof CellHistoryDemo>;
+export default CellHistoryDemo;

package/dist/core/CellTable/CellTable.svelte

@@ -71,8 +71,25 @@
 
 	// Reactive column configuration - only changes when preset changes
 	let columns = $derived.by(() => {
-		// Only depend on columnPreset to avoid unnecessary recalculations
-		return getColumnsForPreset(columnPreset, techColors, statusColors, headerFilters);
+		// Get base columns from preset
+		const baseColumns = getColumnsForPreset(columnPreset, techColors, statusColors, headerFilters);
+		
+		// Add row selection checkbox column if selectable
+		if (selectable) {
+			const selectColumn = {
+				title: '',
+				formatter: 'rowSelection',
+				titleFormatter: multiSelect ? 'rowSelection' : undefined,
+				hozAlign: 'center' as const,
+				headerSort: false,
+				width: 40,
+				frozen: true,
+				cssClass: 'cell-table-select-column',
+			};
+			return [selectColumn, ...baseColumns];
+		}
+		
+		return baseColumns;
 	});
 
 	// Pre-sort data using our custom multi-level sorter

package/dist/core/CellTable/CellTableDemo.svelte

@@ -65,6 +65,30 @@
 		alert(`Show on map: ${cell.cellName}\nLat: ${cell.latitude}\nLon: ${cell.longitude}`);
 	}
 	
+	/**
+	 * Compare two selected cells' antenna configurations
+	 */
+	function handleCompareTwoCells(cell1: CellData, cell2: CellData) {
+		const params = new URLSearchParams();
+		
+		// Use antenna from both cells
+		if (cell1.antenna) params.set('ant1', cell1.antenna);
+		if (cell2.antenna) params.set('ant2', cell2.antenna);
+		
+		// Use electrical tilt values (parse first value if comma-separated)
+		const etilt1 = cell1.electricalTilt ? parseInt(cell1.electricalTilt.split(',')[0], 10) : 0;
+		const etilt2 = cell2.electricalTilt ? parseInt(cell2.electricalTilt.split(',')[0], 10) : 0;
+		params.set('etilt1', String(etilt1 || 0));
+		params.set('etilt2', String(etilt2 || 0));
+		
+		// Add cell name + status as labels
+		params.set('label1', `${cell1.cellName} (${cell1.status})`);
+		params.set('label2', `${cell2.cellName} (${cell2.status})`);
+		
+		const url = `/apps/antenna-compare?${params.toString()}`;
+		window.open(url, '_blank');
+	}
+	
 	function regenerateData() {
 		demoCells = generateCellsFromPreset(datasetSize);
 	}
@@ -244,6 +268,16 @@
 						{/if}
 					</span>
 					<div class="btn-group">
+						<button
+							type="button"
+							class="btn btn-sm btn-outline-success"
+							disabled={selectedCount !== 2}
+							title={selectedCount === 2 ? 'Compare Atoll antennas of selected cells' : 'Select exactly 2 cells to compare'}
+							onclick={() => handleCompareTwoCells(selectedRows[0], selectedRows[1])}
+						>
+							<i class="bi bi-broadcast-pin"></i>
+							<span class="d-none d-sm-inline ms-1">Compare Antennas</span>
+						</button>
 						<button
 							type="button"
 							class="btn btn-sm btn-outline-primary"

package/dist/core/CellTable/column-config.js

@@ -61,6 +61,7 @@ export const COLUMN_GROUPS = {
     position: ['latitude', 'longitude', 'siteLatitude', 'siteLongitude', 'dx', 'dy'],
     compare: ['compareET', 'comparePW', 'compareRS', 'compareBW'],
     kpi: ['kpiTraffic', 'kpiThroughput', 'kpiAvailability', 'kpiSuccessRate'],
+    history: ['configDate', 'antenna', 'atollET', 'atollMT', 'atollPW'],
 };
 /**
  * Create a technology badge formatter
@@ -327,6 +328,12 @@ export function getAllColumns(techColors = DEFAULT_TECH_COLORS, statusColors = D
             width: 120,
             ...headerFilterParams,
         },
+        {
+            title: 'Config Date',
+            field: 'configDate',
+            width: 150,
+            ...headerFilterParams,
+        },
         // Physical columns
         {
             title: 'Antenna',
@@ -448,6 +455,14 @@ export function getAllColumns(techColors = DEFAULT_TECH_COLORS, statusColors = D
             formatter: numberFormatter(1),
             ...headerFilterParams,
         },
+        {
+            title: 'Atoll MT',
+            field: 'atollMT',
+            width: 90,
+            hozAlign: 'right',
+            formatter: numberFormatter(1),
+            ...headerFilterParams,
+        },
         {
             title: 'Atoll PW',
             field: 'atollPW',
@@ -659,6 +674,10 @@ export function getColumnsForPreset(preset, techColors = DEFAULT_TECH_COLORS, st
         case 'kpi':
             visibleFields = [...COLUMN_GROUPS.core, ...COLUMN_GROUPS.kpi];
             break;
+        case 'history':
+            // Simplified view for config history - just cellName, date, and config fields
+            visibleFields = ['cellName', ...COLUMN_GROUPS.history];
+            break;
         case 'default':
         default:
             visibleFields = [
@@ -723,9 +742,12 @@ export function getColumnMetadata() {
         { field: 'nwBW', title: 'NW BW', group: 'Network' },
         // Atoll
         { field: 'atollET', title: 'Atoll ET', group: 'Atoll' },
+        { field: 'atollMT', title: 'Atoll MT', group: 'Atoll' },
         { field: 'atollPW', title: 'Atoll PW', group: 'Atoll' },
         { field: 'atollRS', title: 'Atoll RS', group: 'Atoll' },
         { field: 'atollBW', title: 'Atoll BW', group: 'Atoll' },
+        // History
+        { field: 'configDate', title: 'Config Date', group: 'History' },
         // Compare (Atoll vs Network)
         { field: 'compareET', title: 'Δ ET', group: 'Compare' },
         { field: 'comparePW', title: 'Δ PW', group: 'Compare' },
@@ -768,6 +790,8 @@ export function getPresetVisibleFields(preset) {
             return [...COLUMN_GROUPS.core, ...COLUMN_GROUPS.compare];
         case 'kpi':
             return [...COLUMN_GROUPS.core, ...COLUMN_GROUPS.kpi];
+        case 'history':
+            return ['cellName', ...COLUMN_GROUPS.history];
         case 'default':
         default:
             return ['siteId', 'txId', 'cellName', 'tech', 'fband', 'frq', 'status', 'azimuth', 'height', 'antenna'];

package/dist/core/CellTable/index.d.ts

@@ -7,6 +7,7 @@ export { default as CellTable } from './CellTable.svelte';
 export { default as CellTableToolbar } from './CellTableToolbar.svelte';
 export { default as CellTablePanel } from './CellTablePanel.svelte';
 export { default as CellTableDemo } from './CellTableDemo.svelte';
+export { default as CellHistoryDemo } from './CellHistoryDemo.svelte';
 export { default as ColumnPicker } from './ColumnPicker.svelte';
 export { generateCells, generateCellsFromPreset, getGeneratorInfo, GENERATOR_PRESETS, type CellGeneratorConfig, type GeneratorPreset } from '../../shared/demo';
 export type { CellData, CellTableGroupField, ColumnPreset, ColumnVisibility, TechColorMap, StatusColorMap, CellTableProps, RowSelectionEvent, RowClickEvent, RowDblClickEvent, RowContextMenuEvent, DataChangeEvent, CellTableColumn, ColumnGroups } from './types';

package/dist/core/CellTable/index.js

@@ -8,6 +8,7 @@ export { default as CellTable } from './CellTable.svelte';
 export { default as CellTableToolbar } from './CellTableToolbar.svelte';
 export { default as CellTablePanel } from './CellTablePanel.svelte';
 export { default as CellTableDemo } from './CellTableDemo.svelte';
+export { default as CellHistoryDemo } from './CellHistoryDemo.svelte';
 export { default as ColumnPicker } from './ColumnPicker.svelte';
 // Re-export shared demo data utilities for convenience
 // Note: Cell type is NOT re-exported here to avoid conflicts with map-v2

package/dist/core/CellTable/types.d.ts

@@ -16,7 +16,7 @@ export type CellTableGroupField = CellGroupingField | 'none';
 /**
  * Column preset configurations
  */
-export type ColumnPreset = 'default' | 'compact' | 'full' | 'physical' | 'network' | 'planning' | 'compare' | 'kpi';
+export type ColumnPreset = 'default' | 'compact' | 'full' | 'physical' | 'network' | 'planning' | 'compare' | 'kpi' | 'history';
 /**
  * Column visibility configuration
  */
@@ -131,4 +131,5 @@ export interface ColumnGroups {
     position: string[];
     compare: string[];
     kpi: string[];
+    history: string[];
 }

package/dist/shared/demo/cell-types.d.ts

@@ -35,7 +35,9 @@ export interface Cell {
     siteLongitude: number;
     comment: string;
     planner: string;
+    configDate?: string;
     atollET?: number;
+    atollMT?: number;
     atollPW?: number;
     atollRS?: number;
     atollBW?: number;
@@ -64,3 +66,16 @@ export type TechnologyBandKey = string;
  * Grouping fields for views
  */
 export type CellGroupingField = 'tech' | 'fband' | 'frq' | 'status' | 'siteId' | 'none';
+/**
+ * Cell configuration history record
+ * Represents a snapshot of cell configuration at a point in time
+ */
+export interface CellConfigHistory {
+    id: string;
+    cellName: string;
+    configDate: string;
+    antenna: string;
+    antennaPower: number;
+    mechanicalTilt: number;
+    electricalTilt: number;
+}

package/dist/shared/demo/index.d.ts

@@ -3,5 +3,5 @@
  *
  * Provides common demo data generators and types for use across components.
  */
-export type { Cell, CellStatus, CellGroupingField } from './cell-types';
+export type { Cell, CellStatus, CellGroupingField, CellConfigHistory } from './cell-types';
 export { generateCells, generateCellsFromPreset, getGeneratorInfo, GENERATOR_PRESETS, type CellGeneratorConfig, type GeneratorPreset } from './cell-generator';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@smartnet360/svelte-components",
-	"version": "0.0.116",
+	"version": "0.0.118",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run prepack",