IPAM refactor (#6539)

* New table in IPAM
* new URL with better navigation
* added ipam breadcrumb
* added activity log on IPAM

Author: bilalabbad

frontend/app/src/app/router.tsx

@@ -1,8 +1,7 @@
 import { ARTIFACT_OBJECT, NODE_OBJECT, PROPOSED_CHANGES_OBJECT } from "@/config/constants";
 import { RequireAuth } from "@/entities/authentication/ui/useAuth";
 import { BranchesProvider } from "@/entities/branches/ui/branches-provider";
-import { constructPathForIpam } from "@/entities/ipam/common/utils";
-import { IPAM_ROUTE, IP_ADDRESS_GENERIC, IP_PREFIX_GENERIC } from "@/entities/ipam/constants";
+import { constructPathForIpam } from "@/entities/ipam/utils";
 import { RESOURCE_GENERIC_KIND } from "@/entities/resource-manager/constants";
 import { SchemaProvider } from "@/entities/schema/ui/providers/schema-provider";
 import { constructPath } from "@/shared/api/rest/fetch";
@@ -379,21 +378,7 @@ export const router = createBrowserRouter([
                 },
               },
               {
-                path: "/ipam/namespaces",
-                lazy: () => import("@/pages/ipam/namespaces/ip-namespace-list-page"),
-                handle: {
-                  breadcrumb: () => {
-                    return {
-                      type: "link",
-                      label: "namespaces",
-                      to: constructPath("/ipam/namespaces"),
-                    } satisfies BreadcrumbItem;
-                  },
-                },
-              },
-              {
-                path: IPAM_ROUTE.INDEX,
-                lazy: () => import("@/pages/ipam/layout"),
+                path: "ipam",
                 handle: {
                   breadcrumb: () => {
                     return {
@@ -405,72 +390,34 @@ export const router = createBrowserRouter([
                 },
                 children: [
                   {
-                    index: true,
-                    lazy: () => import("@/entities/ipam/ipam-router"),
-                  },
-                  {
-                    path: IPAM_ROUTE.ADDRESSES,
-                    lazy: () => import("@/entities/ipam/ipam-router"),
+                    path: "namespaces",
                     handle: {
                       breadcrumb: () => {
                         return {
                           type: "link",
-                          label: "IP Addresses",
-                          to: constructPathForIpam("/ipam/addresses"),
-                        };
+                          label: "namespaces",
+                          to: constructPath("/ipam/namespaces"),
+                        } satisfies BreadcrumbItem;
                       },
                     },
                     children: [
                       {
-                        path: ":ip_address",
-                        lazy: () => import("@/entities/ipam/ipam-router"),
-                        handle: {
-                          breadcrumb: (match: UIMatch) => {
-                            return {
-                              type: "select",
-                              value: match.params.ip_address,
-                              kind: IP_ADDRESS_GENERIC,
-                            };
-                          },
-                        },
-                      },
-                    ],
-                  },
-                  {
-                    path: IPAM_ROUTE.PREFIXES,
-                    lazy: () => import("@/entities/ipam/ipam-router"),
-                    handle: {
-                      breadcrumb: () => {
-                        return {
-                          type: "link",
-                          label: "IP Prefixes",
-                          to: constructPathForIpam("/ipam/prefixes"),
-                        };
+                        index: true,
+                        lazy: () => import("@/pages/ipam/ipam-namespace-list-page"),
                       },
-                    },
-                    children: [
                       {
-                        path: ":prefix",
-                        lazy: () => import("@/entities/ipam/ipam-router"),
-                        handle: {
-                          breadcrumb: (match: UIMatch) => {
-                            return {
-                              type: "select",
-                              value: match.params.prefix,
-                              kind: IP_PREFIX_GENERIC,
-                            };
-                          },
-                        },
+                        path: ":objectKind",
+                        lazy: () => import("@/pages/objects/layout"),
                         children: [
                           {
-                            path: ":ip_address",
-                            lazy: () => import("@/entities/ipam/ipam-router"),
+                            path: ":objectid",
+                            lazy: () => import("@/pages/objects/object-details"),
                             handle: {
                               breadcrumb: (match: UIMatch) => {
                                 return {
                                   type: "select",
-                                  value: match.params.ip_address,
-                                  kind: IP_ADDRESS_GENERIC,
+                                  value: match.params.objectid,
+                                  kind: match.params.objectKind,
                                 };
                               },
                             },
@@ -481,6 +428,47 @@ export const router = createBrowserRouter([
                   },
                 ],
               },
+              {
+                path: "ipam",
+                lazy: () => import("@/pages/ipam/ipam-layout"),
+                handle: {
+                  breadcrumb: () => {
+                    return {
+                      type: "link",
+                      label: "IP Address Manager",
+                      to: constructPathForIpam("/ipam"),
+                    } as BreadcrumbItem;
+                  },
+                },
+                children: [
+                  {
+                    index: true,
+                    lazy: () => import("@/pages/ipam/ipam-ip-prefixes-list-page"),
+                  },
+                  {
+                    path: "ip_prefixes",
+                    lazy: () => import("@/pages/ipam/ipam-ip-prefixes-list-page"),
+                  },
+                  {
+                    path: "ip_addresses",
+                    lazy: () => import("@/pages/ipam/ipam-ip-addresses-list-page"),
+                  },
+                  {
+                    path: ":objectKind/:objectId",
+                    lazy: () => import("@/pages/ipam/ipam-details-layout"),
+                    children: [
+                      {
+                        index: true,
+                        lazy: () => import("@/pages/ipam/ipam-details-page"),
+                      },
+                      {
+                        path: ":relationshipName",
+                        lazy: () => import("@/pages/ipam/ipam-details-relationship-page"),
+                      },
+                    ],
+                  },
+                ],
+              },
               {
                 path: "role-management",
                 lazy: () => import("@/pages/role-management"),