diff --git a/.wappler/targets/Development/app/config/config.json b/.wappler/targets/Development/app/config/config.json
index 00bfe1c..48d79c6 100644
--- a/.wappler/targets/Development/app/config/config.json
+++ b/.wappler/targets/Development/app/config/config.json
@@ -6,6 +6,6 @@
     "methods": "GET,POST,DELETE,PATCH,PUT"
   },
   "env": {
-    "API_BASEURL": "http://vapor.prelub.com/api/v1.0/"
+    "API_BASEURL": "http://localhost:8080/api/v1.0/"
   }
 }
\ No newline at end of file
diff --git a/app/api/PartCodes/Byid.json b/app/api/PartCodes/Byid.json
new file mode 100644
index 0000000..1b4ea15
--- /dev/null
+++ b/app/api/PartCodes/Byid.json
@@ -0,0 +1,398 @@
+{
+  "meta": {
+    "$_GET": [
+      {
+        "type": "text",
+        "name": "id"
+      }
+    ]
+  },
+  "exec": {
+    "steps": {
+      "name": "api",
+      "module": "api",
+      "action": "send",
+      "options": {
+        "url": "{{$_ENV.API_BASEURL+'partcodes/byid/'+$_GET.id}}",
+        "schema": [
+          {
+            "type": "object",
+            "name": "data",
+            "sub": [
+              {
+                "type": "number",
+                "name": "id"
+              },
+              {
+                "type": "text",
+                "name": "description"
+              },
+              {
+                "type": "number",
+                "name": "createuserid"
+              },
+              {
+                "type": "text",
+                "name": "updatedate"
+              },
+              {
+                "type": "object",
+                "name": "parent",
+                "sub": [
+                  {
+                    "type": "text",
+                    "name": "id"
+                  }
+                ]
+              },
+              {
+                "type": "object",
+                "name": "parttype",
+                "sub": [
+                  {
+                    "type": "text",
+                    "name": "updatedate"
+                  },
+                  {
+                    "type": "number",
+                    "name": "ending"
+                  },
+                  {
+                    "type": "number",
+                    "name": "id"
+                  },
+                  {
+                    "type": "number",
+                    "name": "starting"
+                  },
+                  {
+                    "type": "number",
+                    "name": "updateuserid"
+                  },
+                  {
+                    "type": "text",
+                    "name": "createdate"
+                  },
+                  {
+                    "type": "text",
+                    "name": "description"
+                  },
+                  {
+                    "type": "text",
+                    "name": "name"
+                  },
+                  {
+                    "type": "number",
+                    "name": "createuserid"
+                  }
+                ]
+              },
+              {
+                "type": "text",
+                "name": "code"
+              },
+              {
+                "type": "number",
+                "name": "updateuserid"
+              },
+              {
+                "type": "boolean",
+                "name": "isactive"
+              },
+              {
+                "type": "array",
+                "name": "children",
+                "sub": [
+                  {
+                    "type": "number",
+                    "name": "id"
+                  },
+                  {
+                    "type": "text",
+                    "name": "description"
+                  },
+                  {
+                    "type": "number",
+                    "name": "createuserid"
+                  },
+                  {
+                    "type": "text",
+                    "name": "updatedate"
+                  },
+                  {
+                    "type": "object",
+                    "name": "parent",
+                    "sub": [
+                      {
+                        "type": "number",
+                        "name": "id"
+                      }
+                    ]
+                  },
+                  {
+                    "type": "object",
+                    "name": "parttype",
+                    "sub": [
+                      {
+                        "type": "number",
+                        "name": "id"
+                      }
+                    ]
+                  },
+                  {
+                    "type": "boolean",
+                    "name": "ispartcode"
+                  },
+                  {
+                    "type": "number",
+                    "name": "updateuserid"
+                  },
+                  {
+                    "type": "boolean",
+                    "name": "isactive"
+                  },
+                  {
+                    "type": "text",
+                    "name": "code"
+                  },
+                  {
+                    "type": "text",
+                    "name": "createdate"
+                  },
+                  {
+                    "type": "text",
+                    "name": "name"
+                  }
+                ]
+              },
+              {
+                "type": "boolean",
+                "name": "ispartcode"
+              },
+              {
+                "type": "text",
+                "name": "createdate"
+              },
+              {
+                "type": "text",
+                "name": "name"
+              }
+            ]
+          },
+          {
+            "type": "object",
+            "name": "headers",
+            "sub": [
+              {
+                "type": "text",
+                "name": "connection"
+              },
+              {
+                "type": "text",
+                "name": "content-length"
+              },
+              {
+                "type": "text",
+                "name": "content-type"
+              },
+              {
+                "type": "text",
+                "name": "date"
+              }
+            ]
+          }
+        ]
+      },
+      "output": true,
+      "meta": [
+        {
+          "type": "object",
+          "name": "data",
+          "sub": [
+            {
+              "type": "number",
+              "name": "id"
+            },
+            {
+              "type": "text",
+              "name": "description"
+            },
+            {
+              "type": "number",
+              "name": "createuserid"
+            },
+            {
+              "type": "text",
+              "name": "updatedate"
+            },
+            {
+              "type": "object",
+              "name": "parent",
+              "sub": [
+                {
+                  "type": "text",
+                  "name": "id"
+                }
+              ]
+            },
+            {
+              "type": "object",
+              "name": "parttype",
+              "sub": [
+                {
+                  "type": "text",
+                  "name": "updatedate"
+                },
+                {
+                  "type": "number",
+                  "name": "ending"
+                },
+                {
+                  "type": "number",
+                  "name": "id"
+                },
+                {
+                  "type": "number",
+                  "name": "starting"
+                },
+                {
+                  "type": "number",
+                  "name": "updateuserid"
+                },
+                {
+                  "type": "text",
+                  "name": "createdate"
+                },
+                {
+                  "type": "text",
+                  "name": "description"
+                },
+                {
+                  "type": "text",
+                  "name": "name"
+                },
+                {
+                  "type": "number",
+                  "name": "createuserid"
+                }
+              ]
+            },
+            {
+              "type": "text",
+              "name": "code"
+            },
+            {
+              "type": "number",
+              "name": "updateuserid"
+            },
+            {
+              "type": "boolean",
+              "name": "isactive"
+            },
+            {
+              "type": "array",
+              "name": "children",
+              "sub": [
+                {
+                  "type": "number",
+                  "name": "id"
+                },
+                {
+                  "type": "text",
+                  "name": "description"
+                },
+                {
+                  "type": "number",
+                  "name": "createuserid"
+                },
+                {
+                  "type": "text",
+                  "name": "updatedate"
+                },
+                {
+                  "type": "object",
+                  "name": "parent",
+                  "sub": [
+                    {
+                      "type": "number",
+                      "name": "id"
+                    }
+                  ]
+                },
+                {
+                  "type": "object",
+                  "name": "parttype",
+                  "sub": [
+                    {
+                      "type": "number",
+                      "name": "id"
+                    }
+                  ]
+                },
+                {
+                  "type": "boolean",
+                  "name": "ispartcode"
+                },
+                {
+                  "type": "number",
+                  "name": "updateuserid"
+                },
+                {
+                  "type": "boolean",
+                  "name": "isactive"
+                },
+                {
+                  "type": "text",
+                  "name": "code"
+                },
+                {
+                  "type": "text",
+                  "name": "createdate"
+                },
+                {
+                  "type": "text",
+                  "name": "name"
+                }
+              ]
+            },
+            {
+              "type": "boolean",
+              "name": "ispartcode"
+            },
+            {
+              "type": "text",
+              "name": "createdate"
+            },
+            {
+              "type": "text",
+              "name": "name"
+            }
+          ]
+        },
+        {
+          "type": "object",
+          "name": "headers",
+          "sub": [
+            {
+              "type": "text",
+              "name": "connection"
+            },
+            {
+              "type": "text",
+              "name": "content-length"
+            },
+            {
+              "type": "text",
+              "name": "content-type"
+            },
+            {
+              "type": "text",
+              "name": "date"
+            }
+          ]
+        }
+      ],
+      "outputType": "object"
+    }
+  }
+}
\ No newline at end of file
diff --git a/app/api/PartCodes/Children.json b/app/api/PartCodes/Children.json
new file mode 100644
index 0000000..b756916
--- /dev/null
+++ b/app/api/PartCodes/Children.json
@@ -0,0 +1,274 @@
+{
+  "meta": {
+    "$_GET": [
+      {
+        "type": "text",
+        "name": "id"
+      }
+    ]
+  },
+  "exec": {
+    "steps": {
+      "name": "api",
+      "module": "api",
+      "action": "send",
+      "options": {
+        "url": "{{$_ENV.API_BASEURL+'partcodes/children/'+$_GET.id}}",
+        "schema": [
+          {
+            "type": "array",
+            "name": "data",
+            "sub": [
+              {
+                "type": "number",
+                "name": "id"
+              },
+              {
+                "type": "text",
+                "name": "description"
+              },
+              {
+                "type": "number",
+                "name": "createuserid"
+              },
+              {
+                "type": "text",
+                "name": "updatedate"
+              },
+              {
+                "type": "object",
+                "name": "parent",
+                "sub": [
+                  {
+                    "type": "number",
+                    "name": "id"
+                  }
+                ]
+              },
+              {
+                "type": "object",
+                "name": "parttype",
+                "sub": [
+                  {
+                    "type": "text",
+                    "name": "updatedate"
+                  },
+                  {
+                    "type": "number",
+                    "name": "ending"
+                  },
+                  {
+                    "type": "number",
+                    "name": "id"
+                  },
+                  {
+                    "type": "number",
+                    "name": "updateuserid"
+                  },
+                  {
+                    "type": "number",
+                    "name": "starting"
+                  },
+                  {
+                    "type": "text",
+                    "name": "createdate"
+                  },
+                  {
+                    "type": "text",
+                    "name": "description"
+                  },
+                  {
+                    "type": "text",
+                    "name": "name"
+                  },
+                  {
+                    "type": "number",
+                    "name": "createuserid"
+                  }
+                ]
+              },
+              {
+                "type": "boolean",
+                "name": "ispartcode"
+              },
+              {
+                "type": "number",
+                "name": "updateuserid"
+              },
+              {
+                "type": "boolean",
+                "name": "isactive"
+              },
+              {
+                "type": "array",
+                "name": "children"
+              },
+              {
+                "type": "text",
+                "name": "code"
+              },
+              {
+                "type": "text",
+                "name": "createdate"
+              },
+              {
+                "type": "text",
+                "name": "name"
+              }
+            ]
+          },
+          {
+            "type": "object",
+            "name": "headers",
+            "sub": [
+              {
+                "type": "text",
+                "name": "connection"
+              },
+              {
+                "type": "text",
+                "name": "content-length"
+              },
+              {
+                "type": "text",
+                "name": "content-type"
+              },
+              {
+                "type": "text",
+                "name": "date"
+              }
+            ]
+          }
+        ]
+      },
+      "output": true,
+      "meta": [
+        {
+          "type": "array",
+          "name": "data",
+          "sub": [
+            {
+              "type": "number",
+              "name": "id"
+            },
+            {
+              "type": "text",
+              "name": "description"
+            },
+            {
+              "type": "number",
+              "name": "createuserid"
+            },
+            {
+              "type": "text",
+              "name": "updatedate"
+            },
+            {
+              "type": "object",
+              "name": "parent",
+              "sub": [
+                {
+                  "type": "number",
+                  "name": "id"
+                }
+              ]
+            },
+            {
+              "type": "object",
+              "name": "parttype",
+              "sub": [
+                {
+                  "type": "text",
+                  "name": "updatedate"
+                },
+                {
+                  "type": "number",
+                  "name": "ending"
+                },
+                {
+                  "type": "number",
+                  "name": "id"
+                },
+                {
+                  "type": "number",
+                  "name": "updateuserid"
+                },
+                {
+                  "type": "number",
+                  "name": "starting"
+                },
+                {
+                  "type": "text",
+                  "name": "createdate"
+                },
+                {
+                  "type": "text",
+                  "name": "description"
+                },
+                {
+                  "type": "text",
+                  "name": "name"
+                },
+                {
+                  "type": "number",
+                  "name": "createuserid"
+                }
+              ]
+            },
+            {
+              "type": "boolean",
+              "name": "ispartcode"
+            },
+            {
+              "type": "number",
+              "name": "updateuserid"
+            },
+            {
+              "type": "boolean",
+              "name": "isactive"
+            },
+            {
+              "type": "array",
+              "name": "children"
+            },
+            {
+              "type": "text",
+              "name": "code"
+            },
+            {
+              "type": "text",
+              "name": "createdate"
+            },
+            {
+              "type": "text",
+              "name": "name"
+            }
+          ]
+        },
+        {
+          "type": "object",
+          "name": "headers",
+          "sub": [
+            {
+              "type": "text",
+              "name": "connection"
+            },
+            {
+              "type": "text",
+              "name": "content-length"
+            },
+            {
+              "type": "text",
+              "name": "content-type"
+            },
+            {
+              "type": "text",
+              "name": "date"
+            }
+          ]
+        }
+      ],
+      "outputType": "object"
+    }
+  }
+}
\ No newline at end of file
diff --git a/app/api/PartCodes/Top.json b/app/api/PartCodes/Top.json
new file mode 100644
index 0000000..549680b
--- /dev/null
+++ b/app/api/PartCodes/Top.json
@@ -0,0 +1,287 @@
+{
+  "meta": {
+    "$_GET": [
+      {
+        "type": "text",
+        "name": "id"
+      }
+    ]
+  },
+  "exec": {
+    "steps": [
+      {
+        "name": "val",
+        "module": "core",
+        "action": "setvalue",
+        "options": {
+          "key": "g_val",
+          "value": "{{$_GET.id.toNumber()}}"
+        },
+        "meta": [],
+        "outputType": "text"
+      },
+      {
+        "name": "api",
+        "module": "api",
+        "action": "send",
+        "options": {
+          "url": "{{$_ENV.API_BASEURL+'partcodes/top/'+g_val}}",
+          "schema": [
+            {
+              "type": "array",
+              "name": "data",
+              "sub": [
+                {
+                  "type": "number",
+                  "name": "id"
+                },
+                {
+                  "type": "text",
+                  "name": "description"
+                },
+                {
+                  "type": "number",
+                  "name": "createuserid"
+                },
+                {
+                  "type": "text",
+                  "name": "updatedate"
+                },
+                {
+                  "type": "object",
+                  "name": "parent",
+                  "sub": [
+                    {
+                      "type": "number",
+                      "name": "id"
+                    }
+                  ]
+                },
+                {
+                  "type": "object",
+                  "name": "parttype",
+                  "sub": [
+                    {
+                      "type": "text",
+                      "name": "updatedate"
+                    },
+                    {
+                      "type": "number",
+                      "name": "ending"
+                    },
+                    {
+                      "type": "number",
+                      "name": "id"
+                    },
+                    {
+                      "type": "number",
+                      "name": "updateuserid"
+                    },
+                    {
+                      "type": "number",
+                      "name": "starting"
+                    },
+                    {
+                      "type": "text",
+                      "name": "createdate"
+                    },
+                    {
+                      "type": "text",
+                      "name": "description"
+                    },
+                    {
+                      "type": "text",
+                      "name": "name"
+                    },
+                    {
+                      "type": "number",
+                      "name": "createuserid"
+                    }
+                  ]
+                },
+                {
+                  "type": "boolean",
+                  "name": "ispartcode"
+                },
+                {
+                  "type": "text",
+                  "name": "code"
+                },
+                {
+                  "type": "boolean",
+                  "name": "isactive"
+                },
+                {
+                  "type": "array",
+                  "name": "children"
+                },
+                {
+                  "type": "number",
+                  "name": "updateuserid"
+                },
+                {
+                  "type": "text",
+                  "name": "createdate"
+                },
+                {
+                  "type": "text",
+                  "name": "name"
+                }
+              ]
+            },
+            {
+              "type": "object",
+              "name": "headers",
+              "sub": [
+                {
+                  "type": "text",
+                  "name": "connection"
+                },
+                {
+                  "type": "text",
+                  "name": "content-length"
+                },
+                {
+                  "type": "text",
+                  "name": "content-type"
+                },
+                {
+                  "type": "text",
+                  "name": "date"
+                }
+              ]
+            }
+          ]
+        },
+        "output": true,
+        "meta": [
+          {
+            "type": "array",
+            "name": "data",
+            "sub": [
+              {
+                "type": "number",
+                "name": "id"
+              },
+              {
+                "type": "text",
+                "name": "description"
+              },
+              {
+                "type": "number",
+                "name": "createuserid"
+              },
+              {
+                "type": "text",
+                "name": "updatedate"
+              },
+              {
+                "type": "object",
+                "name": "parent",
+                "sub": [
+                  {
+                    "type": "number",
+                    "name": "id"
+                  }
+                ]
+              },
+              {
+                "type": "object",
+                "name": "parttype",
+                "sub": [
+                  {
+                    "type": "text",
+                    "name": "updatedate"
+                  },
+                  {
+                    "type": "number",
+                    "name": "ending"
+                  },
+                  {
+                    "type": "number",
+                    "name": "id"
+                  },
+                  {
+                    "type": "number",
+                    "name": "updateuserid"
+                  },
+                  {
+                    "type": "number",
+                    "name": "starting"
+                  },
+                  {
+                    "type": "text",
+                    "name": "createdate"
+                  },
+                  {
+                    "type": "text",
+                    "name": "description"
+                  },
+                  {
+                    "type": "text",
+                    "name": "name"
+                  },
+                  {
+                    "type": "number",
+                    "name": "createuserid"
+                  }
+                ]
+              },
+              {
+                "type": "boolean",
+                "name": "ispartcode"
+              },
+              {
+                "type": "text",
+                "name": "code"
+              },
+              {
+                "type": "boolean",
+                "name": "isactive"
+              },
+              {
+                "type": "array",
+                "name": "children"
+              },
+              {
+                "type": "number",
+                "name": "updateuserid"
+              },
+              {
+                "type": "text",
+                "name": "createdate"
+              },
+              {
+                "type": "text",
+                "name": "name"
+              }
+            ]
+          },
+          {
+            "type": "object",
+            "name": "headers",
+            "sub": [
+              {
+                "type": "text",
+                "name": "connection"
+              },
+              {
+                "type": "text",
+                "name": "content-length"
+              },
+              {
+                "type": "text",
+                "name": "content-type"
+              },
+              {
+                "type": "text",
+                "name": "date"
+              }
+            ]
+          }
+        ],
+        "outputType": "object"
+      }
+    ]
+  }
+}
\ No newline at end of file
diff --git a/app/config/config.json b/app/config/config.json
index 00bfe1c..48d79c6 100644
--- a/app/config/config.json
+++ b/app/config/config.json
@@ -6,6 +6,6 @@
     "methods": "GET,POST,DELETE,PATCH,PUT"
   },
   "env": {
-    "API_BASEURL": "http://vapor.prelub.com/api/v1.0/"
+    "API_BASEURL": "http://localhost:8080/api/v1.0/"
   }
 }
