init: replay mode

src/uhm/components/map/mapUtils.ts

@@ -156,8 +156,13 @@ export function filterDraftByGeometryVisibility(
     return {
         ...fc,
         features: fc.features.filter((feature) => {
+            const id = String(feature.properties.id);
+            // Kiểm tra ẩn theo ID cụ thể (ưu tiên cao nhất)
+            if (visibility[id] === false) return false;
+
             const key = getFeatureSemanticType(feature);
             if (!key) return true;
+            // Kiểm tra ẩn theo loại (semantic type)
             return visibility[key] !== false;
         }),
     };

src/uhm/components/map/useMapInteraction.ts

@@ -26,6 +26,7 @@ type UseMapInteractionProps = {
     allowGeometryEditing: boolean;
     selectedFeatureIds: (string | number)[];
     onSelectFeatureIdsRef: React.MutableRefObject<(ids: (string | number)[]) => void>;
+    onSetModeRef: React.MutableRefObject<((mode: EditorMode) => void) | undefined>;
     onCreateRef: React.MutableRefObject<((feature: FeatureCollection["features"][number]) => void) | undefined>;
     onDeleteRef: React.MutableRefObject<((id: string | number) => void) | undefined>;
     onUpdateRef: React.MutableRefObject<((id: string | number, geometry: Geometry) => void) | undefined>;
@@ -40,6 +41,7 @@ export function useMapInteraction({
     allowGeometryEditing,
     selectedFeatureIds,
     onSelectFeatureIdsRef,
+    onSetModeRef,
     onCreateRef,
     onDeleteRef,
     onUpdateRef,
@@ -142,7 +144,8 @@ export function useMapInteraction({
                     editingEngineRef.current?.beginEditing((originalFeature || feature) as any);
                 }
                 : undefined,
-            (ids) => onSelectFeatureIdsRef.current?.(ids)
+            (ids) => onSelectFeatureIdsRef.current?.(ids),
+            (id: string | number) => onSetModeRef.current?.("replay", id)
         );
 
         const cleanupPoint = initPoint(
@@ -236,6 +239,7 @@ export function useMapInteraction({
         engineBindingsRef.current = {
             draw: drawingEngine,
             select: selectEngine,
+            replay: selectEngine,
             "add-line": lineEngine,
             "add-path": pathEngine,
             "add-circle": circleEngine,

src/uhm/components/map/useMapLayers.ts

@@ -11,7 +11,7 @@ import {
 } from "@/uhm/lib/map/styles/style";
 import { EMPTY_FEATURE_COLLECTION } from "@/uhm/lib/map/geo/constants";
 import { PATH_ARROW_ICON_ID, PATH_ARROW_SOURCE_ID, POLYGON_LABEL_SOURCE_ID } from "@/uhm/lib/map/constants";
-import { ensurePointGeotypeIcons, getAllGeotypeLabelLayers, getAllGeotypeLayers } from "@/uhm/lib/map/styles/geotypes";
+import { ensurePointGeotypeIcons, getAllGeotypeLabelLayers, getAllGeotypeLayers } from "@/uhm/lib/map/styles/geotypeLayers";
 import {
     applyBackgroundLayerVisibility,
     buildTypeMatchExpression,