diff --git a/src/components/ClientTab/Configs.jsx b/src/components/ClientTab/Configs.jsx
index 49707b2..94052be 100644
--- a/src/components/ClientTab/Configs.jsx
+++ b/src/components/ClientTab/Configs.jsx
@@ -11,28 +11,45 @@ import {
   extractNameFromConfigURL,
   handleCopyToClipboard,
 } from "../../utils/Helper.js";
+import GetInfoRequest from "../../utils/GetInfoRequest.js";
 
 const Configs = ({ data }) => {
-  
-  const filteredLinks = useMemo(() => {
-    if (data?.links && data.links[data.links.length - 1] === "False") {
-      return data.links.slice(0, -1);
+  const [dataLinks, setDataLinks] = useState([]);
+
+  useEffect(() => {
+    if (data?.links) {
+      // Use links directly if available
+      const links =
+        data.links[data.links.length - 1] === "False"
+          ? data.links.slice(0, -1)
+          : data.links;
+      setDataLinks(links);
+    } else {
+      // Fetch and decode links if not provided in data
+      GetInfoRequest.getConfigs().then((res) => {
+        const decodedLinks = decodeBase64(res.data.trim());
+        const configArray = decodedLinks ? decodedLinks.split("\n") : [];
+        setDataLinks(
+          configArray[configArray.length - 1] === "False"
+            ? configArray.slice(0, -1)
+            : configArray
+        );
+      });
     }
-    return data?.links || [];
   }, [data?.links]);
 
   const [icons, setIcons] = useState([]);
   const [iconClasses, setIconClasses] = useState([]);
 
   useEffect(() => {
-    if (filteredLinks) {
-      setIcons(filteredLinks.map(() => faClipboard));
-      setIconClasses(filteredLinks.map(() => "icon-copy"));
+    if (dataLinks) {
+      setIcons(dataLinks.map(() => faClipboard));
+      setIconClasses(dataLinks.map(() => "icon-copy"));
     }
-  }, [filteredLinks]);
+  }, [dataLinks]);
 
   const [show, setShow] = useState(false);
-  const [modalTitle, setModalTitle] = useState(false);
+  const [modalTitle, setModalTitle] = useState("");
   const [link, setLink] = useState("");
   const [index, setIndex] = useState(null);
 
@@ -52,7 +69,7 @@ const Configs = ({ data }) => {
     <>
       <ListGroup className="nav-links">
         <ListGroup.Item
-          key={-1}
+          key={-2}
           value={SubUrl}
           onClick={() =>
             handleCopyToClipboard(SubUrl, -2, setIcons, setIconClasses)
@@ -79,19 +96,14 @@ const Configs = ({ data }) => {
             />
           </div>
         </ListGroup.Item>
-        {filteredLinks?.map((link, index) => {
+        {dataLinks?.map((link, index) => {
           const title = extractNameFromConfigURL(link);
           return (
             <ListGroup.Item
               key={index}
-              value={filteredLinks?.[index]}
+              value={link}
               onClick={() =>
-                handleCopyToClipboard(
-                  filteredLinks?.[index],
-                  index,
-                  setIcons,
-                  setIconClasses
-                )
+                handleCopyToClipboard(link, index, setIcons, setIconClasses)
               }
             >
               <div className="title-a">{title}</div>
@@ -103,7 +115,7 @@ const Configs = ({ data }) => {
                   onClick={(e) => {
                     e.stopPropagation();
                     handleCopyToClipboard(
-                      filteredLinks?.[index],
+                      link,
                       index,
                       setIcons,
                       setIconClasses
@@ -115,7 +127,7 @@ const Configs = ({ data }) => {
                   icon={faQrcode}
                   onClick={(e) => {
                     e.stopPropagation();
-                    handleShow(title, filteredLinks?.[index], index);
+                    handleShow(title, link, index);
                   }}
                 />
               </div>
@@ -125,7 +137,7 @@ const Configs = ({ data }) => {
         <Button
           onClick={() =>
             handleCopyToClipboard(
-              filteredLinks.join("\n"),
+              dataLinks.join("\n"),
               -1,
               setIcons,
               setIconClasses
@@ -161,3 +173,13 @@ const Configs = ({ data }) => {
 };
 
 export default Configs;
+
+function decodeBase64(encodedString) {
+  try {
+    const decodedString = atob(encodedString);
+    return decodedString;
+  } catch (error) {
+    console.error("Failed to decode base64:", error);
+    return "";
+  }
+}
\ No newline at end of file
diff --git a/src/components/ServiceInfo.jsx b/src/components/ServiceInfo.jsx
index c19dcf0..c3ae28e 100644
--- a/src/components/ServiceInfo.jsx
+++ b/src/components/ServiceInfo.jsx
@@ -35,7 +35,11 @@ const ServiceInfo = ({ data }) => {
     remainingTraffic: "",
   });
 
-  const statusMapping = {
+  // Determine API type
+  const isMarzban = data?.status !== undefined;
+
+  // Define status mapping for both API types
+  const statusMappingMarzbanApi = {
     on_hold: { color: "yellow", detail: "در انتظار اتصال" },
     expired: { color: "orange", detail: "منقضی شده" },
     limited: { color: "brown", detail: "محدود شده" },
@@ -43,7 +47,25 @@ const ServiceInfo = ({ data }) => {
     default: { color: "red", detail: "غیرفعال" },
   };
 
-  const currentStatus = statusMapping[data?.status] || statusMapping.default;
+  const statusMappingMarzneshinApi = {
+    expired: { color: "orange", detail: "منقضی شده" },
+    data_limit_reached: { color: "brown", detail: "حجم تمام شده" },
+    inactive: { color: "red", detail: "غیرفعال" },
+    active: { color: "green", detail: "فعال" },
+    limited: { color: "yellow", detail: "محدود شده" },
+    default: { color: "gray", detail: "نامشخص" },
+  };
+
+  // Determine status and status detail based on API type
+  const currentStatus = isMarzban
+    ? statusMappingMarzbanApi[data?.status] || statusMappingMarzbanApi.default
+    : data?.expired
+    ? statusMappingMarzneshinApi.expired
+    : data?.data_limit_reached
+    ? statusMappingMarzneshinApi.data_limit_reached
+    : data?.is_active
+    ? statusMappingMarzneshinApi.active
+    : statusMappingMarzneshinApi.inactive; // Fallback to inactive or default
 
   const statusColor = currentStatus.color;
   const statusDetail = currentStatus.detail;
@@ -54,45 +76,80 @@ const ServiceInfo = ({ data }) => {
 
   useEffect(() => {
     if (data) {
-      const {
-        online_at: onlineAt,
-        created_at: createdAt,
-        expire,
-        used_traffic: usedTraffic,
-        data_limit: dataLimit,
-      } = data;
-
-      setServiceInfo({
-        formattedDate: onlineAt ? formatDate(onlineAt) : "نامشخص",
-        createdDate: createdAt ? formatDate(createdAt) : "نامشخص",
-        formattedExpireDate: expire ? formatExpireDate(expire) : "نامحدود",
-        remainingTime: expire ? (
-          calculateRemainingTime(expire)
-        ) : (
-          <FontAwesomeIcon size="lg" icon={faInfinity} />
-        ),
-        formattedTraffic:
-          usedTraffic !== 0 ? formatTraffic(usedTraffic) : "0 MB",
-        totalTraffic: dataLimit !== null ? formatTraffic(dataLimit) : "نامحدود",
-        remainingTraffic:
-          dataLimit !== null && dataLimit !== undefined ? (
-            dataLimit - (usedTraffic ?? 0) < 0 ? (
-              "منفی"
+      if (isMarzban) {
+        const {
+          online_at: onlineAt,
+          created_at: createdAt,
+          expire,
+          used_traffic: usedTraffic,
+          data_limit: dataLimit,
+        } = data;
+
+        setServiceInfo({
+          formattedDate: onlineAt ? formatDate(onlineAt) : "نامشخص",
+          createdDate: createdAt ? formatDate(createdAt) : "نامشخص",
+          formattedExpireDate: expire ? formatExpireDate(expire) : "نامحدود",
+          remainingTime: expire ? (
+            calculateRemainingTime(expire)
+          ) : (
+            <FontAwesomeIcon size="lg" icon={faInfinity} />
+          ),
+          formattedTraffic:
+            usedTraffic !== 0 ? formatTraffic(usedTraffic) : "0 MB",
+          totalTraffic:
+            dataLimit !== null ? formatTraffic(dataLimit) : "نامحدود",
+          remainingTraffic:
+            dataLimit !== null && dataLimit !== undefined ? (
+              dataLimit - (usedTraffic ?? 0) < 0 ? (
+                "منفی"
+              ) : (
+                formatTraffic(dataLimit - (usedTraffic ?? 0))
+              )
             ) : (
-              formatTraffic(dataLimit - (usedTraffic ?? 0))
-            )
+              <FontAwesomeIcon size="lg" icon={faInfinity} />
+            ),
+        });
+      } else {
+        const {
+          online_at: onlineAt,
+          created_at: createdAt,
+          expire_date: expire,
+          used_traffic: usedTraffic,
+          data_limit: dataLimit,
+        } = data;
+
+        setServiceInfo({
+          formattedDate: onlineAt ? formatDate(onlineAt) : "نامشخص",
+          createdDate: createdAt ? formatDate(createdAt) : "نامشخص",
+          formattedExpireDate: expire ? formatExpireDate(expire) : "نامحدود",
+          remainingTime: expire ? (
+            calculateRemainingTime(expire)
           ) : (
             <FontAwesomeIcon size="lg" icon={faInfinity} />
           ),
-      });
+          formattedTraffic:
+            usedTraffic !== 0 ? formatTraffic(usedTraffic) : "0 MB",
+          totalTraffic:
+            dataLimit !== null ? formatTraffic(dataLimit) : "نامحدود",
+          remainingTraffic:
+            dataLimit !== null && dataLimit !== undefined ? (
+              dataLimit - (usedTraffic ?? 0) < 0 ? (
+                "منفی"
+              ) : (
+                formatTraffic(dataLimit - (usedTraffic ?? 0))
+              )
+            ) : (
+              <FontAwesomeIcon size="lg" icon={faInfinity} />
+            ),
+        });
+      }
     }
-  }, [data]);
+  }, [data, isMarzban]);
+
   const [show, setShow] = useState(false);
 
   const handleClose = () => setShow(false);
-  const handleShow = () => {
-    setShow(true);
-  };
+  const handleShow = () => setShow(true);
 
   const {
     formattedDate,
@@ -206,7 +263,7 @@ const ServiceInfo = ({ data }) => {
             className="img-fluid"
             value={SubUrl}
             cursor={"pointer"}
-            onClick={() => handleCopyToClipboard(SubUrl)}
+            onClick={(e) => handleCopyToClipboard(SubUrl, e)}
           />
         </Modal.Body>
       </Modal>
@@ -214,4 +271,4 @@ const ServiceInfo = ({ data }) => {
   );
 };
 
-export default ServiceInfo;
+export default ServiceInfo;
\ No newline at end of file
diff --git a/src/utils/GetInfoRequest.js b/src/utils/GetInfoRequest.js
index 7fca3f9..e74d541 100644
--- a/src/utils/GetInfoRequest.js
+++ b/src/utils/GetInfoRequest.js
@@ -15,11 +15,31 @@ export default class GetInfoRequest extends Request {
           toastError: true,
         }
       );
-      return response; // Return the response if needed
+      return response;
     } catch (error) {
-      // Handle any additional errors if needed
       console.error("Error fetching info:", error);
-      throw error; // Re-throw to handle it further up if needed
+      throw error;
+    }
+  }
+
+  static async getConfigs() {
+    const pathname = `${
+      import.meta.env?.VITE_PANEL_DOMAIN || window.location.origin
+    }${window.location.pathname.split("#")[0]}`;
+
+    try {
+      const response = await GetInfoRequest.send(
+        `${pathname}`,
+        "GET",
+        {},
+        {
+          toastError: true,
+        }
+      );
+      return response;
+    } catch (error) {
+      console.error("Error fetching info:", error);
+      throw error;
     }
   }
 }
\ No newline at end of file
diff --git a/src/utils/Helper.js b/src/utils/Helper.js
index 809d615..0864576 100644
--- a/src/utils/Helper.js
+++ b/src/utils/Helper.js
@@ -1,7 +1,6 @@
 import { faClipboard, faCheckCircle } from "@fortawesome/free-solid-svg-icons";
 import { toast } from "react-toastify";
 
-// Utility function to copy text to clipboard and update icon state
 export const handleCopyToClipboard = (
   text,
   index,
@@ -32,7 +31,6 @@ export const handleCopyToClipboard = (
   copyText();
 };
 
-// Extract name from config URL
 export const extractNameFromConfigURL = (url) => {
   const namePattern = /#([^#]*)/;
   const match = url.match(namePattern);
@@ -52,7 +50,6 @@ export const extractNameFromConfigURL = (url) => {
   return null;
 };
 
-// Update icon after successful copy
 export const handleIconChange = (index, setIcons, setIconClasses) => {
   const updateIcon = (icon, className) => {
     setIcons((prev) => {
@@ -74,13 +71,11 @@ export const handleIconChange = (index, setIcons, setIconClasses) => {
   }, 1000);
 };
 
-// Format date for Tehran timezone
 export const formatDate = (dateString) => {
   const date = new Date(dateString);
-  const tehranOffset = 3.5 * 60 * 1000; // in milliseconds
+  const tehranOffset = 3.5 * 60 * 1000;
   const tehranTime = new Date(date.getTime() + tehranOffset);
 
-  // Format the date and time separately
   const formattedDate = tehranTime.toLocaleDateString("fa-IR", {
     year: "numeric",
     month: "long",
@@ -92,18 +87,44 @@ export const formatDate = (dateString) => {
     minute: "2-digit",
   });
 
-  // Concatenate the date and time with a hyphen
   return `${formattedDate} - ${formattedTime}`;
 };
 
-// Format expiration date
-export const formatExpireDate = (timestamp) =>
-  formatDate(new Date(timestamp * 1000).toISOString());
+export const formatExpireDate = (expire) => {
+  let date;
+  if (typeof expire === "number") {
+    date = new Date(expire * 1000);
+  } else if (typeof expire === "string") {
+    date = new Date(expire);
+  } else {
+    throw new Error("Invalid expire format");
+  }
 
-// Calculate remaining time
-export const calculateRemainingTime = (expireTimestamp) => {
-  const remainingSeconds = expireTimestamp - Math.floor(Date.now() / 1000);
+  const formattedDate = date.toLocaleDateString("fa-IR", {
+    year: "numeric",
+    month: "long",
+    day: "numeric",
+  });
 
+  const formattedTime = date.toLocaleTimeString("fa-IR", {
+    hour: "2-digit",
+    minute: "2-digit",
+  });
+
+  return `${formattedDate} - ${formattedTime}`;
+};
+
+export const calculateRemainingTime = (expire) => {
+  let expireTimestamp;
+  if (typeof expire === "number") {
+    expireTimestamp = expire;
+  } else if (typeof expire === "string") {
+    expireTimestamp = Math.floor(new Date(expire).getTime() / 1000);
+  } else {
+    throw new Error("Invalid expire format");
+  }
+
+  const remainingSeconds = expireTimestamp - Math.floor(Date.now() / 1000);
   if (remainingSeconds <= 0) return "تمام شده";
 
   const days = Math.floor(remainingSeconds / (60 * 60 * 24));
@@ -115,7 +136,6 @@ export const calculateRemainingTime = (expireTimestamp) => {
   return `${minutes} دقیقه`;
 };
 
-// Format traffic data
 export const formatTraffic = (bytes) => {
   const units = ["B", "KB", "MB", "GB", "TB"];
   let i = 0;
@@ -126,4 +146,4 @@ export const formatTraffic = (bytes) => {
   }
 
   return `${bytes.toFixed(2)} ${units[i]}`;
-};
+};
\ No newline at end of file