@smartnet360/svelte-components 0.0.144 → 0.0.147

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

@@ -110,11 +110,14 @@
       if (externalAntenna1) {
         const found = findAntennaBySpec(antennas, externalAntenna1);
         if (found) {
+          // Compute available tilts INLINE to avoid stale state issue
+          const tiltsForAntenna1 = getAvailableTiltsForAntenna(found);
+          
           // Use untrack to prevent infinite loop from state updates
           untrack(() => {
             selectedAntenna = found;
-            updateAvailableTilts(found);
-            ant1ElectricalTilt = findTiltIndex(availableElectricalTilts, externalAntenna1.electricalTilt ?? 0);
+            availableElectricalTilts = tiltsForAntenna1;
+            ant1ElectricalTilt = findTiltIndex(tiltsForAntenna1, externalAntenna1.electricalTilt ?? 0);
             ant1MechanicalTilt = externalAntenna1.mechanicalTilt ?? 0;
           });
         } else {
@@ -126,9 +129,10 @@
       if (externalAntenna2) {
         const found2 = findAntennaBySpec(antennas, externalAntenna2);
         if (found2) {
+          const tiltsForAntenna2 = getAvailableTiltsForAntenna(found2);
           untrack(() => {
             selectedAntenna2 = found2;
-            ant2ElectricalTilt = findTiltIndex(getAvailableTiltsForAntenna(found2), externalAntenna2.electricalTilt ?? 0);
+            ant2ElectricalTilt = findTiltIndex(tiltsForAntenna2, externalAntenna2.electricalTilt ?? 0);
             ant2MechanicalTilt = externalAntenna2.mechanicalTilt ?? 0;
             if (viewMode === 'single') {
               viewMode = 'compare';

package/dist/map-v3/features/custom/components/CustomCellSetManager.svelte

@@ -71,6 +71,8 @@
 	let csvHeaders = $state<string[]>([]);
 	let columnMapping = $state<ColumnMapping>({});
 	let importMode = $state<ImportMode>('cell');
+	let includeAllExtras = $state(true);
+	let selectedExtras = $state<number[]>([]);
 	
 	// Quick Add state
 	let showQuickAdd = $state(false);
@@ -203,7 +205,11 @@
 		if (!pendingCsvContent) return;
 		
 		try {
-			importResult = setsStore.importFromCsv(pendingCsvContent, importFileName, columnMapping);
+			importResult = setsStore.importFromCsv(pendingCsvContent, importFileName, {
+				columnMapping,
+				includeAllExtras,
+				selectedExtraIndices: selectedExtras
+			});
 			showMappingModal = false;
 			showImportModal = true;
 		} catch (err) {
@@ -219,6 +225,8 @@
 		csvHeaders = [];
 		columnMapping = {};
 		importMode = 'cell';
+		includeAllExtras = true;
+		selectedExtras = [];
 	}
 
 	function confirmImport() {
@@ -486,6 +494,7 @@
 				{#each setsStore.sets as set (set.id)}
 					{@const isExpanded = expandedSets.has(set.id)}
 					{@const treeStore = treeStores.get(set.id)}
+					{@const hasPoints = set.cells.some(c => c.geometry === 'point')}
 					<div class="set-section" class:expanded={isExpanded}>
 						<!-- Set Header -->
 						<div class="set-header d-flex align-items-center justify-content-between px-2 py-2">
@@ -504,6 +513,15 @@
 								>
 									<i class="bi bi-eye{set.visible ? '-fill text-primary' : '-slash text-muted'}"></i>
 								</button>
+								<button
+									class="btn btn-sm p-0 me-2"
+									title={!hasPoints ? 'No points to label' : set.showLabels ? 'Hide Labels' : 'Show Labels'}
+									aria-label={!hasPoints ? 'No points to label' : set.showLabels ? 'Hide Labels' : 'Show Labels'}
+									onclick={() => setsStore.toggleSetLabels(set.id)}
+									disabled={!hasPoints}
+								>
+									<i class="bi bi-tag{!hasPoints ? ' text-muted opacity-50' : set.showLabels ? '-fill text-primary' : ' text-muted'}"></i>
+								</button>
 								<div class="set-info text-truncate" onclick={() => toggleExpanded(set.id)} style="cursor: pointer;">
 									<div class="fw-medium small text-truncate">{set.name}</div>
 									<small class="text-muted">{getSetItemCounts(set)} · {set.groups.length} groups</small>
@@ -596,8 +614,14 @@
 						headers={csvHeaders}
 						mode={importMode}
 						mapping={columnMapping}
+						{includeAllExtras}
+						{selectedExtras}
 						onmodechange={(m) => importMode = m}
 						onchange={(m) => columnMapping = m}
+						onextraschange={(all, selected) => {
+							includeAllExtras = all;
+							selectedExtras = selected;
+						}}
 					/>
 				</div>
 				<div class="modal-footer py-2">

package/dist/map-v3/features/custom/layers/CustomCellsLayer.svelte

@@ -51,11 +51,13 @@
 		cellFill: string; 
 		cellLine: string; 
 		pointCircle: string;
+		pointLabel: string;
 	} {
 		return {
 			cellFill: `custom-cells-fill-${setId}`,
 			cellLine: `custom-cells-line-${setId}`,
-			pointCircle: `custom-points-circle-${setId}`
+			pointCircle: `custom-points-circle-${setId}`,
+			pointLabel: `custom-points-label-${setId}`
 		};
 	}
 
@@ -129,6 +131,30 @@
 			});
 			activeLayers.add(layers.pointCircle);
 		}
+
+		// Add points label layer (symbol layer for text)
+		if (!map.getLayer(layers.pointLabel)) {
+			map.addLayer({
+				id: layers.pointLabel,
+				type: 'symbol',
+				source: sources.points,
+				layout: {
+					'text-field': ['get', 'labelText'],
+					'text-size': 11,
+					'text-anchor': 'top',
+					'text-offset': [0, 0.8],
+					'text-allow-overlap': false,
+					'text-ignore-placement': false,
+					'visibility': set.showLabels ? 'visible' : 'none'
+				},
+				paint: {
+					'text-color': '#333',
+					'text-halo-color': '#fff',
+					'text-halo-width': 1.5
+				}
+			});
+			activeLayers.add(layers.pointLabel);
+		}
 	}
 
 	/**
@@ -138,8 +164,8 @@
 		const sources = getSourceIds(setIdToRemove);
 		const layers = getLayerIds(setIdToRemove);
 
-		// Remove layers
-		for (const layerId of [layers.cellLine, layers.cellFill, layers.pointCircle]) {
+		// Remove layers (label layer must be removed first since it's on top)
+		for (const layerId of [layers.pointLabel, layers.cellLine, layers.cellFill, layers.pointCircle]) {
 			if (map.getLayer(layerId)) {
 				map.removeLayer(layerId);
 				activeLayers.delete(layerId);
@@ -189,6 +215,9 @@
 				// Darken color for stroke
 				const strokeColor = darkenColor(color, 0.3);
 
+				// Generate label text from first 3 extra fields
+				const labelText = buildLabelText(item.extraFields);
+
 				pointFeatures.push({
 					type: 'Feature',
 					geometry: {
@@ -203,9 +232,8 @@
 						customGroup: item.customGroup,
 						sizeFactor: item.sizeFactor,
 						setName: set.name,
-						...Object.fromEntries(
-							Object.entries(item.extraFields).map(([k, v]) => [`extra_${k}`, v])
-						)
+						popupInfo: { ...item.extraFields },
+						labelText
 					}
 				});
 			} else if (item.geometry === 'cell' && item.resolvedCell) {
@@ -226,11 +254,7 @@
 					feature.properties.customGroup = item.customGroup;
 					feature.properties.sizeFactor = item.sizeFactor;
 					feature.properties.setName = set.name;
-					
-					// Add extra fields
-					for (const [key, value] of Object.entries(item.extraFields)) {
-						feature.properties[`extra_${key}`] = value;
-					}
+					feature.properties.popupInfo = { ...item.extraFields };
 				}
 
 				cellFeatures.push(feature);
@@ -265,9 +289,23 @@
 			map.setPaintProperty(layers.pointCircle, 'circle-opacity', set.opacity);
 		}
 
+		// Update label visibility
+		if (map.getLayer(layers.pointLabel)) {
+			map.setLayoutProperty(layers.pointLabel, 'visibility', set.showLabels ? 'visible' : 'none');
+		}
+
 		console.log(`[CustomLayer] Rendered ${cellFeatures.length} cells, ${pointFeatures.length} points for set "${set.name}"`);
 	}
 
+	/**
+	 * Build label text from extra fields (first 3 values, newline separated)
+	 */
+	function buildLabelText(extraFields: Record<string, string | number> | undefined): string {
+		if (!extraFields) return '';
+		const values = Object.values(extraFields).slice(0, 3);
+		return values.filter(v => v !== undefined && v !== null && v !== '').join('\n');
+	}
+
 	/**
 	 * Darken a hex color by a factor
 	 */

package/dist/map-v3/features/custom/logic/csv-parser.d.ts

@@ -26,15 +26,27 @@ export type CsvDelimiter = ',' | ';' | 'auto';
  * @returns Array of header strings
  */
 export declare function extractCsvHeaders(csvContent: string, delimiter?: CsvDelimiter): string[];
+/**
+ * Options for CSV parsing
+ */
+export interface CsvParseOptions {
+    /** Delimiter to use: ',' (comma), ';' (semicolon), or 'auto' (detect) */
+    delimiter?: CsvDelimiter;
+    /** User-defined column mapping (overrides auto-detection) */
+    columnMapping?: ColumnMapping;
+    /** Whether to include all extra columns (default: true) */
+    includeAllExtras?: boolean;
+    /** Specific extra column indices to include (when includeAllExtras is false) */
+    selectedExtraIndices?: number[];
+}
 /**
  * Parse a CSV string into custom items (cells or points)
  * @param csvContent Raw CSV content
  * @param cellLookup Map of cellName -> Cell for resolving cell data
- * @param delimiter Delimiter to use: ',' (comma), ';' (semicolon), or 'auto' (detect)
- * @param columnMapping Optional user-defined column mapping (overrides auto-detection)
+ * @param options Parsing options
  * @returns Import result with items, unmatched IDs, groups, and extra columns
  */
-export declare function parseCustomCellsCsv(csvContent: string, cellLookup: Map<string, Cell>, delimiter?: CsvDelimiter, columnMapping?: ColumnMapping): CustomCellImportResult;
+export declare function parseCustomCellsCsv(csvContent: string, cellLookup: Map<string, Cell>, options?: CsvParseOptions): CustomCellImportResult;
 /**
  * Build a cell lookup map from an array of cells
  * Creates lookups for both cellName and txId for flexible matching

package/dist/map-v3/features/custom/logic/csv-parser.js

@@ -49,11 +49,11 @@ export function extractCsvHeaders(csvContent, delimiter = 'auto') {
  * Parse a CSV string into custom items (cells or points)
  * @param csvContent Raw CSV content
  * @param cellLookup Map of cellName -> Cell for resolving cell data
- * @param delimiter Delimiter to use: ',' (comma), ';' (semicolon), or 'auto' (detect)
- * @param columnMapping Optional user-defined column mapping (overrides auto-detection)
+ * @param options Parsing options
  * @returns Import result with items, unmatched IDs, groups, and extra columns
  */
-export function parseCustomCellsCsv(csvContent, cellLookup, delimiter = 'auto', columnMapping) {
+export function parseCustomCellsCsv(csvContent, cellLookup, options = {}) {
+    const { delimiter = 'auto', columnMapping, includeAllExtras = true, selectedExtraIndices = [] } = options;
     const lines = csvContent.trim().split('\n');
     if (lines.length < 2) {
         return {
@@ -106,30 +106,55 @@ export function parseCustomCellsCsv(csvContent, cellLookup, delimiter = 'auto',
         throw new Error('CSV must contain an "id", "cellName", or "txId" column');
     }
     const hasLatLon = latIndex !== -1 && lonIndex !== -1;
-    // Find extra columns (not reserved)
+    // Find extra columns based on user selection
     const extraColumns = [];
     const extraIndices = [];
-    headers.forEach((header, idx) => {
-        const normalized = normalizeColumnName(header);
-        if (!RESERVED_COLUMNS.includes(normalized)) {
-            extraColumns.push(header.trim());
-            extraIndices.push(idx);
+    // Get indices that are already mapped to known fields
+    const mappedIndices = new Set([idIndex, groupIndex, sizeFactorIndex, latIndex, lonIndex].filter(i => i >= 0));
+    if (includeAllExtras) {
+        // Include all non-reserved, non-mapped columns
+        headers.forEach((header, idx) => {
+            if (mappedIndices.has(idx))
+                return;
+            const normalized = normalizeColumnName(header);
+            if (!RESERVED_COLUMNS.includes(normalized)) {
+                extraColumns.push(header.trim());
+                extraIndices.push(idx);
+            }
+        });
+    }
+    else {
+        // Include only specifically selected columns
+        for (const idx of selectedExtraIndices) {
+            if (idx >= 0 && idx < headers.length && !mappedIndices.has(idx)) {
+                extraColumns.push(headers[idx].trim());
+                extraIndices.push(idx);
+            }
         }
-    });
+    }
     // Parse data rows
     const cells = [];
     const unmatchedTxIds = [];
     const groupsSet = new Set();
     let cellCount = 0;
     let pointCount = 0;
+    let autoIdCounter = 0;
     for (let i = 1; i < lines.length; i++) {
         const line = lines[i].trim();
         if (!line)
             continue;
         const values = parseCSVLine(line, actualDelimiter);
-        const itemId = values[idIndex]?.trim();
-        if (!itemId)
-            continue;
+        // Get item ID - auto-generate for points if no ID column mapped
+        let itemId;
+        if (idIndex >= 0) {
+            itemId = values[idIndex]?.trim() || '';
+            if (!itemId)
+                continue; // Skip rows with empty ID when ID column is mapped
+        }
+        else {
+            // No ID column mapped - will auto-generate for points
+            itemId = '';
+        }
         // Get custom group (default to 'default')
         const customGroup = groupIndex !== -1
             ? (values[groupIndex]?.trim() || 'default')
@@ -171,8 +196,10 @@ export function parseCustomCellsCsv(csvContent, cellLookup, delimiter = 'auto',
                 lat = parsedLat;
                 lon = parsedLon;
                 pointCount++;
+                // Auto-generate ID for points if not mapped
+                const pointId = itemId || `Point ${++autoIdCounter}`;
                 cells.push({
-                    id: itemId,
+                    id: pointId,
                     customGroup,
                     sizeFactor,
                     extraFields,
@@ -183,7 +210,9 @@ export function parseCustomCellsCsv(csvContent, cellLookup, delimiter = 'auto',
                 continue;
             }
         }
-        // No valid lat/lon - try to resolve as cell
+        // No valid lat/lon - try to resolve as cell (requires ID)
+        if (!itemId)
+            continue; // Can't resolve cell without ID
         resolvedCell = cellLookup.get(itemId);
         if (resolvedCell) {
             cellCount++;

package/dist/map-v3/features/custom/stores/custom-cell-sets.svelte.d.ts

@@ -7,7 +7,7 @@
 import type { Cell } from '../../../../shared/demo';
 import type { CellDataStore } from '../../cells/stores/cell.data.svelte';
 import type { CustomCellSet, CustomCellImportResult } from '../types';
-import type { ColumnMapping } from '../../../../shared/csv-import';
+import { type CsvParseOptions } from '../logic/csv-parser';
 /** Function that returns the current cells array */
 type CellsGetter = () => Cell[];
 /**
@@ -32,9 +32,9 @@ export declare class CustomCellSetsStore {
      * Import a CSV file and create a new custom cell set
      * @param csvContent Raw CSV content
      * @param fileName Name of the file being imported
-     * @param columnMapping Optional user-defined column mapping
+     * @param options Parsing options (column mapping, extra fields selection)
      */
-    importFromCsv(csvContent: string, fileName: string, columnMapping?: ColumnMapping): CustomCellImportResult;
+    importFromCsv(csvContent: string, fileName: string, options?: CsvParseOptions): CustomCellImportResult;
     /**
      * Create a new set from import result
      */
@@ -51,6 +51,10 @@ export declare class CustomCellSetsStore {
      * Toggle set visibility
      */
     toggleSetVisibility(setId: string): void;
+    /**
+     * Toggle set labels visibility
+     */
+    toggleSetLabels(setId: string): void;
     /**
      * Toggle group visibility within a set
      */

package/dist/map-v3/features/custom/stores/custom-cell-sets.svelte.js

@@ -69,13 +69,13 @@ export class CustomCellSetsStore {
      * Import a CSV file and create a new custom cell set
      * @param csvContent Raw CSV content
      * @param fileName Name of the file being imported
-     * @param columnMapping Optional user-defined column mapping
+     * @param options Parsing options (column mapping, extra fields selection)
      */
-    importFromCsv(csvContent, fileName, columnMapping) {
+    importFromCsv(csvContent, fileName, options) {
         // Build lookup from all cells
         const cellLookup = buildCellLookup(this.getCells());
-        // Parse CSV with optional user-defined column mapping
-        const result = parseCustomCellsCsv(csvContent, cellLookup, 'auto', columnMapping);
+        // Parse CSV with options
+        const result = parseCustomCellsCsv(csvContent, cellLookup, options || {});
         return result;
     }
     /**
@@ -101,6 +101,7 @@ export class CustomCellSetsStore {
             defaultColor: CUSTOM_CELL_PALETTE[0],
             groupColors,
             visible: true,
+            showLabels: false,
             visibleGroups: new Set(importResult.groups)
         };
         this.sets.push(newSet);
@@ -136,6 +137,16 @@ export class CustomCellSetsStore {
             this.version++;
         }
     }
+    /**
+     * Toggle set labels visibility
+     */
+    toggleSetLabels(setId) {
+        const set = this.getSet(setId);
+        if (set) {
+            set.showLabels = !set.showLabels;
+            this.version++;
+        }
+    }
     /**
      * Toggle group visibility within a set
      */
@@ -227,6 +238,7 @@ export class CustomCellSetsStore {
                 this.sets = data.map((setData) => ({
                     ...setData,
                     visibleGroups: new Set(setData.visibleGroups || []),
+                    showLabels: setData.showLabels ?? false,
                     cells: setData.cells || []
                 }));
                 // Re-resolve cells

package/dist/map-v3/features/custom/types.d.ts

@@ -81,6 +81,8 @@ export interface CustomCellSet {
     groupColors: Record<string, string>;
     /** Whether this set's layer is visible */
     visible: boolean;
+    /** Whether to show labels for points */
+    showLabels: boolean;
     /** Which groups are currently visible */
     visibleGroups: Set<string>;
 }

package/dist/shared/csv-import/ColumnMapper.svelte

@@ -4,6 +4,7 @@
 	 * 
 	 * Compact UI for mapping CSV columns to expected fields.
 	 * Includes import mode selection (Cell/Point/Site) with auto-detection.
+	 * Supports extra field selection for tooltips.
 	 */
 	import type { ColumnMapping, ImportFieldsConfig, ImportMode } from './types';
 	import { getFieldsForMode } from './types';
@@ -16,18 +17,27 @@
 		mode: ImportMode;
 		/** Current mapping (can be auto-detected or user-modified) */
 		mapping: ColumnMapping;
+		/** Whether to include all extra columns */
+		includeAllExtras?: boolean;
+		/** Selected extra column indices (when not including all) */
+		selectedExtras?: number[];
 		/** Called when mode changes */
 		onmodechange?: (mode: ImportMode) => void;
 		/** Called when mapping changes */
 		onchange?: (mapping: ColumnMapping) => void;
+		/** Called when extra fields settings change */
+		onextraschange?: (includeAll: boolean, selected: number[]) => void;
 	}
 	
 	let { 
 		headers,
 		mode,
 		mapping,
+		includeAllExtras = true,
+		selectedExtras = [],
 		onmodechange,
-		onchange
+		onchange,
+		onextraschange
 	}: Props = $props();
 	
 	// Get fields config based on current mode
@@ -36,6 +46,18 @@
 	// All fields to display
 	let allFields = $derived([...fieldsConfig.required, ...fieldsConfig.optional]);
 	
+	// Get mapped column indices (to exclude from extra fields options)
+	let mappedIndices = $derived(new Set(
+		Object.values(mapping).filter((v): v is number => v !== null && v !== undefined)
+	));
+	
+	// Available columns for extra fields (not already mapped)
+	let availableExtras = $derived(
+		headers
+			.map((header, idx) => ({ header, idx }))
+			.filter(({ idx }) => !mappedIndices.has(idx))
+	);
+	
 	// Validation state
 	let missingRequired = $derived(
 		fieldsConfig.required.filter(f => 
@@ -78,6 +100,35 @@
 		const idx = mapping[fieldType];
 		return idx !== null && idx !== undefined ? headers[idx] : null;
 	}
+	
+	// Extra fields handlers
+	function handleIncludeAllChange(event: Event) {
+		const checked = (event.target as HTMLInputElement).checked;
+		onextraschange?.(checked, selectedExtras);
+	}
+	
+	function handleExtraFieldChange(slotIndex: number, event: Event) {
+		const select = event.target as HTMLSelectElement;
+		const value = select.value;
+		
+		const newSelected = [...selectedExtras];
+		
+		if (value === '') {
+			// Remove this slot
+			newSelected[slotIndex] = -1;
+		} else {
+			newSelected[slotIndex] = parseInt(value, 10);
+		}
+		
+		// Filter out -1 values and duplicates
+		const filtered = newSelected.filter((v, i) => v >= 0 && newSelected.indexOf(v) === i);
+		onextraschange?.(includeAllExtras, filtered);
+	}
+	
+	function getExtraSlotValue(slotIndex: number): string {
+		const value = selectedExtras[slotIndex];
+		return value === undefined || value < 0 ? '' : String(value);
+	}
 </script>
 
 <div class="column-mapper">
@@ -150,13 +201,56 @@
 				>
 					<option value="">{field.description || '-- Select --'}</option>
 					{#each headers as header, idx}
-						<option value={idx}>{header}</option>
+						<option value={String(idx)}>{header}</option>
 					{/each}
 				</select>
 			</div>
 		{/each}
 	</div>
 	
+	<!-- Extra Fields Section -->
+	{#if availableExtras.length > 0}
+		<div class="extra-fields mt-3 pt-2 border-top">
+			<div class="d-flex align-items-center justify-content-between mb-2">
+				<span class="small fw-medium">Extra columns for popups</span>
+				<div class="form-check form-check-inline mb-0">
+					<input 
+						class="form-check-input" 
+						type="checkbox" 
+						id="include-all-extras"
+						checked={includeAllExtras}
+						onchange={handleIncludeAllChange}
+					/>
+					<label class="form-check-label small" for="include-all-extras">
+						Include all ({availableExtras.length})
+					</label>
+				</div>
+			</div>
+			
+			{#if !includeAllExtras}
+				<div class="extra-slots">
+					{#each [0, 1, 2] as slotIndex}
+						{@const slotId = `extra-slot-${slotIndex}`}
+						<div class="d-flex align-items-center gap-2 mb-1">
+							<select
+								id={slotId}
+								class="form-select form-select-sm"
+								value={getExtraSlotValue(slotIndex)}
+								onchange={(e) => handleExtraFieldChange(slotIndex, e)}
+								aria-label={`Extra field ${slotIndex + 1}`}
+							>
+								<option value="">-- Extra {slotIndex + 1} --</option>
+								{#each availableExtras as { header, idx }}
+									<option value={String(idx)}>{header}</option>
+								{/each}
+							</select>
+						</div>
+					{/each}
+				</div>
+			{/if}
+		</div>
+	{/if}
+	
 	<!-- Validation Warning -->
 	{#if missingRequired.length > 0}
 		<div class="alert alert-warning py-1 px-2 mt-2 mb-0 small">

package/dist/shared/csv-import/ColumnMapper.svelte.d.ts

@@ -3,6 +3,7 @@
      *
      * Compact UI for mapping CSV columns to expected fields.
      * Includes import mode selection (Cell/Point/Site) with auto-detection.
+     * Supports extra field selection for tooltips.
      */
 import type { ColumnMapping, ImportMode } from './types';
 interface Props {
@@ -12,10 +13,16 @@ interface Props {
     mode: ImportMode;
     /** Current mapping (can be auto-detected or user-modified) */
     mapping: ColumnMapping;
+    /** Whether to include all extra columns */
+    includeAllExtras?: boolean;
+    /** Selected extra column indices (when not including all) */
+    selectedExtras?: number[];
     /** Called when mode changes */
     onmodechange?: (mode: ImportMode) => void;
     /** Called when mapping changes */
     onchange?: (mapping: ColumnMapping) => void;
+    /** Called when extra fields settings change */
+    onextraschange?: (includeAll: boolean, selected: number[]) => void;
 }
 declare const ColumnMapper: import("svelte").Component<Props, {}, "">;
 type ColumnMapper = ReturnType<typeof ColumnMapper>;

package/dist/shared/csv-import/column-detector.d.ts

@@ -17,8 +17,11 @@ export declare function detectFieldType(header: string): StandardFieldType | nul
 /**
  * Auto-detect column mapping from headers
  * Returns suggested mapping based on alias matching
+ * @param headers - CSV column headers
+ * @param fieldsConfig - Field configuration for the import mode
+ * @param mode - Import mode (used to customize detection behavior)
  */
-export declare function detectColumnMapping(headers: string[], fieldsConfig: ImportFieldsConfig): ColumnMapping;
+export declare function detectColumnMapping(headers: string[], fieldsConfig: ImportFieldsConfig, mode?: ImportMode): ColumnMapping;
 /**
  * Validate that all required fields are mapped
  */
@@ -50,7 +53,7 @@ export declare function parseHeaderLine(line: string, delimiter: ',' | ';'): str
 /**
  * Get CSV headers and suggested mapping
  */
-export declare function analyzeCSVHeaders(csvContent: string, fieldsConfig: ImportFieldsConfig): {
+export declare function analyzeCSVHeaders(csvContent: string, fieldsConfig: ImportFieldsConfig, mode?: ImportMode): {
     headers: string[];
     delimiter: ',' | ';';
     suggestedMapping: ColumnMapping;

package/dist/shared/csv-import/column-detector.js

@@ -96,14 +96,21 @@ export function detectFieldType(header) {
 /**
  * Auto-detect column mapping from headers
  * Returns suggested mapping based on alias matching
+ * @param headers - CSV column headers
+ * @param fieldsConfig - Field configuration for the import mode
+ * @param mode - Import mode (used to customize detection behavior)
  */
-export function detectColumnMapping(headers, fieldsConfig) {
+export function detectColumnMapping(headers, fieldsConfig, mode) {
     const mapping = {};
     const usedIndices = new Set();
     // Get all field types we're looking for
     const allFields = [...fieldsConfig.required, ...fieldsConfig.optional];
+    // For point mode, skip auto-detecting ID - default to auto-generated
+    const fieldsToDetect = mode === 'point'
+        ? allFields.filter(f => f.type !== 'id')
+        : allFields;
     // First pass: exact matches and strong matches
-    for (const field of allFields) {
+    for (const field of fieldsToDetect) {
         const aliases = COLUMN_ALIASES[field.type] || [];
         for (let i = 0; i < headers.length; i++) {
             if (usedIndices.has(i))
@@ -118,7 +125,7 @@ export function detectColumnMapping(headers, fieldsConfig) {
         }
     }
     // Second pass: partial matches for unmapped fields
-    for (const field of allFields) {
+    for (const field of fieldsToDetect) {
         if (mapping[field.type] !== undefined)
             continue;
         const aliases = COLUMN_ALIASES[field.type] || [];
@@ -190,7 +197,7 @@ export function detectImportMode(headers) {
 export function autoDetectImport(headers) {
     const mode = detectImportMode(headers);
     const fieldsConfig = getFieldsForMode(mode);
-    const mapping = detectColumnMapping(headers, fieldsConfig);
+    const mapping = detectColumnMapping(headers, fieldsConfig, mode);
     return { mode, mapping, fieldsConfig };
 }
 /**
@@ -211,14 +218,14 @@ export function parseHeaderLine(line, delimiter) {
 /**
  * Get CSV headers and suggested mapping
  */
-export function analyzeCSVHeaders(csvContent, fieldsConfig) {
+export function analyzeCSVHeaders(csvContent, fieldsConfig, mode) {
     const lines = csvContent.trim().split('\n');
     if (lines.length === 0) {
         return { headers: [], delimiter: ',', suggestedMapping: {}, rowCount: 0 };
     }
     const delimiter = detectDelimiter(lines[0]);
     const headers = parseHeaderLine(lines[0], delimiter);
-    const suggestedMapping = detectColumnMapping(headers, fieldsConfig);
+    const suggestedMapping = detectColumnMapping(headers, fieldsConfig, mode);
     return {
         headers,
         delimiter,

package/dist/shared/csv-import/types.js

@@ -9,7 +9,7 @@
 /** Cell mode - ID resolves against existing cell data */
 export const CELL_MODE_FIELDS = {
     required: [
-        { type: 'id', label: 'Cell ID', required: true, description: 'e.g. cellName, txId' }
+        { type: 'id', label: 'txId / (Cell Name) ', required: true, description: 'Column to match against cell data' }
     ],
     optional: [
         { type: 'group', label: 'Group', required: false, description: 'e.g. customGroup, category' },
@@ -19,11 +19,11 @@ export const CELL_MODE_FIELDS = {
 /** Point mode - creates markers at lat/lon coordinates */
 export const POINT_MODE_FIELDS = {
     required: [
-        { type: 'id', label: 'ID / Name', required: true, description: 'e.g. name, label, id' },
         { type: 'lat', label: 'Latitude', required: true, description: 'e.g. lat, latitude, y' },
         { type: 'lon', label: 'Longitude', required: true, description: 'e.g. lon, lng, longitude, x' }
     ],
     optional: [
+        { type: 'id', label: 'Name / ID', required: false, description: 'Optional - auto-generated if not mapped' },
         { type: 'group', label: 'Group', required: false, description: 'e.g. category, type' },
         { type: 'sizeFactor', label: 'Size', required: false, description: 'e.g. size, weight' }
     ]

package/package.json

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