\ No newline at end of file
diff --git a/app/config/routes.json b/app/config/routes.json
index e78abb6..a3a7589 100644
--- a/app/config/routes.json
+++ b/app/config/routes.json
@@ -79,6 +79,11 @@
       "name": "DSpec",
       "page": "secure/dspecmotor",
       "layout": "smain"
+    },
+    {
+      "path": "/partcodetree",
+      "page": "partcodetree",
+      "layout": "newmain"
     }
   ],
   "layouts": {
diff --git a/public/dmxAppConnect/config.js b/public/dmxAppConnect/config.js
index 2f75a50..14c2ec2 100644
--- a/public/dmxAppConnect/config.js
+++ b/public/dmxAppConnect/config.js
@@ -15275,5 +15275,120 @@ dmx.config({
     "var_pn": {
       "outputType": "text"
     }
+  },
+  "partcodetree": {
+    "tableRepeat1": {
+      "meta": [
+        {
+          "name": "$index",
+          "type": "number"
+        },
+        {
+          "name": "$key",
+          "type": "text"
+        },
+        {
+          "name": "$value",
+          "type": "object"
+        },
+        {
+          "type": "number",
+          "name": "id"
+        },
+        {
+          "type": "text",
+          "name": "description"
+        },
+        {
+          "type": "number",
+          "name": "createuserid"
+        },
+        {
+          "type": "text",
+          "name": "updatedate"
+        },
+        {
+          "type": "object",
+          "name": "parent",
+          "sub": [
+            {
+              "type": "number",
+              "name": "id"
+            }
+          ]
+        },
+        {
+          "type": "object",
+          "name": "parttype",
+          "sub": [
+            {
+              "type": "text",
+              "name": "updatedate"
+            },
+            {
+              "type": "number",
+              "name": "ending"
+            },
+            {
+              "type": "number",
+              "name": "id"
+            },
+            {
+              "type": "number",
+              "name": "updateuserid"
+            },
+            {
+              "type": "number",
+              "name": "starting"
+            },
+            {
+              "type": "text",
+              "name": "createdate"
+            },
+            {
+              "type": "text",
+              "name": "description"
+            },
+            {
+              "type": "text",
+              "name": "name"
+            },
+            {
+              "type": "number",
+              "name": "createuserid"
+            }
+          ]
+        },
+        {
+          "type": "boolean",
+          "name": "ispartcode"
+        },
+        {
+          "type": "text",
+          "name": "code"
+        },
+        {
+          "type": "boolean",
+          "name": "isactive"
+        },
+        {
+          "type": "array",
+          "name": "children"
+        },
+        {
+          "type": "number",
+          "name": "updateuserid"
+        },
+        {
+          "type": "text",
+          "name": "createdate"
+        },
+        {
+          "type": "text",
+          "name": "name"
+        }
+      ],
+      "outputType": "array"
+    }
   }
 });
