ATLAS-5275, ATLAS-5273, ATLAS-5272:Atlas React UI redirects to Home page during tag/term assignment after Ranger policy change. REACT UI Uploaded file name is truncated in Business Metadata import modal in React UI. React UI incorrectly allows/removes Applicable Type chips in Business Metadata edit flow.

dashboard/src/api/apiMethods/fetchApi.ts

@@ -61,11 +61,12 @@ const fetchApi = async (url: string, config: AxiosRequestConfig) => {
             window.location.replace("login.jsp");
             break;
           case 403:
+            // Match classic UI (Utils.defaultErrorHandler): show API message via
+            // notify/toast only; do not redirect — user stays on current screen.
             serverErrorHandler(
               { responseJSON: error.response?.data },
               "You are not authorized"
             );
-            window.location.replace("login.jsp");
             break;
           case 404:
             serverErrorHandler(
@@ -99,7 +100,13 @@ const fetchApi = async (url: string, config: AxiosRequestConfig) => {
             break;
         }
       }
-      if (error.response?.statusText != "abort") {
+      // Only treat as offline / connection failure when there is no HTTP
+      // response (or status 0). Do not run this for 403/404/5xx — those are
+      // handled above and would wrongly show a network toast.
+      const res = error.response;
+      const isAbort =
+        error.code === "ERR_CANCELED" || res?.statusText === "abort";
+      if (!isAbort && (!res || Number(res.status) === 0)) {
         errorHandelingForAbortAndStatus0();
       }
     }

dashboard/src/utils/Utils.ts

@@ -340,6 +340,10 @@ const getEntityIconPath = (options: any) => {
 };
 
 const serverError = (error: any, toastId: any) => {
+  // fetchApi already surfaces 403 via serverErrorHandler (toast); avoid duplicate.
+  if (error?.response?.status === 403) {
+    return;
+  }
   if (
     error.response !== undefined &&
     error.response.data.errorMessage !== undefined

dashboard/src/views/BusinessMetadata/BusinessMetadataAtrributeForm.tsx

@@ -33,6 +33,7 @@ import {
   FormControlLabel,
   Checkbox,
   Autocomplete,
+  Chip,
   Tooltip,
   tooltipClasses,
   TooltipProps,
@@ -235,6 +236,18 @@ const BusinessMetadataAttributeForm = ({
         : [];
 
       let enumTypeOptions = [...selectedEnumValues];
+      const isBmAttributeEdit = !isEmpty(editbmAttribute);
+      const nonRemovableApplicableTypes =
+        isBmAttributeEdit &&
+        Array.isArray(field?.options?.applicableEntityTypes)
+          ? new Set(
+              field.options.applicableEntityTypes.filter(
+                (t: unknown): t is string =>
+                  typeof t === "string" && t.length > 0
+              )
+            )
+          : null;
+
       return (
         <>
           <fieldset
@@ -832,6 +845,29 @@ const BusinessMetadataAttributeForm = ({
                               : []
                           }
                           className="advanced-search-autocomplete"
+                          renderTags={
+                            nonRemovableApplicableTypes
+                              ? (tagValue, getTagProps) =>
+                                  tagValue.map((option: string, tagIndex) => {
+                                    const tagProps = getTagProps({
+                                      index: tagIndex
+                                    });
+                                    const stripDelete =
+                                      nonRemovableApplicableTypes.has(option);
+                                    return (
+                                      <Chip
+                                        {...tagProps}
+                                        label={option}
+                                        onDelete={
+                                          stripDelete
+                                            ? undefined
+                                            : tagProps.onDelete
+                                        }
+                                      />
+                                    );
+                                  })
+                              : undefined
+                          }
                           renderInput={(params) => (
                             <TextField
                               {...params}

dashboard/src/views/SideBar/Import/ImportLayout.tsx

@@ -19,7 +19,7 @@ import { useEffect, useRef, useState } from "react";
 import { useDropzone } from "react-dropzone";
 import { Typography, LinearProgress, Stack } from "@mui/material";
 import { toast } from "react-toastify";
-import { CustomButton } from "@components/muiComponents";
+import { CustomButton, LightTooltip } from "@components/muiComponents";
 
 const thumb = {
   position: "relative",
@@ -140,17 +140,21 @@ const ImportLayout = ({
             color="inherit"
             sx={progressCss}
           />
-          <Typography
-            sx={{
-              overflow: "hidden",
-              whiteSpace: "nowrap",
-              textOverflow: "ellipsis",
-              lineHeight: "2",
-              width: "100%"
-            }}
-          >
-            {file.name}
-          </Typography>
+          <LightTooltip title={file.name} placement="top" arrow>
+            <Typography
+              component="span"
+              sx={{
+                overflow: "hidden",
+                whiteSpace: "nowrap",
+                textOverflow: "ellipsis",
+                lineHeight: "2",
+                width: "100%",
+                display: "block"
+              }}
+            >
+              {file.name}
+            </Typography>
+          </LightTooltip>
         </Stack>
       </Stack>
       <CustomButton