datastake-daf 0.6.773 → 0.6.774

package/dist/pages/index.js

@@ -7069,7 +7069,7 @@ const getRowConfig$1 = ({
 const MOBILE_W = 850;
 const MOBILE_WIDTH = `max-width: ${MOBILE_W}px`;
 
-const Style$g = styled__default["default"].div`
+const Style$f = styled__default["default"].div`
 	overflow-x: auto;
 
 	@media (${MOBILE_WIDTH}) {
@@ -7467,7 +7467,7 @@ function KeyIndicatorsWidget({
     className: formatClassname(["flex-1 h-w-btn-header with-border-header", widgetClassName]),
     title: noTitle ? undefined : t(title),
     noTitle: noTitle,
-    children: [children, /*#__PURE__*/jsxRuntime.jsx(Style$g, {
+    children: [children, /*#__PURE__*/jsxRuntime.jsx(Style$f, {
       className: formatClassname(["flex", className]),
       children: config.map((c, i) => /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "row-item",
@@ -7563,13 +7563,15 @@ KeyIndicators$1.propTypes = {
   goTo: PropTypes__default["default"].func
 };
 
-const Style$f = styled__default["default"].div`
+const Style$e = styled__default["default"].div`
   display: flex;
   flex-direction: row;
   position: relative;
   width: 100%;
   height: 472px;
 
+  
+
   .filter-cont {
     position: absolute; 
     top: 24px;
@@ -7672,11 +7674,24 @@ const Style$f = styled__default["default"].div`
       align-items: center;
     }
 
-	.marker-chain {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
+    .marker-chain {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .animated-polyline {
+      stroke-dasharray: 10 10;
+      animation: dash-flow 1.5s linear infinite;
+      stroke-linecap: round;
+    }
+
+    @keyframes dash-flow {
+      to {
+        stroke-dashoffset: -20;
+      }
+    }
+
     
   }
 
@@ -8200,18 +8215,15 @@ const VILLAGE = "village";
 const EXPORTER = "exporter";
 const PROCESSOR = "mineralProcessor";
 const DEPOT = "depot";
+const OPERATOR = "miningOperator";
 const MAX_EXTRA_SMALL_ZOOM_THRESHOLD = 2;
 const MAX_SMALL_ZOOM_THRESHOLD = 3;
 const MAX_MEDIUM_ZOOM_THRESHOLD = 6;
 const LOCATION_TYPES = [MINE_SITE, VILLAGE];
-const STAKEHOLDER_TYPES = [EXPORTER, PROCESSOR, DEPOT];
+const STAKEHOLDER_TYPES = [EXPORTER, PROCESSOR, DEPOT, OPERATOR];
 const RADIUS_SMALL = 15;
 const RADIUS_MEDIUM = 35;
 const RADIUS_LARGE = 60;
-const RADIUS_CURVE_SMALL = 10;
-const RADIUS_CURVE_MEDIUM = 15;
-const RADIUS_CURVE_LARGE = 20;
-const TENSION = 0.2;
 function isLocation(type) {
   return LOCATION_TYPES.includes(type);
 }
@@ -8268,7 +8280,6 @@ function getStakeholderPosition({
   const isLarge = isLargeMarker(zoom);
   let radius;
   let center = {
-    // NOT BEING USED FOR NOW AND MAYBE NEVER
     left: 0,
     top: 0
   };
@@ -8292,6 +8303,25 @@ function getStakeholderPosition({
     angleDeg
   };
 }
+function applyAnimationDirect(el, isShortLink) {
+  if (!(el instanceof SVGElement) || isShortLink) return;
+  el.style.strokeDasharray = "10, 10";
+  el.style.strokeDashoffset = "0";
+  el.style.animation = "dash-flow 1.2s linear infinite";
+  el.classList.add('animated-polyline');
+}
+function removeAnimationFromElement(element) {
+  if (!element) return;
+  element.classList.remove('animated-polyline');
+  element.style.animation = '';
+  element.style.strokeDasharray = '';
+}
+function applyAnimationToPolyline(polyline, isShortLink) {
+  const element = polyline.getElement();
+  if (element) {
+    applyAnimationDirect(element, isShortLink);
+  }
+}
 function createPolyline({
   L,
   startLatLng,
@@ -8301,109 +8331,47 @@ function createPolyline({
   zoom,
   listOfPolylines = [],
   isFromStakeholder = false,
-  isForceOpen = false
+  isForceOpen = false,
+  stakeholderType = null,
+  animated = false,
+  mapRef
 }) {
-  const width = isFromStakeholder && isExtraSmallMarker(zoom) && !isForceOpen ? 0 : 1.2;
-  const coordinates = [[startLatLng.lat, startLatLng.lng], [endLatLng.lat, endLatLng.lng]];
-  const style = {
+  const lineWidth = isFromStakeholder && isExtraSmallMarker(zoom) && !isForceOpen ? 0 : 1.2;
+  const isShortLink = stakeholderType === OPERATOR || isFromStakeholder;
+  const shouldAnimate = animated;
+  const lineCoordinates = [[startLatLng.lat, startLatLng.lng], [endLatLng.lat, endLatLng.lng]];
+  const polylineStyle = {
     color: "var(--base-gray-70)",
-    weight: width,
-    opacity: 0.5,
-    smoothFactor: 1,
+    weight: lineWidth,
+    opacity: isSelected ? 1 : 0.5,
+    smoothFactor: 0,
     id,
-    dashArray: !isSelected ? "5, 5" : "0, 0"
+    dashArray: isShortLink ? "0, 0" : shouldAnimate ? "10, 10" : !isSelected ? "5, 5" : "10, 10",
+    renderer: L.svg()
   };
-  const newPolyline = L.polyline(coordinates, style);
-  if (listOfPolylines.find(p => p.options.id === id)) {
-    const polylineToUpdateCoordinates = listOfPolylines.find(p => p.options.id === id);
-    polylineToUpdateCoordinates.setLatLngs(coordinates);
-    polylineToUpdateCoordinates.setStyle(style);
-  } else {
-    listOfPolylines.push(newPolyline);
+  const existingPolyline = listOfPolylines.find(p => p.options.id === id);
+  if (existingPolyline) {
+    removeAnimationFromElement(existingPolyline.getElement());
+    existingPolyline.setLatLngs(lineCoordinates);
+    existingPolyline.setStyle(polylineStyle);
+    if (shouldAnimate && isSelected) {
+      existingPolyline.once('add', () => {
+        applyAnimationToPolyline(existingPolyline, isShortLink);
+      });
+      applyAnimationToPolyline(existingPolyline, isShortLink);
+    }
+    return existingPolyline;
   }
-  return newPolyline;
-}
-function createCurvePath({
-  zoom,
-  totalMarkers,
-  markerIndex
-}) {
-  const radius = getCurvePointRadius(zoom);
-  const {
-    x,
-    y,
-    angleDeg
-  } = getAngleDeg(totalMarkers, markerIndex, radius);
-  return {
-    x,
-    y,
-    angleDeg
-  };
-}
-function getCurvePointRadius(zoom) {
-  const isSmall = isSmallMarker(zoom) || isExtraSmallMarker(zoom);
-  const isMedium = isMediumMarker(zoom);
-  if (isSmall) {
-    return RADIUS_SMALL + RADIUS_CURVE_SMALL;
-  } else if (isMedium) {
-    return RADIUS_MEDIUM + RADIUS_CURVE_MEDIUM;
-  } else {
-    return RADIUS_LARGE + RADIUS_CURVE_LARGE;
+  const newPolyline = L.polyline(lineCoordinates, polylineStyle);
+  newPolyline.addTo(mapRef);
+  listOfPolylines.push(newPolyline);
+  if (shouldAnimate && isSelected) {
+    newPolyline.once('add', () => {
+      applyAnimationToPolyline(newPolyline, isShortLink);
+    });
+    applyAnimationToPolyline(newPolyline, isShortLink);
   }
-}
-function buildSmoothCurve(layerPoints, mapRef) {
-  const path = [];
-  for (let i = 0; i < layerPoints.length - 1; i++) {
-    const p0 = layerPoints[i];
-    const p1 = layerPoints[i + 1];
-    const pPrev = layerPoints[i - 1] || p0;
-    const pNext = layerPoints[i + 2] || p1;
-    const cp1 = L__namespace.point(p0.x + (p1.x - pPrev.x) * TENSION, p0.y + (p1.y - pPrev.y) * TENSION);
-    const cp2 = L__namespace.point(p1.x - (pNext.x - p0.x) * TENSION, p1.y - (pNext.y - p0.y) * TENSION);
-    if (i === 0) {
-      path.push("M", [mapRef.layerPointToLatLng(p0).lat, mapRef.layerPointToLatLng(p0).lng]);
-    }
-    path.push("C", [mapRef.layerPointToLatLng(cp1).lat, mapRef.layerPointToLatLng(cp1).lng], [mapRef.layerPointToLatLng(cp2).lat, mapRef.layerPointToLatLng(cp2).lng], [mapRef.layerPointToLatLng(p1).lat, mapRef.layerPointToLatLng(p1).lng]);
-  }
-  return path;
-}
-function getSiblingCurveStrength(zoom) {
-  if (isExtraSmallMarker(zoom)) return RADIUS_CURVE_SMALL / 2;
-  if (isSmallMarker(zoom)) return RADIUS_CURVE_MEDIUM;
-  if (isMediumMarker(zoom)) return RADIUS_CURVE_LARGE;
-  return RADIUS_CURVE_LARGE;
-}
-function buildCurveWIthTwoSiblings({
-  mapRef,
-  startLatLng,
-  endLatLng,
-  zoom,
-  isSelected,
-  id
-}) {
-  const fromPoint = mapRef.latLngToLayerPoint(startLatLng);
-  const toPoint = mapRef.latLngToLayerPoint(endLatLng);
-  const midX = (fromPoint.x + toPoint.x) / 2;
-  const midY = (fromPoint.y + toPoint.y) / 2 + (isSmallMarker(zoom) ? RADIUS_CURVE_SMALL / 2 : 0);
-  const dx = toPoint.x - fromPoint.x;
-  const dy = toPoint.y - fromPoint.y;
-  const normal = L__namespace.point(-dy, dx);
-  const length = Math.sqrt(normal.x ** 2 + normal.y ** 2) || 1;
-  const normalized = normal.multiplyBy(1 / length);
-  const curveStrength = getSiblingCurveStrength(zoom);
-  const controlPoint = L__namespace.point(midX, midY).add(normalized.multiplyBy(curveStrength));
-  const latlngs = [startLatLng, mapRef.layerPointToLatLng(controlPoint), endLatLng];
-  const layerPoints = latlngs.map(latlng => mapRef.latLngToLayerPoint(latlng));
-  const path = buildSmoothCurve(layerPoints, mapRef);
-  const curve = L__namespace.curve(path, {
-    color: "var(--base-gray-70)",
-    weight: isExtraSmallMarker(zoom) ? 0 : 1.2,
-    opacity: 0.5,
-    smoothFactor: 1,
-    id,
-    dashArray: !isSelected ? "5, 5" : "0, 0"
-  });
-  mapRef.addLayer(curve);
+  return newPolyline;
 }
 
 const StakeholderMarker = styled__default["default"].div`
@@ -8705,6 +8673,9 @@ function StakeholderIcon$1({
     return null;
   }, [parentId, allData]);
   React.useEffect(() => {
+    if (selectedMarkersId.length === 0 || !isSelected) {
+      return;
+    }
     linkNodesData.map(node => {
       const isConnectingToStakeholder = node.isStakeholder;
       const id = `${data.datastakeId}-${node.stakeholderId || node.datastakeId}`;
@@ -8716,8 +8687,6 @@ function StakeholderIcon$1({
       const stakeholderPoint = centerPoint.add(L__namespace.point(x, y));
       const stakeholderLatLng = mapRef.layerPointToLatLng(stakeholderPoint);
       let endLatLng = L__namespace.latLng(node.gps.latitude, node.gps.longitude);
-      const areNextToEachOther = targetMarkerIndex === index + 1 || targetMarkerIndex === index - 1 || index === 0 && targetMarkerIndex === node.totalStakeholders - 1 || targetMarkerIndex === 0 && index === node.totalStakeholders - 1;
-      const areOnlyTwoSiblings = node.totalStakeholders === 2;
       if (isExtraSmallMarker(zoom) && !isForceOpen) {
         createPolyline({
           L: L__namespace,
@@ -8727,7 +8696,8 @@ function StakeholderIcon$1({
           zoom,
           isSelected,
           id,
-          listOfPolylines: polylinesRef.current
+          listOfPolylines: polylinesRef.current,
+          animated: true
         });
         return;
       }
@@ -8745,61 +8715,8 @@ function StakeholderIcon$1({
         const nodePoint = mapRef.latLngToLayerPoint(nodeLatLng);
         const endPoint = L__namespace.point(x + nodePoint.x + center.left, y + nodePoint.y + center.top);
         endLatLng = mapRef.layerPointToLatLng(endPoint);
-        if (isSibling && (!areNextToEachOther || areOnlyTwoSiblings)) {
-          if (areOnlyTwoSiblings) {
-            buildCurveWIthTwoSiblings({
-              mapRef,
-              startLatLng: stakeholderLatLng,
-              endLatLng,
-              zoom,
-              isSelected,
-              id
-            });
-            return;
-          }
-          const total = node.totalStakeholders;
-          let from = index;
-          let to = targetMarkerIndex;
-          let flip = false;
-          const forwardDistance = (to - from + total) % total;
-          const backwardDistance = (from - to + total) % total;
-          if (backwardDistance < forwardDistance) {
-            [from, to] = [to, from];
-            flip = true;
-          }
-          const intermediateIndices = [];
-          for (let i = 1; i < (to - from + total) % total; i++) {
-            intermediateIndices.push((from + i) % total);
-          }
-          const indices = [from, ...intermediateIndices, to];
-          const intermediatePoints = [];
-          for (const i of indices) {
-            const {
-              x,
-              y
-            } = createCurvePath({
-              zoom,
-              totalMarkers: node.totalStakeholders,
-              markerIndex: i
-            });
-            const point = centerPoint.add(L__namespace.point(x, y));
-            const latlng = mapRef.layerPointToLatLng(point);
-            intermediatePoints.push(latlng);
-          }
-          const latlngs = flip ? [endLatLng, ...intermediatePoints, stakeholderLatLng] : [stakeholderLatLng, ...intermediatePoints, endLatLng];
-          const layerPoints = latlngs.map(latlng => mapRef.latLngToLayerPoint(latlng));
-          const path = buildSmoothCurve(layerPoints, mapRef);
-          const curve = L__namespace?.curve?.(path, {
-            color: "var(--base-gray-70)",
-            weight: isExtraSmallMarker(zoom) ? 0 : 1,
-            opacity: isSelected ? 1 : 0.5,
-            smoothFactor: 1,
-            id
-          });
-          mapRef.addLayer(curve);
-          return;
-        }
       }
+      // Always use straight lines
       createPolyline({
         L: L__namespace,
         mapRef,
@@ -8809,10 +8726,11 @@ function StakeholderIcon$1({
         isFromStakeholder: false,
         isSelected,
         id,
-        listOfPolylines: polylinesRef.current
+        listOfPolylines: polylinesRef.current,
+        animated: true
       });
     });
-  }, [mapRef, x, y, parentData, linkNodesData, isSelected, zoom, isForceOpen]);
+  }, [mapRef, x, y, parentData, linkNodesData, isSelected, zoom, isForceOpen, selectedMarkersId]);
   return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: /*#__PURE__*/jsxRuntime.jsx(antd.Popover, {
       content: renderTooltipJsx({
@@ -8879,6 +8797,8 @@ function LocationIcon({
   const linkedNodesData = React.useMemo(() => {
     const nodes = [];
     const links = data.links || [];
+
+    // Add links from the location itself
     links.forEach(link => {
       allData.forEach(d => {
         if (d.datastakeId === link) {
@@ -8898,8 +8818,45 @@ function LocationIcon({
         }
       });
     });
+
+    // ADD: Also include links from this location's stakeholders
+    const stakeholders = data.stakeholders || [];
+    stakeholders.forEach(stakeholder => {
+      const stakeholderLinks = stakeholder.links || [];
+      stakeholderLinks.forEach(link => {
+        allData.forEach(d => {
+          // Check if it's a direct location link
+          if (d.datastakeId === link) {
+            // Avoid duplicates
+            if (!nodes.find(n => n.datastakeId === link && !n.isStakeholder)) {
+              nodes.push({
+                ...d,
+                fromStakeholderId: stakeholder.datastakeId
+              });
+            }
+          }
+          // Check if it's a stakeholder link
+          if (d.stakeholders && d.stakeholders.length > 0) {
+            d.stakeholders.forEach(targetStakeholder => {
+              if (targetStakeholder.datastakeId === link) {
+                // Avoid duplicates
+                if (!nodes.find(n => n.isStakeholder && n.datastakeId === d.datastakeId && n.stakeholdersIndex === d.stakeholders.indexOf(targetStakeholder))) {
+                  nodes.push({
+                    ...d,
+                    isStakeholder: true,
+                    totalStakeholders: d.stakeholders.length,
+                    stakeholdersIndex: d.stakeholders.indexOf(targetStakeholder),
+                    fromStakeholderId: stakeholder.datastakeId
+                  });
+                }
+              }
+            });
+          }
+        });
+      });
+    });
     return nodes;
-  }, [JSON.stringify(allData), JSON.stringify(data.links), zoom]);
+  }, [JSON.stringify(allData), JSON.stringify(data.links), JSON.stringify(data.stakeholders), zoom]);
   const stakeholdersOfLocation = React.useMemo(() => {
     return data?.stakeholders || [];
   }, [data.stakeholders, zoom]);
@@ -8917,7 +8874,13 @@ function LocationIcon({
     currentRoots.clear();
     markersRef.current = [];
 
-    // Create new markers
+    // Only create stakeholder markers if this location or any of its stakeholders are selected
+    const shouldShowStakeholders = isSelected || stakeholdersOfLocation.some(stk => selectedMarkersId.includes(stk.datastakeId));
+    if (!shouldShowStakeholders || selectedMarkersId.length === 0) {
+      return;
+    }
+
+    // Create new markers only when selected
     stakeholdersOfLocation.forEach((stakeholder, index) => {
       const markerId = `${stakeholder.datastakeId}`;
       const {
@@ -9003,7 +8966,9 @@ function LocationIcon({
         zoom,
         isFromStakeholder: true,
         isForceOpen,
-        listOfPolylines: polylinesRef.current
+        listOfPolylines: polylinesRef.current,
+        stakeholderType: stakeholder.type,
+        animated: true
       });
     });
     return () => {
@@ -9018,38 +8983,88 @@ function LocationIcon({
       rootsMapRef.current.clear();
       markersRef.current = [];
     };
-  }, [stakeholdersOfLocation, selectedMarkersId, activeMarker]);
-  linkedNodesData.map(node => {
-    const id = `${data.datastakeId}-${node.datastakeId}`;
-    const isConnectingToStakeholder = node.isStakeholder;
-    const centerLatLng = L__namespace.latLng(data.gps.latitude, data.gps.longitude);
-    let endLatLng = L__namespace.latLng(node.gps.latitude, node.gps.longitude);
-    const isConnectingToStakeholderSelected = selectedMarkersId.includes(node.datastakeId);
-    if (isConnectingToStakeholder && !isExtraSmallMarker(zoom)) {
-      const {
-        x,
-        y
-      } = getStakeholderPosition({
+  }, [stakeholdersOfLocation, selectedMarkersId, activeMarker, zoom]);
+
+  // Only create polylines for linked nodes when something is selected
+  React.useEffect(() => {
+    if (selectedMarkersId.length === 0) {
+      return;
+    }
+
+    // IMPORTANT: Only draw links if this location is actually selected
+    // Not just highlighted as part of the chain
+    if (!isSelected) {
+      return;
+    }
+
+    // Filter linkedNodesData to only include nodes that are in the selected chain
+    const relevantLinks = linkedNodesData.filter(node => {
+      // Check if the target node (location) is in the selected markers
+      const targetLocationInSelection = selectedMarkersId.includes(node.datastakeId);
+
+      // If connecting to a stakeholder, check if that stakeholder is selected
+      if (node.isStakeholder) {
+        const stakeholderInSelection = node.stakeholdersIndex !== undefined && selectedMarkersId.includes(node.datastakeId);
+        return stakeholderInSelection;
+      }
+      return targetLocationInSelection;
+    });
+    relevantLinks.forEach(node => {
+      const id = node.fromStakeholderId ? `${node.fromStakeholderId}-${node.datastakeId}` : `${data.datastakeId}-${node.datastakeId}`;
+      const isConnectingToStakeholder = node.isStakeholder;
+
+      // If the link is from a stakeholder, start from the stakeholder position
+      let startLatLng;
+      if (node.fromStakeholderId) {
+        // Find the stakeholder index in this location's stakeholders
+        const stakeholderIndex = stakeholdersOfLocation.findIndex(s => s.datastakeId === node.fromStakeholderId);
+        if (stakeholderIndex !== -1) {
+          const {
+            x,
+            y
+          } = getStakeholderPosition({
+            zoom,
+            totalMarkers: stakeholdersOfLocation.length,
+            markerIndex: stakeholderIndex
+          });
+          const centerLatLng = L__namespace.latLng(data.gps.latitude, data.gps.longitude);
+          const centerPoint = mapRef.latLngToLayerPoint(centerLatLng);
+          const stakeholderPoint = centerPoint.add(L__namespace.point(x, y));
+          startLatLng = mapRef.layerPointToLatLng(stakeholderPoint);
+        } else {
+          startLatLng = L__namespace.latLng(data.gps.latitude, data.gps.longitude);
+        }
+      } else {
+        startLatLng = L__namespace.latLng(data.gps.latitude, data.gps.longitude);
+      }
+      let endLatLng = L__namespace.latLng(node.gps.latitude, node.gps.longitude);
+      const isConnectingToStakeholderSelected = selectedMarkersId.includes(node.datastakeId);
+      if (isConnectingToStakeholder && !isExtraSmallMarker(zoom)) {
+        const {
+          x,
+          y
+        } = getStakeholderPosition({
+          zoom,
+          totalMarkers: node.totalStakeholders,
+          markerIndex: node.stakeholdersIndex
+        });
+        const nodeLatLng = L__namespace.latLng(node.gps.latitude, node.gps.longitude);
+        const nodePoint = mapRef.latLngToLayerPoint(nodeLatLng);
+        const endPoint = L__namespace.point(x + nodePoint.x, y + nodePoint.y);
+        endLatLng = mapRef.layerPointToLatLng(endPoint);
+      }
+      createPolyline({
+        L: L__namespace,
+        mapRef,
+        startLatLng,
+        endLatLng,
+        isSelected: isConnectingToStakeholderSelected,
+        id,
         zoom,
-        totalMarkers: node.totalStakeholders,
-        markerIndex: node.stakeholdersIndex
+        listOfPolylines: polylinesRef.current
       });
-      const nodeLatLng = L__namespace.latLng(node.gps.latitude, node.gps.longitude);
-      const nodePoint = mapRef.latLngToLayerPoint(nodeLatLng);
-      const endPoint = L__namespace.point(x + nodePoint.x, y + nodePoint.y);
-      endLatLng = mapRef.layerPointToLatLng(endPoint);
-    }
-    createPolyline({
-      L: L__namespace,
-      mapRef,
-      startLatLng: centerLatLng,
-      endLatLng,
-      isSelected: isConnectingToStakeholderSelected,
-      id,
-      zoom,
-      listOfPolylines: polylinesRef.current
     });
-  });
+  }, [linkedNodesData, selectedMarkersId, zoom, stakeholdersOfLocation, isSelected]);
   return /*#__PURE__*/jsxRuntime.jsx(antd.Popover, {
     content: renderTooltipJsx({
       title: data.name,
@@ -9104,7 +9119,7 @@ function LocationIcon({
   });
 }
 
-const Style$e = styled__default["default"].div`
+const Style$d = styled__default["default"].div`
   .main {
     width: 24px;
     height: 24px;
@@ -9249,7 +9264,7 @@ function StakeholderIcon({
         onClickLink: () => onClickLink(marker)
       }),
       getPopupContainer: () => document.getElementById("map"),
-      children: /*#__PURE__*/jsxRuntime.jsx(Style$e
+      children: /*#__PURE__*/jsxRuntime.jsx(Style$d
       // onClick={toggleOpen}
       , {
         className: `map-marker marker closed`,
@@ -9262,7 +9277,7 @@ function StakeholderIcon({
       })
     });
   }
-  return /*#__PURE__*/jsxRuntime.jsxs(Style$e, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Style$d, {
     onClick: toggleOpen,
     className: `map-marker marker ${isActive ? "opened" : "closed"}`,
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
@@ -9565,7 +9580,8 @@ function useMapHelper$1({
           link: link,
           onClickLink: onClickLink,
           activeStakeholder: activeStakeholder,
-          setActiveStakeholder: setActiveStakeholder
+          setActiveStakeholder: setActiveStakeholder,
+          mapRef: mapRef
         }));
         roots.current.push(root);
       } else if (type === "location") {
@@ -9770,7 +9786,8 @@ const useMap = ({
     MAP_TOKEN
   } = useMapConfig({
     app,
-    isSatellite
+    isSatellite,
+    mapRef: container
   });
   const [initialMarkerSetIsDone, setInitialMarkerSetIsDone] = React.useState(false);
   const [mapCenter, setMapCenter] = React.useState([0, 0]);
@@ -9787,6 +9804,8 @@ const useMap = ({
     const graph = new Map();
     const stakeToLoc = new Map();
     const nodeTypes = new Map();
+
+    // Build the graph
     for (const loc of data) {
       const locId = loc.datastakeId;
       nodeTypes.set(locId, loc.type);
@@ -9811,26 +9830,45 @@ const useMap = ({
       }
     }
     const highlightTable = {};
+
+    // Perform BFS/DFS to find all connected nodes in the entire chain
     for (const [node] of graph) {
       const highlighted = new Set();
-      highlighted.add(node);
-      const nodeIsStakeholder = !isLocation(nodeTypes.get(node));
-      if (nodeIsStakeholder && stakeToLoc.has(node)) {
-        const parentLoc = stakeToLoc.get(node);
-        highlighted.add(parentLoc);
-      }
-      for (const neighbor of graph.get(node) || []) {
-        const neighborIsStakeholder = !isLocation(nodeTypes.get(neighbor));
-        if (neighborIsStakeholder && stakeToLoc.has(neighbor)) {
-          const neighborParent = stakeToLoc.get(neighbor);
-          if (isLocation(nodeTypes.get(node)) && neighborParent === node || nodeIsStakeholder && stakeToLoc.get(node) === neighborParent) {
-            highlighted.add(neighbor);
-          } else {
+      const queue = [node];
+      const visited = new Set([node]);
+      while (queue.length > 0) {
+        const current = queue.shift();
+        highlighted.add(current);
+
+        // Add parent location if current is stakeholder
+        const currentIsStakeholder = !isLocation(nodeTypes.get(current));
+        if (currentIsStakeholder && stakeToLoc.has(current)) {
+          const parentLoc = stakeToLoc.get(current);
+          if (!visited.has(parentLoc)) {
+            highlighted.add(parentLoc);
+            visited.add(parentLoc);
+            queue.push(parentLoc);
+          }
+        }
+
+        // Traverse all neighbors
+        for (const neighbor of graph.get(current) || []) {
+          if (!visited.has(neighbor)) {
+            visited.add(neighbor);
+            queue.push(neighbor);
             highlighted.add(neighbor);
-            highlighted.add(neighborParent);
+
+            // If neighbor is stakeholder, add its parent location
+            const neighborIsStakeholder = !isLocation(nodeTypes.get(neighbor));
+            if (neighborIsStakeholder && stakeToLoc.has(neighbor)) {
+              const neighborParent = stakeToLoc.get(neighbor);
+              if (!visited.has(neighborParent)) {
+                highlighted.add(neighborParent);
+                visited.add(neighborParent);
+                queue.push(neighborParent);
+              }
+            }
           }
-        } else {
-          highlighted.add(neighbor);
         }
       }
       highlightTable[node] = [...highlighted];
@@ -9895,19 +9933,29 @@ const useMap = ({
         });
       }
     }
+    if (type === "chain" && selectedMarkersId.length === 0) {
+      if (polylinesRef.current.length) {
+        polylinesRef.current.forEach(polyline => {
+          if (mapRef.hasLayer(polyline)) {
+            mapRef.removeLayer(polyline);
+          }
+        });
+        polylinesRef.current = [];
+      }
+    }
     clearMapMarkers();
     if (data) {
-      // Filters out locations that are not connected to any stakeholders
-      const excludedType = ['village', 'town', 'area', 'territory'];
-      const filteredData = data?.filter(obj => !excludedType.includes(obj?.type) && (obj?.stakeholders?.length > 0 || data.some(other => other.datastakeId !== obj.datastakeId && (other.stakeholders || []).some(stk => (stk.links || []).includes(obj.datastakeId)))));
+      const filteredData = data?.filter(obj => obj.type === 'mineSite' || obj?.stakeholders?.length > 0 || data.some(other => other.datastakeId !== obj.datastakeId && (other.stakeholders || []).some(stk => (stk.links || []).includes(obj.datastakeId))));
       const maxTotal = Math.max(...(data || []).map(d => d.total));
       const dataToRender = type === "chain" ? filteredData : data;
       dataToRender.forEach((d, i) => {
         addIconToMapInitialy([d?.marker?.lat, d?.marker?.lng], "location", d.category || "mineSite", d, maxTotal, i);
       });
-      polylinesRef.current.forEach(polyline => {
-        mapRef.addLayer(polyline);
-      });
+      if (selectedMarkersId.length > 0) {
+        polylinesRef.current.forEach(polyline => {
+          mapRef.addLayer(polyline);
+        });
+      }
       mapRef.invalidateSize();
       mapRef.fire("moveend");
     }
@@ -10068,7 +10116,7 @@ const useMap = ({
   };
 };
 
-const Style$d = styled__default["default"].div`
+const Style$c = styled__default["default"].div`
 	position: relative;
 	width: 100%;
 	height: 100%;
@@ -10141,7 +10189,7 @@ function ComponentWithFocus({
       setClosed(false);
     }
   }, [closed]);
-  return /*#__PURE__*/jsxRuntime.jsxs(Style$d, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Style$c, {
     className: className,
     ref: ref,
     style: style,
@@ -10153,7 +10201,7 @@ function ComponentWithFocus({
   });
 }
 
-const Style$c = styled__default["default"].div`
+const Style$b = styled__default["default"].div`
   position: absolute; 
   top: 24px;
   left: 24px;
@@ -10328,7 +10376,7 @@ function Filters({
         return null;
     }
   };
-  return /*#__PURE__*/jsxRuntime.jsxs(Style$c, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Style$b, {
     children: [/*#__PURE__*/jsxRuntime.jsxs(antd.Button, {
       onClick: () => setOpened(p => !p),
       children: [t("Filter"), /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
@@ -10409,7 +10457,7 @@ function Map$1({
     isSatellite
   });
   return /*#__PURE__*/jsxRuntime.jsx(ComponentWithFocus, {
-    children: /*#__PURE__*/jsxRuntime.jsxs(Style$f, {
+    children: /*#__PURE__*/jsxRuntime.jsxs(Style$e, {
       className: formatClassname([showSider && activeMarker && "with-sider"]),
       children: [filtersConfig ? /*#__PURE__*/jsxRuntime.jsx(Filters, {
         t: t,
@@ -10618,7 +10666,7 @@ function PrimaryNode({
       style: {
         opacity: 0
       }
-    }), /*#__PURE__*/jsxRuntime.jsxs(Style$b, {
+    }), /*#__PURE__*/jsxRuntime.jsxs(Style$a, {
       $isPdf: isPdf,
       className: "flex",
       children: [" ", /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -10729,7 +10777,7 @@ function PrimaryNode({
     })]
   });
 }
-const Style$b = styled__default["default"].div`
+const Style$a = styled__default["default"].div`
   width: ${MAIN_NODE_WIDTH}px;
   height: ${MAIN_NODE_HEIGHT}px; /* Explicitly set height */
   display: flex;
@@ -10865,7 +10913,7 @@ function IconNode({
     }), /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
       title: data?.name,
       defaultOpen: data?.ONLY_IN_STORYBOOK,
-      children: /*#__PURE__*/jsxRuntime.jsx(Style$a, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Style$9, {
         hoverColor: data?.iconHoverColor,
         children: /*#__PURE__*/jsxRuntime.jsx(antd.ConfigProvider, {
           theme: {
@@ -10908,7 +10956,7 @@ function IconNode({
     })]
   });
 }
-const Style$a = styled__default["default"].div`
+const Style$9 = styled__default["default"].div`
 	height: 40px;
 	width: 40px;
 
@@ -10986,7 +11034,7 @@ function NameNode({
       style: {
         opacity: 0
       }
-    }), /*#__PURE__*/jsxRuntime.jsxs(Style$9, {
+    }), /*#__PURE__*/jsxRuntime.jsxs(Style$8, {
       $isPdf: isPdf,
       style: {
         opacity: data.isEmpty ? 0.5 : 1
@@ -11074,7 +11122,7 @@ function NameNode({
     })]
   });
 }
-const Style$9 = styled__default["default"].div`
+const Style$8 = styled__default["default"].div`
     width: ${NAME_CARD_WIDTH}px;
     height: 55px;
     display: flex;
@@ -11105,7 +11153,7 @@ const Style$9 = styled__default["default"].div`
     }
 `;
 
-const Style$8 = styled__default["default"].div`
+const Style$7 = styled__default["default"].div`
 	width: 405px;
 	display: flex;
 	height: 140px;
@@ -11216,7 +11264,7 @@ function ExpandedNode({
       style: {
         opacity: 0
       }
-    }), /*#__PURE__*/jsxRuntime.jsxs(Style$8, {
+    }), /*#__PURE__*/jsxRuntime.jsxs(Style$7, {
       style: {
         opacity
       },
@@ -12468,7 +12516,7 @@ Identification.propTypes = {
   theme: PropTypes__default["default"].object
 };
 
-const Style$7 = styled__default["default"].div`
+const Style$6 = styled__default["default"].div`
   position: absolute;
   display: flex;
   gap: 12px;
@@ -12483,7 +12531,7 @@ function Tooltip({
   mouseY = 0,
   children = null
 }) {
-  return /*#__PURE__*/jsxRuntime.jsx(Style$7, {
+  return /*#__PURE__*/jsxRuntime.jsx(Style$6, {
     style: {
       top: mouseY,
       left: mouseX
@@ -15176,7 +15224,7 @@ const renderStatusTag = ({
   }
 };
 
-const getColumns$c = ({
+const getColumns$b = ({
   t,
   goTo,
   user,
@@ -20833,7 +20881,7 @@ function Comments({
   });
 }
 
-var Style$6 = styled__default["default"].div`
+var Style$5 = styled__default["default"].div`
   border: 1px solid var(--base-gray-40);
   padding: 12px;
   background: var(--base-gray-20);
@@ -20979,7 +21027,7 @@ function GroupInfoHOC({
     meta,
     t
   });
-  return /*#__PURE__*/jsxRuntime.jsxs(Style$6, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Style$5, {
     className: formatClassname([!isExpanded && 'collapsed', className, isSuccess && 'success']),
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "cont-header",
@@ -21136,7 +21184,7 @@ function GroupInfo({
         });
     }
   };
-  return /*#__PURE__*/jsxRuntime.jsxs(Style$6, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Style$5, {
     className: formatClassname([!isExpanded && 'collapsed', className]),
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "cont-header",
@@ -21177,7 +21225,7 @@ function GroupInfos({
   }, key));
 }
 
-const Style$5 = styled__default["default"].div`
+const Style$4 = styled__default["default"].div`
   gap: 16px;
   display: flex;
   max-width: 465px;
@@ -21199,7 +21247,7 @@ function EvaluationPopover({
   t = s => s,
   evaluationConfig = []
 }) {
-  return /*#__PURE__*/jsxRuntime.jsx(Style$5, {
+  return /*#__PURE__*/jsxRuntime.jsx(Style$4, {
     children: evaluationConfig.map(c =>
     /*#__PURE__*/
     //? ASK REDI
@@ -23171,7 +23219,7 @@ const useMapHelper = ({
   };
 };
 
-const Style$4 = styled__default["default"].div`
+const Style$3 = styled__default["default"].div`
   width: 100%;
   height: 20rem;
   flex: 1;
@@ -23298,7 +23346,7 @@ function PolygonSelector({
       searchForLocation(mapRef);
     }
   }, [searchValue, mapRef]);
-  return /*#__PURE__*/jsxRuntime.jsxs(Style$4, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Style$3, {
     className: "polygon-selector",
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
       className: "map-container",
@@ -30056,7 +30104,7 @@ const NavigationAction = ({
   });
 };
 
-const getColumns$b = ({
+const getColumns$a = ({
   t,
   goTo,
   user,
@@ -30628,7 +30676,7 @@ const viewConfig$6 = {
   createTitle: "Create Worker"
 };
 
-const getColumns$a = ({
+const getColumns$9 = ({
   t,
   goTo,
   user,
@@ -31130,7 +31178,7 @@ MoreTags.propTypes = {
   limit: PropTypes__default["default"].number
 };
 
-const getColumns$9 = ({
+const getColumns$8 = ({
   t,
   goTo,
   user,
@@ -31585,7 +31633,7 @@ const getEventCategoryBySubject = (eventCategoryObject, subject, isSingular = fa
   return eventCategoryObject[key] || null;
 };
 
-const getColumns$8 = ({
+const getColumns$7 = ({
   t,
   goTo,
   user,
@@ -32010,7 +32058,7 @@ const viewConfig$3 = {
   createTitle: "Create Incident"
 };
 
-const getColumns$7 = ({
+const getColumns$6 = ({
   t,
   goTo,
   user,
@@ -32268,7 +32316,7 @@ const viewConfig$2 = {
   createTitle: "Create Location"
 };
 
-const getColumns$6 = ({
+const getColumns$5 = ({
   t,
   goTo,
   user,
@@ -32682,7 +32730,7 @@ MoreOptions.propTypes = {
   limit: PropTypes__default["default"].number
 };
 
-const getColumns$5 = ({
+const getColumns$4 = ({
   t,
   goTo,
   user,
@@ -32918,7 +32966,7 @@ const viewConfig = {
   createTitle: "Create Document"
 };
 
-const getColumns$4 = ({
+const getColumns$3 = ({
   t,
   goTo,
   user,
@@ -33043,63 +33091,63 @@ const FILTER_REGISTRY = {
     options: getFilterOptions$a,
     formConfig: formConfig$8,
     viewConfig: viewConfig$8,
-    columns: getColumns$b
+    columns: getColumns$a
   },
   workers: {
     config: getFiltersConfig$8,
     options: getFilterOptions$8,
     formConfig: formConfig$6,
     viewConfig: viewConfig$6,
-    columns: getColumns$a
+    columns: getColumns$9
   },
   operators: {
     config: getFiltersConfig$9,
     options: getFilterOptions$9,
     formConfig: formConfig$7,
     viewConfig: viewConfig$7,
-    columns: getColumns$c
+    columns: getColumns$b
   },
   events: {
     config: getFiltersConfig$7,
     options: getFilterOptions$7,
     formConfig: formConfig$5,
     viewConfig: viewConfig$5,
-    columns: getColumns$9
+    columns: getColumns$8
   },
   activities: {
     config: getFiltersConfig$6,
     options: getFilterOptions$6,
     formConfig: formConfig$4,
     viewConfig: viewConfig$4,
-    columns: getColumns$8
+    columns: getColumns$7
   },
   incidents: {
     config: getFiltersConfig$5,
     options: getFilterOptions$5,
     formConfig: formConfig$3,
     viewConfig: viewConfig$3,
-    columns: getColumns$7
+    columns: getColumns$6
   },
   locations: {
     config: getFiltersConfig$4,
     options: getFilterOptions$4,
     formConfig: formConfig$2,
     viewConfig: viewConfig$2,
-    columns: getColumns$6
+    columns: getColumns$5
   },
   'production-sites': {
     config: getFiltersConfig$3,
     options: getFilterOptions$3,
     formConfig: formConfig$1,
     viewConfig: viewConfig$1,
-    columns: getColumns$5
+    columns: getColumns$4
   },
   documents: {
     config: getFiltersConfig$2,
     options: getFilterOptions$2,
     formConfig: formConfig,
     viewConfig: viewConfig,
-    columns: getColumns$4
+    columns: getColumns$3
   }
 };
 const DEFAULT_SUBJECT = 'stakeholders';
@@ -33150,7 +33198,7 @@ const getViewConfig = ({
   return registry?.viewConfig;
 };
 
-const getColumns$3 = ({
+const getColumns$2 = ({
   t,
   goTo,
   user,
@@ -33237,7 +33285,7 @@ const useTablePage = ({
     extendingFilters: extendingFilters,
     subject
   });
-  const columns = React.useMemo(() => getColumns$3({
+  const columns = React.useMemo(() => getColumns$2({
     t,
     goTo,
     user,
@@ -33248,7 +33296,7 @@ const useTablePage = ({
     subject,
     data,
     applications
-  }), [t, goTo, user, options, activeTab, getRedirectLink, theme, data, applications, subject, getColumns$3]);
+  }), [t, goTo, user, options, activeTab, getRedirectLink, theme, data, applications, subject, getColumns$2]);
   const selectFiltersConfig = React.useMemo(() => getFiltersConfig$1({
     t,
     subject
@@ -33813,7 +33861,7 @@ const WorkersTable = ({
     getData: getData,
     getApiBaseUrl: getApiBaseUrl,
     getAppHeader: getAppHeader,
-    getColumns: getColumns$a,
+    getColumns: getColumns$9,
     breadcrumbs: breadcrumbs,
     extendingFilters: extendingFilters,
     formConfig: {
@@ -34038,7 +34086,7 @@ const ProductionSitesTable = ({
   });
 };
 
-const getColumns$2 = ({
+const getColumns$1 = ({
   t,
   goTo,
   user,
@@ -34516,7 +34564,7 @@ const UsersTable = ({
   const params = new URLSearchParams(location?.search);
   const [openCreateModal, setOpenCreateModal] = React.useState(params.has("create"));
   const [userToEdit, setUserToEdit] = React.useState(null);
-  const columns = React.useMemo(() => getColumns$2({
+  const columns = React.useMemo(() => getColumns$1({
     t,
     goTo,
     user,
@@ -34907,7 +34955,7 @@ const partnershipTypes = [{
   value: "exchange"
 }];
 
-const getColumns$1 = ({
+const getColumns = ({
   t,
   accept,
   decline,
@@ -35417,7 +35465,7 @@ const Create = ({
   });
 };
 
-const Style$3 = styled__default["default"].div`
+const Style$2 = styled__default["default"].div`
   display: flex;
   gap: 8px;
   justify-content: center;
@@ -35440,7 +35488,7 @@ function Footer({
   disabledFooterText,
   disabledFooter
 }) {
-  return /*#__PURE__*/jsxRuntime.jsxs(Style$3, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Style$2, {
     className: className,
     children: [disabledFooterText ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
       title: t(disabledFooterText),
@@ -35652,7 +35700,7 @@ const PartnersTable = ({
     setTotalRequests,
     t
   });
-  const columns = React.useMemo(() => getColumns$1({
+  const columns = React.useMemo(() => getColumns({
     t,
     accept,
     decline,
@@ -37819,63 +37867,7 @@ const OperatorSummary = ({
   });
 };
 
-function StickyTable({
-  size = "small",
-  maxHeight = 300,
-  containerHeight = 525,
-  dataSource = [],
-  columns = {},
-  pagination = false,
-  doEmptyRows = true,
-  ...props
-}) {
-  const data = React__default["default"].useMemo(() => {
-    if (!doEmptyRows) {
-      return dataSource;
-    }
-    const MIN_ROWS = 4;
-    if (dataSource.length < MIN_ROWS) {
-      const paddedData = [...dataSource];
-      while (paddedData.length < MIN_ROWS) {
-        paddedData.push({
-          empty: true
-        });
-      }
-      return paddedData;
-    }
-    return dataSource;
-  }, [dataSource, doEmptyRows]);
-  const Wrapper = React__default["default"].useMemo(() => {
-    return data.length > 5 ? ComponentWithFocus : "div";
-  }, [data.length]);
-  return /*#__PURE__*/jsxRuntime.jsx(Wrapper, {
-    children: /*#__PURE__*/jsxRuntime.jsx(Style$2, {
-      children: /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "daf-table-wrapper",
-        style: {
-          maxHeight: containerHeight,
-          overflowY: "auto"
-        },
-        children: /*#__PURE__*/jsxRuntime.jsx("div", {
-          className: "daf-sticky-table",
-          children: /*#__PURE__*/jsxRuntime.jsx(antd.Table, {
-            ...props,
-            size: size,
-            scroll: true,
-            sticky: true,
-            style: {
-              maxHeight
-            },
-            dataSource: data,
-            columns: columns,
-            pagination: pagination
-          })
-        })
-      })
-    })
-  });
-}
-const Style$2 = styled__default["default"].div`
+styled__default["default"].div`
 	max-width: calc(100% - 48px);
 	margin-left: var(--size-lg);
 	overflow: hidden;
@@ -37899,13 +37891,13 @@ const Style$2 = styled__default["default"].div`
 		padding-top: 16px;
 	}
 `;
-StickyTable.propTypes = {
+({
   size: PropTypes__default["default"].any,
   maxHeight: PropTypes__default["default"].number,
   dataSource: PropTypes__default["default"].array,
   columns: PropTypes__default["default"].object,
   pagination: PropTypes__default["default"].any
-};
+});
 
 ({
   content: PropTypes__default["default"].string,
@@ -41859,13 +41851,6 @@ styled__default["default"].div`
   }
 `;
 
-const getRedirectLink = (link, APP) => {
-  if (window.location.pathname.includes(`/${APP}`)) {
-    return `${APP}${link}`;
-  }
-  return link;
-};
-
 styled__default["default"].div`
   display: flex;
   flex-direction: column;
@@ -43893,6 +43878,7 @@ const JobsTimeline = ({
   loading = false,
   t = s => s
 }) => {
+  console.log('dayJobsTimeline', dayJobsTimeline);
   const jobsData = Array.isArray(dayJobsTimeline) ? dayJobsTimeline : dayJobsTimeline?.jobsTimeline || dayJobsTimeline?.jobs || dayJobsTimeline?.timeline || [];
   const formatDateAxis = React.useMemo(() => {
     return label => {
@@ -44252,739 +44238,37 @@ const CommunityParticipation = ({
   });
 };
 
-const ACTIVITIES_TAB$1 = 'activities';
-const PARTNERS_TAB$1 = 'partners';
-const INCIDENTS_TAB$1 = 'incidents';
-const getColumns = ({
-  projectId,
-  t,
-  show = 'show',
-  navigate,
-  selectOptions,
-  view,
-  getRedirectLink,
-  activeTab = ACTIVITIES_TAB$1
-}) => {
-  if (activeTab === ACTIVITIES_TAB$1) {
-    return [{
-      title: "",
-      dataIndex: 'image',
-      key: 'image',
-      active: true,
-      width: 80,
-      pending: true,
-      suspended: true,
-      ellipsis: true,
-      render: (v, all) => {
-        if (all.empty) {
-          return /*#__PURE__*/jsxRuntime.jsx("div", {
-            className: "daf-default-cell"
-          });
-        }
-        const firstGroupPhoto = all?.groupPhotos?.[0];
-        const pictures = firstGroupPhoto?.pictures;
-        const firstPicture = Array.isArray(pictures) && pictures.length > 0 ? pictures[0] : null;
-        let imageUrl = firstPicture?.url;
-        const normalizeUrl = url => url?.endsWith(':') ? url.slice(0, -1) : url;
-        let normalizedUrl = imageUrl ? normalizeUrl(imageUrl.trim()) : null;
-        if (normalizedUrl && !normalizedUrl.startsWith('http://') && !normalizedUrl.startsWith('https://') && !normalizedUrl.startsWith('//')) {
-          if (normalizedUrl.startsWith('cdn.') || normalizedUrl.includes('.') && !normalizedUrl.startsWith('/')) {
-            normalizedUrl = `https://${normalizedUrl}`;
-          }
-        }
-        return /*#__PURE__*/jsxRuntime.jsx("div", {
-          className: "daf-default-cell",
-          style: {
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'center'
-          },
-          children: /*#__PURE__*/jsxRuntime.jsx("div", {
-            style: {
-              width: 32,
-              height: 32,
-              borderWidth: '1px',
-              borderStyle: 'solid',
-              borderColor: '#E5E7EB',
-              borderRadius: '6px',
-              background: '#F9FAFB',
-              display: 'flex',
-              alignItems: 'center',
-              justifyContent: 'center',
-              overflow: 'hidden',
-              position: 'relative'
-            },
-            children: normalizedUrl && /*#__PURE__*/jsxRuntime.jsx("img", {
-              src: normalizedUrl,
-              alt: all.name || 'Activity image',
-              style: {
-                width: '100%',
-                height: '100%',
-                objectFit: 'cover',
-                borderRadius: '6px'
-              },
-              onError: e => {
-                e.target.style.display = 'none';
-              }
-            })
-          })
-        });
-      }
-    }, {
-      title: t('ID'),
-      dataIndex: 'datastakeId',
-      key: 'datastakeId',
-      active: true,
-      pending: true,
-      suspended: true,
-      ellipsis: true,
-      render: (v, all) => {
-        if (all.empty) {
-          return /*#__PURE__*/jsxRuntime.jsx("div", {
-            className: "daf-default-cell"
-          });
-        }
-        return /*#__PURE__*/jsxRuntime.jsx("div", {
-          className: "daf-default-cell",
-          children: all.datastakeId
-        });
-      }
-    }, {
-      title: t("Title"),
-      dataIndex: "name",
-      key: "name",
-      ellipsis: true,
-      active: true,
-      pending: true,
-      suspended: true,
-      render: value => /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-        title: value,
-        children: value
-      })
-    }, {
-      title: t("Type"),
-      dataIndex: "type",
-      key: "type",
-      ellipsis: true,
-      active: true,
-      pending: true,
-      suspended: true,
-      render: (value, all) => {
-        if (all.empty) {
-          return /*#__PURE__*/jsxRuntime.jsx("div", {
-            className: "daf-default-cell"
-          });
-        }
-        return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-          title: value,
-          children: value?.toUpperCase().charAt(0) + value?.slice(1) || '-'
-        });
-      }
-    }, {
-      title: t("Location"),
-      dataIndex: "location",
-      key: "location",
-      ellipsis: true,
-      active: true,
-      pending: true,
-      width: 220,
-      suspended: true,
-      show: true,
-      render: (value, all) => {
-        if (all.empty) {
-          return /*#__PURE__*/jsxRuntime.jsx("div", {
-            className: "daf-default-cell"
-          });
-        }
-        const location = all.location || value;
-        if (location && typeof location === 'object' && typeof location.latitude === 'number' && typeof location.longitude === 'number') {
-          const coordinates = convertDMS(location.latitude, location.longitude);
-          const iconColor = "#016C6E";
-          return /*#__PURE__*/jsxRuntime.jsxs("div", {
-            style: {
-              display: 'flex',
-              alignItems: 'center',
-              gap: '8px',
-              flexWrap: 'nowrap'
-            },
-            children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-              style: {
-                display: 'flex',
-                alignItems: 'center',
-                gap: '4px'
-              },
-              children: [/*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
-                name: "SpacingHeight",
-                width: 14,
-                height: 14,
-                fill: iconColor
-              }), /*#__PURE__*/jsxRuntime.jsx("span", {
-                children: coordinates[0]
-              })]
-            }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-              style: {
-                display: 'flex',
-                alignItems: 'center',
-                gap: '4px'
-              },
-              children: [/*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
-                name: "SpacingWidth",
-                width: 14,
-                height: 14,
-                fill: iconColor
-              }), /*#__PURE__*/jsxRuntime.jsx("span", {
-                children: coordinates[1]
-              })]
-            })]
-          });
-        }
-        let locationDisplay = '-';
-        if (all.project?.name || all.project?.title) {
-          locationDisplay = all.project?.name || all.project?.title;
-        } else if (location?.name) {
-          locationDisplay = location.name;
-        } else if (value && typeof value === 'string') {
-          locationDisplay = value;
-        }
-        return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-          title: locationDisplay,
-          children: locationDisplay
-        });
-      }
-    }, {
-      title: t("Implementer"),
-      dataIndex: "technicalPartner",
-      key: "implementer",
-      ellipsis: true,
-      show: true,
-      render: (value, all) => {
-        if (all.empty) {
-          return /*#__PURE__*/jsxRuntime.jsx("div", {
-            className: "daf-default-cell"
-          });
-        }
-        const implementerName = all.technicalPartner || all.implementer?.name || all.implementer?.title || value || '-';
-        return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-          title: implementerName,
-          children: implementerName
-        });
-      }
-    }, {
-      title: t("Status"),
-      dataIndex: "published",
-      key: "published",
-      ellipsis: false,
-      show: true,
-      render: (value, all) => {
-        if (all.empty) {
-          return /*#__PURE__*/jsxRuntime.jsx("div", {
-            className: "daf-default-cell"
-          });
-        }
-        let statusDisplay = '-';
-        let color = 'default';
-        if (value !== undefined) {
-          statusDisplay = value ? t('Published') : t('Unpublished');
-          color = value ? 'green' : 'default';
-        }
-        return /*#__PURE__*/jsxRuntime.jsx(antd.Tag, {
-          color: color,
-          style: {
-            width: 100
-          },
-          className: "text-center",
-          children: t(statusDisplay)
-        });
-      }
-    }, {
-      title: t("Date"),
-      dataIndex: "lastUpdated",
-      key: "lastUpdated",
-      ellipsis: true,
-      active: true,
-      pending: false,
-      suspended: true,
-      show: true,
-      render: (val, all) => {
-        if (all.empty) {
-          return /*#__PURE__*/jsxRuntime.jsx("div", {
-            className: "daf-default-cell"
-          });
-        }
-        const title = renderDateFormatted(all.updatedAt || all.date, "DD MMM YYYY");
-        return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-          title: title,
-          children: title
-        });
-      }
-    }, {
-      title: "",
-      dataIndex: "actions",
-      key: "actions",
-      width: 60,
-      render: (_, val) => {
-        if (val.empty) {
-          return /*#__PURE__*/jsxRuntime.jsx("div", {
-            className: "daf-default-cell"
-          });
-        }
-        const items = [{
-          key: "viewSummary",
-          label: t("Summary"),
-          onClick: () => {
-            const link = `/app/projects/${projectId}/restoration/summary/${val.datastakeId}`;
-            navigate(getRedirectLink(link));
-          }
-        }, {
-          key: "viewDetails",
-          label: t("Details"),
-          onClick: () => {
-            const link = `/app/projects/${projectId}/restoration/view/general/${val.datastakeId}/identification`;
-            navigate(getRedirectLink(link));
-          }
-        }];
-        return /*#__PURE__*/jsxRuntime.jsx(MoreMenu, {
-          items: items
-        });
-      },
-      ellipsis: true
-    }];
-  }
-  if (activeTab === PARTNERS_TAB$1) {
-    return [{
-      title: t('ID'),
-      dataIndex: 'datastakeId',
-      key: 'datastakeId',
-      ellipsis: true,
-      width: 160,
-      render: (v, all) => {
-        if (all.empty) {
-          return /*#__PURE__*/jsxRuntime.jsx("div", {
-            className: "daf-default-cell"
-          });
-        }
-        return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-          title: v,
-          children: v || '-'
-        });
-      }
-    }, {
-      title: t("Name"),
-      dataIndex: "name",
-      key: "name",
-      ellipsis: true,
-      render: (value, all) => {
-        if (all.empty) {
-          return /*#__PURE__*/jsxRuntime.jsx("div", {
-            className: "daf-default-cell"
-          });
-        }
-        const name = value || all.nickName || '-';
-        return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-          title: name,
-          children: name
-        });
-      }
-    }, {
-      title: t("Category"),
-      dataIndex: "category",
-      key: "category",
-      ellipsis: true,
-      render: (value, all) => {
-        if (all.empty) {
-          return /*#__PURE__*/jsxRuntime.jsx("div", {
-            className: "daf-default-cell"
-          });
-        }
-        return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-          title: value,
-          children: value || '-'
-        });
-      }
-    }, {
-      title: t("Subcategory"),
-      dataIndex: "subcategory",
-      key: "subcategory",
-      ellipsis: true,
-      render: (value, all) => {
-        if (all.empty) {
-          return /*#__PURE__*/jsxRuntime.jsx("div", {
-            className: "daf-default-cell"
-          });
-        }
-        return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-          title: value,
-          children: value || '-'
-        });
-      }
-    }, {
-      title: t("Country"),
-      dataIndex: "country",
-      key: "country",
-      ellipsis: true,
-      render: (value, all) => {
-        if (all.empty) {
-          return /*#__PURE__*/jsxRuntime.jsx("div", {
-            className: "daf-default-cell"
-          });
-        }
-        let country = '-';
-        if (value) {
-          country = value;
-        } else if (all.country?.name) {
-          country = all.country.name;
-        } else if (all.location && typeof all.location === 'object' && all.location.country) {
-          country = all.location.country;
-        } else if (all.location && typeof all.location === 'object' && all.location.name) {
-          country = all.location.name;
-        }
-        return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-          title: country,
-          children: country
-        });
-      }
-    }, {
-      title: t("Last Update"),
-      dataIndex: "lastUpdated",
-      key: "lastUpdated",
-      ellipsis: true,
-      render: (val, all) => {
-        if (all.empty) {
-          return /*#__PURE__*/jsxRuntime.jsx("div", {
-            className: "daf-default-cell"
-          });
-        }
-        const title = renderDateFormatted(all.updatedAt || all.lastUpdated, "DD MMM YYYY");
-        return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-          title: title,
-          children: title
-        });
-      }
-    }, {
-      title: t(''),
-      dataIndex: 'actions',
-      key: 'actions',
-      width: 60,
-      render: (_, record) => {
-        const onClick = () => {
-          record.id;
-          const link = `/app/projects/${projectId}/implementation-partners/view/general/${record?.datastakeId}/identification`;
-          navigate(getRedirectLink(link));
-        };
-        return !record.empty ? /*#__PURE__*/jsxRuntime.jsx("div", {
-          className: "cursor-pointer",
-          onClick: onClick,
-          children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
-            name: "Link",
-            width: 16,
-            height: 16,
-            color: "#6C737F"
-          })
-        }) : null;
-      },
-      active: true,
-      pending: true,
-      suspended: true
-    }];
-  }
-  if (activeTab === INCIDENTS_TAB$1) {
-    return [{
-      title: t('ID'),
-      dataIndex: 'datastakeId',
-      key: 'datastakeId',
-      ellipsis: true,
-      width: 160,
-      render: (v, all) => {
-        if (all.empty) {
-          return /*#__PURE__*/jsxRuntime.jsx("div", {
-            className: "daf-default-cell"
-          });
-        }
-        return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-          title: v,
-          children: v
-        });
-      }
-    }, {
-      title: t("Title"),
-      dataIndex: "name",
-      key: "name",
-      ellipsis: true,
-      render: value => /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-        title: value,
-        children: value
-      })
-    }, {
-      title: t("Date"),
-      dataIndex: "date",
-      key: "date",
-      ellipsis: true,
-      render: (val, all) => {
-        if (all.empty) {
-          return /*#__PURE__*/jsxRuntime.jsx("div", {
-            className: "daf-default-cell"
-          });
-        }
-        const title = renderDateFormatted(all.date || all.updatedAt, "DD MMM YYYY");
-        return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-          title: title,
-          children: title
-        });
-      }
-    }, {
-      title: t("Location"),
-      dataIndex: "location",
-      key: "location",
-      ellipsis: true,
-      render: (value, all) => {
-        if (all.empty) {
-          return /*#__PURE__*/jsxRuntime.jsx("div", {
-            className: "daf-default-cell"
-          });
-        }
-        let locationDisplay = '-';
-        if (all.location?.name) {
-          locationDisplay = all.location.name;
-        } else if (all.mineSite?.name) {
-          locationDisplay = all.mineSite.name;
-        } else if (all.location && typeof all.location === 'object' && all.location.latitude && all.location.longitude) {
-          locationDisplay = `${all.location.latitude.toFixed(6)}, ${all.location.longitude.toFixed(6)}`;
-        } else if (value && typeof value === 'string') {
-          locationDisplay = value;
-        }
-        return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-          title: locationDisplay,
-          children: locationDisplay
-        });
-      }
-    }, {
-      title: t("Province"),
-      dataIndex: "province",
-      key: "province",
-      ellipsis: true,
-      render: (value, all) => {
-        if (all.empty) {
-          return /*#__PURE__*/jsxRuntime.jsx("div", {
-            className: "daf-default-cell"
-          });
-        }
-        let province = '-';
-        if (all.province) {
-          province = all.province;
-        } else if (all.location && typeof all.location === 'object' && all.location.administrativeLevel1) {
-          province = all.location.administrativeLevel1;
-        }
-        return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-          title: province,
-          children: province
-        });
-      }
-    }, {
-      title: t("Territory"),
-      dataIndex: "territory",
-      key: "territory",
-      ellipsis: true,
-      render: (value, all) => {
-        if (all.empty) {
-          return /*#__PURE__*/jsxRuntime.jsx("div", {
-            className: "daf-default-cell"
-          });
-        }
-        let territory = '-';
-        if (all.territory) {
-          territory = all.territory;
-        } else if (all.location && typeof all.location === 'object' && all.location.administrativeLevel2) {
-          territory = all.location.administrativeLevel2;
-        }
-        return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-          title: territory,
-          children: territory
-        });
-      }
-    }, {
-      title: t("Category"),
-      dataIndex: "category",
-      key: "category",
-      ellipsis: true,
-      render: (value, all) => {
-        if (all.empty) {
-          return /*#__PURE__*/jsxRuntime.jsx("div", {
-            className: "daf-default-cell"
-          });
-        }
-        const category = all.eventCategory || all.category || value || '-';
-        return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-          title: category,
-          children: category
-        });
-      }
-    }, {
-      title: t(''),
-      dataIndex: 'actions',
-      key: 'actions',
-      width: 60,
-      render: (_, record) => {
-        const onClick = () => {
-          const link = `/app/projects/${projectId}/implementation-partners/view/general/${record.datastakeId}/identification`;
-          getRedirectLink(link);
-        };
-        return !record.empty ? /*#__PURE__*/jsxRuntime.jsx("div", {
-          className: "cursor-pointer",
-          onClick: onClick,
-          children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
-            name: "Link",
-            width: 16,
-            height: 16,
-            color: "#6C737F"
-          })
-        }) : null;
-      },
-      active: true,
-      pending: true,
-      suspended: true
-    }];
-  }
-  return [];
-};
-
 const ACTIVITIES_TAB = 'activities';
 const PARTNERS_TAB = 'partners';
 const INCIDENTS_TAB = 'incidents';
-const DEFAULT_SEARCH_FIELDS = ["name", "datastakeId"];
-const URL_PATTERN = /\/summary\/[^/]+\/(.+)/;
-
-// Configuration
-const TABS_CONFIG = [{
-  label: "straatos::activities",
-  value: ACTIVITIES_TAB
-}, {
-  label: "straatos::partners",
-  value: PARTNERS_TAB
-}, {
-  label: "straatos::incidents",
-  value: INCIDENTS_TAB,
-  disabled: true
-}];
-
-// Helper functions
-const getSearchFields = activeTab => DEFAULT_SEARCH_FIELDS;
-const buildSearchFilter = (search, fields) => search ? {
-  search: {
-    qs: search,
-    fields
-  }
-} : {};
-const extractTypeFromUrl = url => {
-  const match = url.match(URL_PATTERN);
-  if (!match) {
-    throw new Error(`Invalid URL format: ${url}`);
-  }
-  return match[1];
-};
-const ensureArray = data => Array.isArray(data) ? data : [];
 const AssociatedInformation = ({
-  id,
-  navigate,
-  getSummaryDetail,
+  activityData,
   loading = false,
-  projectId,
-  basepath = "planting-cycle",
-  endpoint = "associated-information",
-  tabsConfig = TABS_CONFIG,
-  searchFieldsMap = getSearchFields,
   t = s => s
 }) => {
   const [activeTab, setActiveTab] = React.useState(ACTIVITIES_TAB);
-  const [search, setSearch] = React.useState('');
-  const searchFields = React.useMemo(() => searchFieldsMap(activeTab), [activeTab, searchFieldsMap]);
-  const filters = React.useMemo(() => ({
-    type: activeTab,
-    ...buildSearchFilter(search, searchFields)
-  }), [activeTab, search, searchFields]);
-  const defaultConfig = React.useMemo(() => ({
-    basepath,
-    url: `/summary/${id}/${endpoint}`,
-    filters,
-    stop: !id
-  }), [id, filters, basepath, endpoint]);
-  const customGetData = React.useMemo(() => {
-    if (!getSummaryDetail || !id) return undefined;
-    return rest => {
-      const {
-        url,
-        filters: restFilters
-      } = rest;
-      const type = extractTypeFromUrl(url);
-      const params = {
-        ...(restFilters || {}),
-        type: restFilters?.type || activeTab
-      };
-      return getSummaryDetail(id, type, params);
-    };
-  }, [getSummaryDetail, id, activeTab]);
-  const {
-    loading: associatedInformationLoading,
-    data: associatedInformationData,
-    setData
-  } = useWidgetFetch({
-    config: defaultConfig,
-    getData: customGetData
-  });
-
-  // Reset data and search when tab changes
-  React.useEffect(() => {
-    setData([]);
-    setSearch('');
-  }, [activeTab, setData]);
-  const handleSearch = React.useCallback((activeFilter, searchValue) => {
-    setSearch(searchValue || '');
-  }, []);
-  const handleTabChange = React.useCallback(value => {
-    setActiveTab(value);
-  }, []);
-  const columns = React.useMemo(() => getColumns({
-    t,
-    activeTab,
-    view: activeTab,
-    projectId,
-    navigate,
-    getRedirectLink
-  }), [t, activeTab, projectId, navigate]);
-  const tableDataSource = React.useMemo(() => ensureArray(associatedInformationData), [associatedInformationData]);
-  const translatedTabs = React.useMemo(() => tabsConfig.map(tab => ({
-    ...tab,
-    label: t(tab.label)
-  })), [tabsConfig, t]);
   return /*#__PURE__*/jsxRuntime.jsx("section", {
-    children: /*#__PURE__*/jsxRuntime.jsxs(Widget, {
-      className: "v2-widget no-px no-p-body h-w-btn-header with-border-header",
+    children: /*#__PURE__*/jsxRuntime.jsx(Widget, {
+      className: "v2-widget no-px h-w-btn-header no-p-body",
       title: t("Associated Information"),
       tabsConfig: {
-        tabs: translatedTabs,
+        tabs: [{
+          label: t("straatos::activities"),
+          value: ACTIVITIES_TAB
+        }, {
+          label: t("straatos::partners"),
+          value: PARTNERS_TAB
+        }, {
+          label: t("straatos::incidents"),
+          value: INCIDENTS_TAB
+        }],
         value: activeTab,
-        onChange: handleTabChange
+        onChange: value => {
+          setActiveTab(value);
+          // setData([]);
+        }
       },
-      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "mt-6 ml-6 mr-6",
-        children: /*#__PURE__*/jsxRuntime.jsx(SearchFilters, {
-          t: t,
-          showFilter: false,
-          hasError: false,
-          canClear: true,
-          setHasError: () => {},
-          onSearch: handleSearch,
-          activeFilters: {
-            search
-          }
-        })
-      }), /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "mb-6",
-        children: /*#__PURE__*/jsxRuntime.jsx(StickyTable, {
-          columns: columns,
-          dataSource: tableDataSource,
-          loading: associatedInformationLoading || loading
-        })
-      })]
+      children: /*#__PURE__*/jsxRuntime.jsx("div", {})
     })
   });
 };
@@ -45081,14 +44365,12 @@ const PlantingCycleSummary = ({
   activityData,
   loading = false,
   id,
-  projectId,
   t = () => {},
-  getSummaryDetail,
-  navigate
+  getSummaryDetail
 }) => {
   return /*#__PURE__*/jsxRuntime.jsxs(DashboardLayout, {
     header: /*#__PURE__*/jsxRuntime.jsx(DAFHeader, {
-      title: header?.title + ' Summary' || '',
+      title: header?.title || '',
       supportText: header?.supportText || '',
       onDownload: header?.onDownload,
       downloadDisabled: header?.downloadDisabled,
@@ -45124,11 +44406,9 @@ const PlantingCycleSummary = ({
       t: t
     }), /*#__PURE__*/jsxRuntime.jsx(AssociatedInformation, {
       id: id,
-      projectId: projectId,
       getSummaryDetail: getSummaryDetail,
       loading: loading,
-      t: t,
-      navigate: navigate
+      t: t
     })]
   });
 };