diff --git a/views/.wappler_folder.json b/views/.wappler_folder.json
index 5663c51..9b89ff3 100644
--- a/views/.wappler_folder.json
+++ b/views/.wappler_folder.json
@@ -58,5 +58,9 @@
   "cnfrm.ejs": {
     "layoutPage": "main",
     "description": ""
+  },
+  "partcodetree.ejs": {
+    "layoutPage": "newmain",
+    "description": ""
   }
 }
\ No newline at end of file
diff --git a/views/partcodetree.ejs b/views/partcodetree.ejs
new file mode 100644
index 0000000..425bf65
--- /dev/null
+++ b/views/partcodetree.ejs
@@ -0,0 +1,44 @@
+<!-- Wappler include head-page="layouts/newmain" fontawesome_5="cdn" bootstrap5="local" is="dmx-app" id="partcodetree" appConnect="local" components="{dmxBootstrap5TableGenerator:{},dmxBootstrap5Modal:{},dmxFormatter:{}}" -->
+<dmx-value id="var_id" dmx-on:updated="conn_top.load({id: value},true)"></dmx-value>
+<meta name="ac:route" content="/partcodetree">
+<dmx-serverconnect id="conn_top" url="/api/PartCodes/Top"></dmx-serverconnect>
+<dmx-serverconnect id="conn_getparent" url="/api/PartCodes/Byid" noload="true" dmx-on:success="var_id.setValue(conn_getparent.data.api.data.parent.id)"></dmx-serverconnect>
+<div class="container">
+
+    <div class="row">
+        <div class="col">
+            <button id="btn_back" class="btn" dmx-show="var_id.value" dmx-on:click="conn_getparent.load({id: var_id.value})">
+                <i class="fas fa-backward"></i></button>
+            <input id="inp_filter" name="filter" type="text" class="form-control">
+            <div class="table-responsive">
+                <table class="table table-striped table-bordered table-hover table-sm">
+                    <thead>
+                        <tr>
+                            <th scope="row"></th>
+                            <th class="visually-hidden">Id</th>
+                            <th>Name</th>
+                            <th class="visually-hidden">Parttype</th>
+                            <th>Ispartcode</th>
+                            <th>Code</th>
+                        </tr>
+                    </thead>
+                    <tbody is="dmx-repeat" dmx-generator="bs5table" dmx-bind:repeat="conn_top.data.api.data.where(`name`, inp_filter.value, 'contains')" id="tableRepeat1">
+                        <tr>
+                            <td>
+                                <button id="btn_children" class="btn" dmx-on:click="var_id.setValue(id)" dmx-show="(children.count() &gt; 0)">
+                                    <i class="fas fa-caret-down"></i></button>
+                                <button id="btn_select" class="btn" dmx-show="ispartcode">Button</button>
+                            </td>
+                            <td dmx-text="id" class="visually-hidden"></td>
+                            <td dmx-text="name"></td>
+                            <td dmx-text="parttype" class="visually-hidden"></td>
+                            <td dmx-text="ispartcode"></td>
+                            <td dmx-text="code"></td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+
+    </div>
+</div>
\ No newline at end of file