♻️ refactor(useCreateLayer.ts): add source validation before layer creation

Author: danhnguyen

.gitignore

@@ -22,6 +22,7 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+.kiro
 
 .eslintcache
 .vercel

libs/composables/layers/useCreateLayer.ts

@@ -1,6 +1,6 @@
 import { shallowRef, unref, computed, watch, ref } from 'vue';
 import type { CreateBaseLayerActions, Nullable, LayerTypes } from '@libs/types';
-import { getNanoid, hasLayer } from '@libs/helpers';
+import { getNanoid, hasLayer, hasSource } from '@libs/helpers';
 import { useMapReloadEvent, useLogger } from '@libs/composables';
 import type { MaybeRef } from 'vue';
 import type {
@@ -272,6 +272,17 @@ export function useCreateLayer<Layer extends LayerSpecification>(
         return;
       }
 
+      // Validate source exists before adding layer
+      if (!hasSource(map, sourceData)) {
+        layerStatus.value = LayerStatus.Error;
+        logError(
+          `Error creating layer: Source '${sourceData}' does not exist`,
+          null,
+          { layerId, type, sourceId: sourceData },
+        );
+        return;
+      }
+
       const layerSpec = {
         id: layerId,
         type,