flowcore-fn 10.2.4 → 10.2.6

package/dist/pkg-index.js

@@ -18808,122 +18808,87 @@ function StatusMain() {
 
 // src/components/Sidebar.jsx
 var import_jsx_runtime94 = require("react/jsx-runtime");
-var workflowItems = [
-  // Menu Name testing            // component or page-Use function name
-  {
-    name: "Workflow Type",
-    component: "workflowType",
-    icon: import_react95.RiGitMergeLine
-  },
-  {
-    name: "Workflow",
-    component: "workflow",
-    icon: import_react95.RiNodeTree
-  },
-  {
-    name: "Workflow Step",
-    component: "workflowStep",
-    icon: import_react95.RiGitBranchLine
-  },
-  {
-    name: "Workflow Transition",
-    component: "workflowTransition",
-    icon: import_react95.RiCornerDownRightLine
-  },
-  {
-    name: "Module",
-    component: "module",
-    icon: import_react95.RiFolder3Line
-  },
-  {
-    name: "Status",
-    component: "status",
-    icon: import_react95.RiCheckboxCircleLine
-  }
-];
-var permissionItems = [{
-  name: "Step Permission",
-  component: "step_permission_main",
-  icon: import_react95.RiUserSettingsLine
-}, {
-  name: "Assignment Rule",
-  component: "AssignmentRuleMain",
-  icon: import_react95.RiFileShieldLine
-}];
-var hierarchyItems = [
-  {
-    name: "Hierarchy Node",
-    component: "HierarchyNodeMain",
-    icon: import_react95.RiNodeTree
-  },
-  {
-    name: "Workflow Hierarchy Node Mapping",
-    component: "Workflow_Step_Hierarchy_Mapping_Main",
-    icon: import_react95.RiUserSharedLine
-  },
-  {
-    name: "Workflow Step User Mapping",
-    component: "User_hierarchy_mapping_main",
-    icon: import_react95.RiUserSharedLine
-  },
-  {
-    name: "Workflow Settings",
-    component: "WorkflowSettingMain",
-    icon: import_react95.RiSettings4Line
-  }
-];
-var documentItems = [{
-  name: "Document Configuration",
-  component: "DocumentConfigurationmain",
-  icon: import_react95.RiFileSettingsLine
-}];
-var fileItems = [{
-  name: "Business Entity",
-  component: "BusinessEntitymain",
-  icon: import_react95.RiFileList3Line
-}, {
-  name: "File Instance",
-  component: "FileInstanceMain",
-  icon: import_react95.RiFileList3Line
-}, {
-  name: "File Pool",
-  component: "FilePoolMain",
-  icon: import_react95.RiDatabase2Line
-}, {
-  name: "Uploaded Document",
-  component: "UploadedDocumentMain",
-  icon: import_react95.RiFileUploadLine
-}];
-var communicationItems = [{
-  name: "Notification",
-  component: "Notification_main",
-  icon: import_react95.RiNotification4Line
-}, {
-  name: "Comment",
-  component: "Comment_main",
-  icon: import_react95.RiChat3Line
-}];
-var taskItems = [{
-  name: "Task Instance",
-  component: "TaskInstanceMain",
-  icon: import_react95.RiCheckboxMultipleLine
-}];
-var trackingItems = [{
-  name: "Audit Log",
-  component: "AuditLogmain",
-  icon: import_react95.RiShieldCheckLine
-}, {
-  name: "Movement History",
-  component: "MovementHistorymain",
-  icon: import_react95.RiHistoryLine
-}];
-function Sidebar({
-  isOpen,
-  onToggle,
-  childrens
-}) {
+function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig }) {
   const router = (0, import_router.useRouter)();
-  const [activeComponent, setActiveComponent] = (0, import_react94.useState)("workflowType");
+  const resolvedSidebarConfig = sidebar != null ? sidebar : sidebarConfig;
+  const masterWorkflowItems = [
+    { name: "Workflow Type", component: "workflowType", icon: import_react95.RiGitMergeLine, configKey: "isWorkflowType" },
+    { name: "Workflow", component: "workflow", icon: import_react95.RiNodeTree, configKey: "isWorkflow" },
+    { name: "Workflow Step", component: "workflowStep", icon: import_react95.RiGitBranchLine, configKey: "isWorkflowStep" },
+    { name: "Workflow Transition", component: "workflowTransition", icon: import_react95.RiCornerDownRightLine, configKey: "isWorkflowTransition" },
+    { name: "Module", component: "module", icon: import_react95.RiFolder3Line, configKey: "isModule" },
+    { name: "Status", component: "status", icon: import_react95.RiCheckboxCircleLine, configKey: "isStatus" }
+  ];
+  const masterPermissionItems = [
+    { name: "Step Permission", component: "step_permission_main", icon: import_react95.RiUserSettingsLine, configKey: "isStepPermission" },
+    { name: "Assignment Rule", component: "AssignmentRuleMain", icon: import_react95.RiFileShieldLine, configKey: "isAssignmentRule" }
+  ];
+  const masterHierarchyItems = [
+    { name: "Hierarchy Node", component: "HierarchyNodeMain", icon: import_react95.RiNodeTree, configKey: "isHierarchyNode" },
+    { name: "Workflow Hierarchy Node Mapping", component: "Workflow_Step_Hierarchy_Mapping_Main", icon: import_react95.RiUserSharedLine, configKey: "isWorkflowHierarchyMapping" },
+    { name: "Workflow Step User Mapping", component: "User_hierarchy_mapping_main", icon: import_react95.RiUserSharedLine, configKey: "isUserHierarchyMapping" },
+    { name: "Workflow Settings", component: "WorkflowSettingMain", icon: import_react95.RiSettings4Line, configKey: "isWorkflowSettings" }
+  ];
+  const masterDocumentItems = [
+    { name: "Document Configuration", component: "DocumentConfigurationmain", icon: import_react95.RiFileSettingsLine, configKey: "isDocumentConfiguration" }
+  ];
+  const masterFileItems = [
+    { name: "Business Entity", component: "BusinessEntitymain", icon: import_react95.RiFileList3Line, configKey: "isBusinessEntity" },
+    { name: "File Instance", component: "FileInstanceMain", icon: import_react95.RiFileList3Line, configKey: "isFileInstance" },
+    { name: "File Pool", component: "FilePoolMain", icon: import_react95.RiDatabase2Line, configKey: "isFilePool" },
+    { name: "Uploaded Document", component: "UploadedDocumentMain", icon: import_react95.RiFileUploadLine, configKey: "isUploadedDocument" }
+  ];
+  const masterCommunicationItems = [
+    { name: "Notification", component: "Notification_main", icon: import_react95.RiNotification4Line, configKey: "isNotification" },
+    { name: "Comment", component: "Comment_main", icon: import_react95.RiChat3Line, configKey: "isComment" }
+  ];
+  const masterTaskItems = [
+    { name: "Task Instance", component: "TaskInstanceMain", icon: import_react95.RiCheckboxMultipleLine, configKey: "isTaskInstance" }
+  ];
+  const masterTrackingItems = [
+    { name: "Audit Log", component: "AuditLogmain", icon: import_react95.RiShieldCheckLine, configKey: "isAuditLog" },
+    { name: "Movement History", component: "MovementHistorymain", icon: import_react95.RiHistoryLine, configKey: "isMovementHistory" }
+  ];
+  const getConfigObject = () => {
+    if (!resolvedSidebarConfig) return null;
+    return Array.isArray(resolvedSidebarConfig) ? Object.assign({}, ...resolvedSidebarConfig) : resolvedSidebarConfig;
+  };
+  const filterItems = (items) => {
+    const configObj2 = getConfigObject();
+    if (!configObj2) return items;
+    if (Object.keys(configObj2).length === 0) return [];
+    return items.filter((item) => {
+      if (item.configKey && configObj2[item.configKey] === false) {
+        return false;
+      }
+      return true;
+    });
+  };
+  const configObj = getConfigObject();
+  const hasSidebarAccess = !configObj || Object.values(configObj).some((value) => value === true);
+  const workflowItems = filterItems(masterWorkflowItems);
+  const permissionItems = filterItems(masterPermissionItems);
+  const hierarchyItems = filterItems(masterHierarchyItems);
+  const documentItems = filterItems(masterDocumentItems);
+  const fileItems = filterItems(masterFileItems);
+  const communicationItems = filterItems(masterCommunicationItems);
+  const taskItems = filterItems(masterTaskItems);
+  const trackingItems = filterItems(masterTrackingItems);
+  const hasAnyAccess = workflowItems.length > 0 || permissionItems.length > 0 || hierarchyItems.length > 0 || documentItems.length > 0 || fileItems.length > 0 || communicationItems.length > 0 || taskItems.length > 0 || trackingItems.length > 0;
+  const getAllAvailableItems = () => [
+    ...workflowItems,
+    ...permissionItems,
+    ...hierarchyItems,
+    ...documentItems,
+    ...fileItems,
+    ...taskItems,
+    ...trackingItems,
+    ...communicationItems
+  ];
+  const [activeComponent, setActiveComponent] = (0, import_react94.useState)(() => {
+    const all = getAllAvailableItems();
+    return all.length > 0 ? all[0].component : null;
+  });
   const [workflowOpen, setWorkflowOpen] = (0, import_react94.useState)(true);
   const [permissionOpen, setPermissionOpen] = (0, import_react94.useState)(false);
   const [hierarchyOpen, setHierarchyOpen] = (0, import_react94.useState)(false);
@@ -18950,21 +18915,16 @@ function Sidebar({
     } else if (communicationItems.some((item) => item.component === activeComponent)) {
       setCommunicationOpen(true);
     }
-  }, [activeComponent]);
+  }, [activeComponent, workflowItems, permissionItems, hierarchyItems, documentItems, fileItems, taskItems, trackingItems, communicationItems]);
   const renderMenuItem = (item) => {
     const Icon = item.icon;
     const handleClick = () => {
       if (item.component) {
-        router.push("/flowCore", void 0, {
-          shallow: true
-        });
+        router.push("/flowCore", void 0, { shallow: true });
         setActiveComponent(item.component);
-      } else if (item.path) {
-        setActiveComponent(null);
-        router.push(item.path);
       }
     };
-    const isActive = item.component ? activeComponent === item.component : router.pathname === item.path;
+    const isActive = activeComponent === item.component;
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
       "button",
       {
@@ -18987,6 +18947,13 @@ function Sidebar({
     );
   };
   const renderContent = () => {
+    if (!hasAnyAccess) {
+      return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "fc:flex fc:flex-col fc:items-center fc:justify-center fc:h-full fc:p-6 fc:text-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "fc:bg-red-50 fc:text-red-500 fc:p-4 fc:rounded-full fc:mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react95.RiLockPasswordLine, { size: 32 }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("h2", { className: "fc:text-lg fc:font-bold fc:text-[#101318] fc:mb-1", children: "Access Restricted" }),
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "fc:text-sm fc:text-[#64748B] fc:max-w-md", children: "You do not have permission to access any modules or workflow sections. Please contact your administrator for access rights." })
+      ] });
+    }
     switch (activeComponent) {
       case "module":
         return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ModuleMain, {});
@@ -19037,9 +19004,8 @@ function Sidebar({
     }
   };
   const renderDropdown = (title, open, setOpen, items, HeadingIcon) => {
-    const hasActiveChild = items.some(
-      (item) => item.component ? activeComponent === item.component : router.pathname === item.path
-    );
+    if (items.length === 0) return null;
+    const hasActiveChild = items.some((item) => activeComponent === item.component);
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "fc:mb-1 mb-1", children: [
       /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
         "button",
@@ -19056,7 +19022,13 @@ function Sidebar({
                   className: `fc:shrink-0 shrink-0 fc:transition-colors transition-colors ${hasActiveChild ? "fc:text-blue-600 text-blue-600" : "fc:text-[#405170] text-[#405170]"}`
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: `fc:text-[14px] text-[14px] fc:font-semibold font-semibold fc:truncate truncate ${hasActiveChild && !open ? "fc:text-blue-600 text-blue-600" : "fc:text-[#273657] text-[#273657]"}`, children: title })
+              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+                "span",
+                {
+                  className: `fc:text-[14px] text-[14px] fc:font-semibold font-semibold fc:truncate truncate ${hasActiveChild && !open ? "fc:text-blue-600 text-blue-600" : "fc:text-[#273657] text-[#273657]"}`,
+                  children: title
+                }
+              )
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
               "span",
@@ -19091,60 +19063,104 @@ function Sidebar({
       )
     ] });
   };
+  if (configObj && !hasSidebarAccess) {
+    return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "fc:flex fc:min-h-screen fc:w-full fc:items-center fc:justify-center fc:bg-[#F5F7FB] fc:p-6", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "fc:max-w-md fc:rounded-2xl fc:border fc:border-red-200 fc:bg-red-50 fc:p-6 fc:text-center fc:shadow-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "fc:mb-4 fc:flex fc:justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "fc:flex fc:h-14 fc:w-14 fc:items-center fc:justify-center fc:rounded-full fc:bg-red-100 fc:text-red-500", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react95.RiLockPasswordLine, { size: 28 }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("h2", { className: "fc:mb-2 fc:text-lg fc:font-bold fc:text-red-600", children: "Access Restricted" }),
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "fc:text-sm fc:text-[#405170]", children: "You do not have permission to access FlowCore. Please contact your administrator." })
+    ] }) });
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_jsx_runtime94.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("aside", { className: `fc:flex fc:h-screen fc:flex-col fc:overflow-hidden fc:border-r fc:border-[#E5E9F1] fc:bg-white fc:font-sans fc:text-[#273657] fc:transition-all fc:duration-300 fc:ease-in-out ${isOpen ? "fc:w-[285px] fc:min-w-[285px] fc:translate-x-0 fc:opacity-100" : "fc:w-0 fc:min-w-0 fc:-translate-x-full fc:opacity-0"}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("header", { className: "fc:flex fc:h-[84px] fc:items-center fc:justify-between fc:border-b fc:border-[#EDF0F5] fc:px-[14px]", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("svg", { width: "36", height: "42", viewBox: "0 0 48 56", fill: "none", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("path", { d: "M24 2L45 12.5L24 23L3 12.5L24 2Z", fill: "#356AF3" }),
-            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("path", { d: "M24 8L34 13L24 18L14 13L24 8Z", fill: "white" }),
-            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("path", { d: "M3 20L24 30.5L45 20V27L24 37.5L3 27V20Z", fill: "#356AF3" }),
-            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("path", { d: "M3 33L24 43.5L45 33V40L24 50.5L3 40V33Z", fill: "#356AF3" })
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
+      "aside",
+      {
+        className: `fc:flex fc:h-screen fc:flex-col fc:overflow-hidden fc:border-r fc:border-[#E5E9F1] fc:bg-white fc:font-sans fc:text-[#273657] fc:transition-all fc:duration-300 fc:ease-in-out ${isOpen ? "fc:w-[285px] fc:min-w-[285px] fc:translate-x-0 fc:opacity-100" : "fc:w-0 fc:min-w-0 fc:-translate-x-full fc:opacity-0"}`,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("header", { className: "fc:flex fc:h-[84px] fc:items-center fc:justify-between fc:border-b fc:border-[#EDF0F5] fc:px-[14px]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("svg", { width: "36", height: "42", viewBox: "0 0 48 56", fill: "none", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("path", { d: "M24 2L45 12.5L24 23L3 12.5L24 2Z", fill: "#356AF3" }),
+                /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("path", { d: "M24 8L34 13L24 18L14 13L24 8Z", fill: "white" }),
+                /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("path", { d: "M3 20L24 30.5L45 20V27L24 37.5L3 27V20Z", fill: "#356AF3" }),
+                /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("path", { d: "M3 33L24 43.5L45 33V40L24 50.5L3 40V33Z", fill: "#356AF3" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("h1", { className: "fc:text-[18px] fc:font-extrabold fc:text-[#101318]", children: "FLOWCORE" }),
+                /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "fc:text-[12px] fc:text-[#344261]", children: "Workflow Engine" })
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+              "button",
+              {
+                type: "button",
+                onClick: onToggle,
+                className: "fc:flex flex fc:h-8 h-8 fc:w-8 w-8 fc:items-center items-center fc:justify-center justify-center fc:rounded-lg rounded-lg hover:fc:bg-gray-100 hover:bg-gray-100 fc:transition-colors transition-colors",
+                children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react95.RiMenuLine, { size: 18 })
+              }
+            )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("h1", { className: "fc:text-[18px] fc:font-extrabold fc:text-[#101318]", children: "FLOWCORE" }),
-            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "fc:text-[12px] fc:text-[#344261]", children: "Workflow Engine" })
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("button", { type: "button", onClick: onToggle, className: "fc:flex flex fc:h-8 h-8 fc:w-8 w-8 fc:items-center items-center fc:justify-center justify-center fc:rounded-lg rounded-lg hover:fc:bg-gray-100 hover:bg-gray-100 fc:transition-colors transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react95.RiMenuLine, { size: 18 }) })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "fc:min-h-0 min-h-0 fc:flex-1 flex-1 fc:overflow-y-auto overflow-y-auto fc:overflow-x-hidden overflow-x-hidden fc:px-[12px] px-[12px] fc:pb-[24px] pb-[24px] fc:pt-[20px] pt-[20px]", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "fc:mb-[10px] mb-[10px] fc:px-[10px] px-[10px] fc:text-[12px] text-[12px] fc:font-bold font-bold fc:uppercase uppercase fc:leading-[16px] leading-[16px] fc:tracking-[0.5px] tracking-[0.5px] fc:text-[#3C4D74] text-[#3C4D74]", children: "Configuration Masters" }),
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "fc:flex flex fc:flex-col flex-col fc:gap-[2px] gap-[2px]", children: [
-          renderDropdown("Workflow", workflowOpen, setWorkflowOpen, workflowItems, import_react95.RiNodeTree),
-          renderDropdown("Permissions", permissionOpen, setPermissionOpen, permissionItems, import_react95.RiShieldUserLine),
-          renderDropdown("Documents", documentOpen, setDocumentOpen, documentItems, import_react95.RiFileSettingsLine),
-          renderDropdown("Hierarchy", hierarchyOpen, setHierarchyOpen, hierarchyItems, import_react95.RiNodeTree)
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "fc:mb-[10px] mb-[10px] fc:px-[10px] px-[10px] fc:mt-[24px] mt-[24px] fc:text-[12px] text-[12px] fc:font-bold font-bold fc:uppercase uppercase fc:leading-[16px] leading-[16px] fc:tracking-[0.5px] tracking-[0.5px] fc:text-[#3C4D74] text-[#3C4D74]", children: "Runtime" }),
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "fc:flex flex fc:flex-col flex-col fc:gap-[2px] gap-[2px]", children: [
-          renderDropdown("Files", filesOpen, setFilesOpen, fileItems, import_react95.RiFolder3Line),
-          renderDropdown("Tasks", tasksOpen, setTasksOpen, taskItems, import_react95.RiCheckboxCircleLine),
-          renderDropdown("Tracking", trackingOpen, setTrackingOpen, trackingItems, import_react95.RiRouteLine),
-          renderDropdown("Communication", communicationOpen, setCommunicationOpen, communicationItems, import_react95.RiMessage2Line)
-        ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "fc:shrink-0 shrink-0 fc:bg-white bg-white fc:px-[12px] px-[12px] fc:pb-[20px] pb-[20px] fc:pt-[12px] pt-[12px]", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("button", { type: "button", className: "fc:flex flex fc:h-[50px] h-[50px] fc:w-full w-full fc:items-center items-center fc:gap-[12px] gap-[12px] fc:rounded-[10px] rounded-[10px] fc:border border fc:border-[#E1E5ED] border-[#E1E5ED] fc:bg-white bg-white fc:px-[14px] px-[14px] fc:text-left text-left fc:text-[15px] text-[15px] fc:font-semibold font-semibold fc:text-[#2D3A58] text-[#2D3A58] fc:shadow-sm shadow-sm hover:fc:bg-[#F7F8FC] hover:bg-[#F7F8FC] fc:transition transition", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react95.RiSettings4Line, { size: 20 }),
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { children: "Settings" })
-      ] }) })
-    ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "fc:min-h-0 min-h-0 fc:flex-1 flex-1 fc:overflow-y-auto overflow-y-auto fc:overflow-x-hidden overflow-x-hidden fc:px-[12px] px-[12px] fc:pb-[24px] pb-[24px] fc:pt-[20px] pt-[20px]", children: [
+            (workflowItems.length > 0 || permissionItems.length > 0 || hierarchyItems.length > 0 || documentItems.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_jsx_runtime94.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "fc:mb-[10px] mb-[10px] fc:px-[10px] px-[10px] fc:text-[12px] text-[12px] fc:font-bold font-bold fc:uppercase uppercase fc:leading-[16px] leading-[16px] fc:tracking-[0.5px] tracking-[0.5px] fc:text-[#3C4D74] text-[#3C4D74]", children: "Configuration Masters" }),
+              /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "fc:flex flex fc:flex-col flex-col fc:gap-[2px] gap-[2px]", children: [
+                renderDropdown("Workflow", workflowOpen, setWorkflowOpen, workflowItems, import_react95.RiNodeTree),
+                renderDropdown("Permissions", permissionOpen, setPermissionOpen, permissionItems, import_react95.RiShieldUserLine),
+                renderDropdown("Documents", documentOpen, setDocumentOpen, documentItems, import_react95.RiFileSettingsLine),
+                renderDropdown("Hierarchy", hierarchyOpen, setHierarchyOpen, hierarchyItems, import_react95.RiNodeTree)
+              ] })
+            ] }),
+            (fileItems.length > 0 || taskItems.length > 0 || trackingItems.length > 0 || communicationItems.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_jsx_runtime94.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "fc:mb-[10px] mb-[10px] fc:px-[10px] px-[10px] fc:mt-[24px] mt-[24px] fc:text-[12px] text-[12px] fc:font-bold font-bold fc:uppercase uppercase fc:leading-[16px] leading-[16px] fc:tracking-[0.5px] tracking-[0.5px] fc:text-[#3C4D74] text-[#3C4D74]", children: "Runtime" }),
+              /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "fc:flex flex fc:flex-col flex-col fc:gap-[2px] gap-[2px]", children: [
+                renderDropdown("Files", filesOpen, setFilesOpen, fileItems, import_react95.RiFolder3Line),
+                renderDropdown("Tasks", tasksOpen, setTasksOpen, taskItems, import_react95.RiCheckboxCircleLine),
+                renderDropdown("Tracking", trackingOpen, setTrackingOpen, trackingItems, import_react95.RiRouteLine),
+                renderDropdown("Communication", communicationOpen, setCommunicationOpen, communicationItems, import_react95.RiMessage2Line)
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "fc:shrink-0 shrink-0 fc:bg-white bg-white fc:px-[12px] px-[12px] fc:pb-[20px] pb-[20px] fc:pt-[12px] pt-[12px]", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
+            "button",
+            {
+              type: "button",
+              className: "fc:flex flex fc:h-[50px] h-[50px] fc:w-full w-full fc:items-center items-center fc:gap-[12px] gap-[12px] fc:rounded-[10px] rounded-[10px] fc:border border fc:border-[#E1E5ED] border-[#E1E5ED] fc:bg-white bg-white fc:px-[14px] px-[14px] fc:text-left text-left fc:text-[15px] text-[15px] fc:font-semibold font-semibold fc:text-[#2D3A58] text-[#2D3A58] fc:shadow-sm shadow-sm hover:fc:bg-[#F7F8FC] hover:bg-[#F7F8FC] fc:transition transition",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react95.RiSettings4Line, { size: 20 }),
+                /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { children: "Settings" })
+              ]
+            }
+          ) })
+        ]
+      }
+    ),
     /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "fc:flex-1 flex-1 fc:overflow-auto overflow-auto fc:bg-[#F5F7FB] bg-[#F5F7FB]", children: renderContent() }),
-    !isOpen && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("button", { type: "button", onClick: onToggle, "aria-label": "Open sidebar", className: "fc:fixed fixed fc:left-[16px] left-[16px] fc:top-[30px] top-[30px] fc:z-[100] z-[100] fc:flex flex fc:h-[46px] h-[46px] fc:w-[46px] w-[46px] fc:items-center items-center fc:justify-center justify-center fc:rounded-[9px] rounded-[9px] fc:border border fc:border-[#E1E5ED] border-[#E1E5ED] fc:bg-white bg-white fc:text-[#344261] text-[#344261] fc:shadow-[0_2px_8px_rgba(0,0,0,0.08)] shadow-[0_2px_8px_rgba(0,0,0,0.08)] fc:transition-colors transition-colors hover:fc:bg-gray-100 hover:bg-gray-100", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react95.RiMenuLine, { size: 18 }) })
+    !isOpen && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+      "button",
+      {
+        type: "button",
+        onClick: onToggle,
+        "aria-label": "Open sidebar",
+        className: "fc:fixed fixed fc:left-[16px] left-[16px] fc:top-[30px] top-[30px] fc:z-[100] z-[100] fc:flex flex fc:h-[46px] h-[46px] fc:w-[46px] w-[46px] fc:items-center items-center fc:justify-center justify-center fc:rounded-[9px] rounded-[9px] fc:border border fc:border-[#E1E5ED] border-[#E1E5ED] fc:bg-white bg-white fc:text-[#344261] text-[#344261] fc:shadow-[0_2px_8px_rgba(0,0,0,0.08)] shadow-[0_2px_8px_rgba(0,0,0,0.08)] fc:transition-colors transition-colors hover:fc:bg-gray-100 hover:bg-gray-100",
+        children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react95.RiMenuLine, { size: 18 })
+      }
+    )
   ] });
 }
 
 // src/components/Layout.jsx
 var import_react96 = require("react");
 var import_jsx_runtime95 = require("react/jsx-runtime");
-var Layout = ({ children }) => {
+var Layout = ({ children, sidebar, sidebarConfig }) => {
   const [isOpen, setIsOpen] = (0, import_react96.useState)(true);
+  const resolvedSidebarConfig = sidebar != null ? sidebar : sidebarConfig;
   return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "flowcore fc:flex fc:min-h-screen", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
     Sidebar,
     {
       isOpen,
       onToggle: () => setIsOpen(!isOpen),
-      childrens: children
+      childrens: children,
+      sidebar: resolvedSidebarConfig,
+      sidebarConfig: resolvedSidebarConfig
     }
   ) });
 };

package/dist/pkg-index.mjs

@@ -13,7 +13,33 @@ import {
 
 // src/components/Sidebar.jsx
 import { useState as useState70, useEffect as useEffect48 } from "react";
-import { RiFlowChart, RiShieldUserLine, RiFolder3Line, RiCheckboxCircleLine, RiRouteLine, RiMessage2Line, RiMenuLine, RiGitMergeLine, RiNodeTree, RiGitBranchLine, RiCornerDownRightLine, RiUserSettingsLine, RiFileShieldLine, RiUserSharedLine, RiSettings4Line, RiFileSettingsLine, RiFileList3Line, RiFileUploadLine, RiNotification4Line, RiDatabase2Line, RiChat3Line, RiCheckboxMultipleLine, RiShieldCheckLine, RiHistoryLine, RiArrowDownSLine, RiArrowRightSLine } from "@remixicon/react";
+import {
+  RiShieldUserLine,
+  RiFolder3Line,
+  RiCheckboxCircleLine,
+  RiRouteLine,
+  RiMessage2Line,
+  RiMenuLine,
+  RiGitMergeLine,
+  RiNodeTree,
+  RiGitBranchLine,
+  RiCornerDownRightLine,
+  RiUserSettingsLine,
+  RiFileShieldLine,
+  RiUserSharedLine,
+  RiSettings4Line,
+  RiFileSettingsLine,
+  RiFileList3Line,
+  RiFileUploadLine,
+  RiNotification4Line,
+  RiDatabase2Line,
+  RiChat3Line,
+  RiCheckboxMultipleLine,
+  RiShieldCheckLine,
+  RiHistoryLine,
+  RiArrowRightSLine,
+  RiLockPasswordLine
+} from "@remixicon/react";
 import { useRouter } from "next/router";
 
 // src/components/workflow/WorkflowMain.jsx
@@ -18630,122 +18656,87 @@ function StatusMain() {
 
 // src/components/Sidebar.jsx
 import { Fragment as Fragment5, jsx as jsx94, jsxs as jsxs93 } from "react/jsx-runtime";
-var workflowItems = [
-  // Menu Name testing            // component or page-Use function name
-  {
-    name: "Workflow Type",
-    component: "workflowType",
-    icon: RiGitMergeLine
-  },
-  {
-    name: "Workflow",
-    component: "workflow",
-    icon: RiNodeTree
-  },
-  {
-    name: "Workflow Step",
-    component: "workflowStep",
-    icon: RiGitBranchLine
-  },
-  {
-    name: "Workflow Transition",
-    component: "workflowTransition",
-    icon: RiCornerDownRightLine
-  },
-  {
-    name: "Module",
-    component: "module",
-    icon: RiFolder3Line
-  },
-  {
-    name: "Status",
-    component: "status",
-    icon: RiCheckboxCircleLine
-  }
-];
-var permissionItems = [{
-  name: "Step Permission",
-  component: "step_permission_main",
-  icon: RiUserSettingsLine
-}, {
-  name: "Assignment Rule",
-  component: "AssignmentRuleMain",
-  icon: RiFileShieldLine
-}];
-var hierarchyItems = [
-  {
-    name: "Hierarchy Node",
-    component: "HierarchyNodeMain",
-    icon: RiNodeTree
-  },
-  {
-    name: "Workflow Hierarchy Node Mapping",
-    component: "Workflow_Step_Hierarchy_Mapping_Main",
-    icon: RiUserSharedLine
-  },
-  {
-    name: "Workflow Step User Mapping",
-    component: "User_hierarchy_mapping_main",
-    icon: RiUserSharedLine
-  },
-  {
-    name: "Workflow Settings",
-    component: "WorkflowSettingMain",
-    icon: RiSettings4Line
-  }
-];
-var documentItems = [{
-  name: "Document Configuration",
-  component: "DocumentConfigurationmain",
-  icon: RiFileSettingsLine
-}];
-var fileItems = [{
-  name: "Business Entity",
-  component: "BusinessEntitymain",
-  icon: RiFileList3Line
-}, {
-  name: "File Instance",
-  component: "FileInstanceMain",
-  icon: RiFileList3Line
-}, {
-  name: "File Pool",
-  component: "FilePoolMain",
-  icon: RiDatabase2Line
-}, {
-  name: "Uploaded Document",
-  component: "UploadedDocumentMain",
-  icon: RiFileUploadLine
-}];
-var communicationItems = [{
-  name: "Notification",
-  component: "Notification_main",
-  icon: RiNotification4Line
-}, {
-  name: "Comment",
-  component: "Comment_main",
-  icon: RiChat3Line
-}];
-var taskItems = [{
-  name: "Task Instance",
-  component: "TaskInstanceMain",
-  icon: RiCheckboxMultipleLine
-}];
-var trackingItems = [{
-  name: "Audit Log",
-  component: "AuditLogmain",
-  icon: RiShieldCheckLine
-}, {
-  name: "Movement History",
-  component: "MovementHistorymain",
-  icon: RiHistoryLine
-}];
-function Sidebar({
-  isOpen,
-  onToggle,
-  childrens
-}) {
+function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig }) {
   const router = useRouter();
-  const [activeComponent, setActiveComponent] = useState70("workflowType");
+  const resolvedSidebarConfig = sidebar != null ? sidebar : sidebarConfig;
+  const masterWorkflowItems = [
+    { name: "Workflow Type", component: "workflowType", icon: RiGitMergeLine, configKey: "isWorkflowType" },
+    { name: "Workflow", component: "workflow", icon: RiNodeTree, configKey: "isWorkflow" },
+    { name: "Workflow Step", component: "workflowStep", icon: RiGitBranchLine, configKey: "isWorkflowStep" },
+    { name: "Workflow Transition", component: "workflowTransition", icon: RiCornerDownRightLine, configKey: "isWorkflowTransition" },
+    { name: "Module", component: "module", icon: RiFolder3Line, configKey: "isModule" },
+    { name: "Status", component: "status", icon: RiCheckboxCircleLine, configKey: "isStatus" }
+  ];
+  const masterPermissionItems = [
+    { name: "Step Permission", component: "step_permission_main", icon: RiUserSettingsLine, configKey: "isStepPermission" },
+    { name: "Assignment Rule", component: "AssignmentRuleMain", icon: RiFileShieldLine, configKey: "isAssignmentRule" }
+  ];
+  const masterHierarchyItems = [
+    { name: "Hierarchy Node", component: "HierarchyNodeMain", icon: RiNodeTree, configKey: "isHierarchyNode" },
+    { name: "Workflow Hierarchy Node Mapping", component: "Workflow_Step_Hierarchy_Mapping_Main", icon: RiUserSharedLine, configKey: "isWorkflowHierarchyMapping" },
+    { name: "Workflow Step User Mapping", component: "User_hierarchy_mapping_main", icon: RiUserSharedLine, configKey: "isUserHierarchyMapping" },
+    { name: "Workflow Settings", component: "WorkflowSettingMain", icon: RiSettings4Line, configKey: "isWorkflowSettings" }
+  ];
+  const masterDocumentItems = [
+    { name: "Document Configuration", component: "DocumentConfigurationmain", icon: RiFileSettingsLine, configKey: "isDocumentConfiguration" }
+  ];
+  const masterFileItems = [
+    { name: "Business Entity", component: "BusinessEntitymain", icon: RiFileList3Line, configKey: "isBusinessEntity" },
+    { name: "File Instance", component: "FileInstanceMain", icon: RiFileList3Line, configKey: "isFileInstance" },
+    { name: "File Pool", component: "FilePoolMain", icon: RiDatabase2Line, configKey: "isFilePool" },
+    { name: "Uploaded Document", component: "UploadedDocumentMain", icon: RiFileUploadLine, configKey: "isUploadedDocument" }
+  ];
+  const masterCommunicationItems = [
+    { name: "Notification", component: "Notification_main", icon: RiNotification4Line, configKey: "isNotification" },
+    { name: "Comment", component: "Comment_main", icon: RiChat3Line, configKey: "isComment" }
+  ];
+  const masterTaskItems = [
+    { name: "Task Instance", component: "TaskInstanceMain", icon: RiCheckboxMultipleLine, configKey: "isTaskInstance" }
+  ];
+  const masterTrackingItems = [
+    { name: "Audit Log", component: "AuditLogmain", icon: RiShieldCheckLine, configKey: "isAuditLog" },
+    { name: "Movement History", component: "MovementHistorymain", icon: RiHistoryLine, configKey: "isMovementHistory" }
+  ];
+  const getConfigObject = () => {
+    if (!resolvedSidebarConfig) return null;
+    return Array.isArray(resolvedSidebarConfig) ? Object.assign({}, ...resolvedSidebarConfig) : resolvedSidebarConfig;
+  };
+  const filterItems = (items) => {
+    const configObj2 = getConfigObject();
+    if (!configObj2) return items;
+    if (Object.keys(configObj2).length === 0) return [];
+    return items.filter((item) => {
+      if (item.configKey && configObj2[item.configKey] === false) {
+        return false;
+      }
+      return true;
+    });
+  };
+  const configObj = getConfigObject();
+  const hasSidebarAccess = !configObj || Object.values(configObj).some((value) => value === true);
+  const workflowItems = filterItems(masterWorkflowItems);
+  const permissionItems = filterItems(masterPermissionItems);
+  const hierarchyItems = filterItems(masterHierarchyItems);
+  const documentItems = filterItems(masterDocumentItems);
+  const fileItems = filterItems(masterFileItems);
+  const communicationItems = filterItems(masterCommunicationItems);
+  const taskItems = filterItems(masterTaskItems);
+  const trackingItems = filterItems(masterTrackingItems);
+  const hasAnyAccess = workflowItems.length > 0 || permissionItems.length > 0 || hierarchyItems.length > 0 || documentItems.length > 0 || fileItems.length > 0 || communicationItems.length > 0 || taskItems.length > 0 || trackingItems.length > 0;
+  const getAllAvailableItems = () => [
+    ...workflowItems,
+    ...permissionItems,
+    ...hierarchyItems,
+    ...documentItems,
+    ...fileItems,
+    ...taskItems,
+    ...trackingItems,
+    ...communicationItems
+  ];
+  const [activeComponent, setActiveComponent] = useState70(() => {
+    const all = getAllAvailableItems();
+    return all.length > 0 ? all[0].component : null;
+  });
   const [workflowOpen, setWorkflowOpen] = useState70(true);
   const [permissionOpen, setPermissionOpen] = useState70(false);
   const [hierarchyOpen, setHierarchyOpen] = useState70(false);
@@ -18772,21 +18763,16 @@ function Sidebar({
     } else if (communicationItems.some((item) => item.component === activeComponent)) {
       setCommunicationOpen(true);
     }
-  }, [activeComponent]);
+  }, [activeComponent, workflowItems, permissionItems, hierarchyItems, documentItems, fileItems, taskItems, trackingItems, communicationItems]);
   const renderMenuItem = (item) => {
     const Icon = item.icon;
     const handleClick = () => {
       if (item.component) {
-        router.push("/flowCore", void 0, {
-          shallow: true
-        });
+        router.push("/flowCore", void 0, { shallow: true });
         setActiveComponent(item.component);
-      } else if (item.path) {
-        setActiveComponent(null);
-        router.push(item.path);
       }
     };
-    const isActive = item.component ? activeComponent === item.component : router.pathname === item.path;
+    const isActive = activeComponent === item.component;
     return /* @__PURE__ */ jsxs93(
       "button",
       {
@@ -18809,6 +18795,13 @@ function Sidebar({
     );
   };
   const renderContent = () => {
+    if (!hasAnyAccess) {
+      return /* @__PURE__ */ jsxs93("div", { className: "fc:flex fc:flex-col fc:items-center fc:justify-center fc:h-full fc:p-6 fc:text-center", children: [
+        /* @__PURE__ */ jsx94("div", { className: "fc:bg-red-50 fc:text-red-500 fc:p-4 fc:rounded-full fc:mb-4", children: /* @__PURE__ */ jsx94(RiLockPasswordLine, { size: 32 }) }),
+        /* @__PURE__ */ jsx94("h2", { className: "fc:text-lg fc:font-bold fc:text-[#101318] fc:mb-1", children: "Access Restricted" }),
+        /* @__PURE__ */ jsx94("p", { className: "fc:text-sm fc:text-[#64748B] fc:max-w-md", children: "You do not have permission to access any modules or workflow sections. Please contact your administrator for access rights." })
+      ] });
+    }
     switch (activeComponent) {
       case "module":
         return /* @__PURE__ */ jsx94(ModuleMain, {});
@@ -18859,9 +18852,8 @@ function Sidebar({
     }
   };
   const renderDropdown = (title, open, setOpen, items, HeadingIcon) => {
-    const hasActiveChild = items.some(
-      (item) => item.component ? activeComponent === item.component : router.pathname === item.path
-    );
+    if (items.length === 0) return null;
+    const hasActiveChild = items.some((item) => activeComponent === item.component);
     return /* @__PURE__ */ jsxs93("div", { className: "fc:mb-1 mb-1", children: [
       /* @__PURE__ */ jsxs93(
         "button",
@@ -18878,7 +18870,13 @@ function Sidebar({
                   className: `fc:shrink-0 shrink-0 fc:transition-colors transition-colors ${hasActiveChild ? "fc:text-blue-600 text-blue-600" : "fc:text-[#405170] text-[#405170]"}`
                 }
               ),
-              /* @__PURE__ */ jsx94("span", { className: `fc:text-[14px] text-[14px] fc:font-semibold font-semibold fc:truncate truncate ${hasActiveChild && !open ? "fc:text-blue-600 text-blue-600" : "fc:text-[#273657] text-[#273657]"}`, children: title })
+              /* @__PURE__ */ jsx94(
+                "span",
+                {
+                  className: `fc:text-[14px] text-[14px] fc:font-semibold font-semibold fc:truncate truncate ${hasActiveChild && !open ? "fc:text-blue-600 text-blue-600" : "fc:text-[#273657] text-[#273657]"}`,
+                  children: title
+                }
+              )
             ] }),
             /* @__PURE__ */ jsx94(
               "span",
@@ -18913,60 +18911,104 @@ function Sidebar({
       )
     ] });
   };
+  if (configObj && !hasSidebarAccess) {
+    return /* @__PURE__ */ jsx94("div", { className: "fc:flex fc:min-h-screen fc:w-full fc:items-center fc:justify-center fc:bg-[#F5F7FB] fc:p-6", children: /* @__PURE__ */ jsxs93("div", { className: "fc:max-w-md fc:rounded-2xl fc:border fc:border-red-200 fc:bg-red-50 fc:p-6 fc:text-center fc:shadow-sm", children: [
+      /* @__PURE__ */ jsx94("div", { className: "fc:mb-4 fc:flex fc:justify-center", children: /* @__PURE__ */ jsx94("div", { className: "fc:flex fc:h-14 fc:w-14 fc:items-center fc:justify-center fc:rounded-full fc:bg-red-100 fc:text-red-500", children: /* @__PURE__ */ jsx94(RiLockPasswordLine, { size: 28 }) }) }),
+      /* @__PURE__ */ jsx94("h2", { className: "fc:mb-2 fc:text-lg fc:font-bold fc:text-red-600", children: "Access Restricted" }),
+      /* @__PURE__ */ jsx94("p", { className: "fc:text-sm fc:text-[#405170]", children: "You do not have permission to access FlowCore. Please contact your administrator." })
+    ] }) });
+  }
   return /* @__PURE__ */ jsxs93(Fragment5, { children: [
-    /* @__PURE__ */ jsxs93("aside", { className: `fc:flex fc:h-screen fc:flex-col fc:overflow-hidden fc:border-r fc:border-[#E5E9F1] fc:bg-white fc:font-sans fc:text-[#273657] fc:transition-all fc:duration-300 fc:ease-in-out ${isOpen ? "fc:w-[285px] fc:min-w-[285px] fc:translate-x-0 fc:opacity-100" : "fc:w-0 fc:min-w-0 fc:-translate-x-full fc:opacity-0"}`, children: [
-      /* @__PURE__ */ jsxs93("header", { className: "fc:flex fc:h-[84px] fc:items-center fc:justify-between fc:border-b fc:border-[#EDF0F5] fc:px-[14px]", children: [
-        /* @__PURE__ */ jsxs93("div", { className: "fc:flex fc:items-center fc:gap-2", children: [
-          /* @__PURE__ */ jsxs93("svg", { width: "36", height: "42", viewBox: "0 0 48 56", fill: "none", children: [
-            /* @__PURE__ */ jsx94("path", { d: "M24 2L45 12.5L24 23L3 12.5L24 2Z", fill: "#356AF3" }),
-            /* @__PURE__ */ jsx94("path", { d: "M24 8L34 13L24 18L14 13L24 8Z", fill: "white" }),
-            /* @__PURE__ */ jsx94("path", { d: "M3 20L24 30.5L45 20V27L24 37.5L3 27V20Z", fill: "#356AF3" }),
-            /* @__PURE__ */ jsx94("path", { d: "M3 33L24 43.5L45 33V40L24 50.5L3 40V33Z", fill: "#356AF3" })
+    /* @__PURE__ */ jsxs93(
+      "aside",
+      {
+        className: `fc:flex fc:h-screen fc:flex-col fc:overflow-hidden fc:border-r fc:border-[#E5E9F1] fc:bg-white fc:font-sans fc:text-[#273657] fc:transition-all fc:duration-300 fc:ease-in-out ${isOpen ? "fc:w-[285px] fc:min-w-[285px] fc:translate-x-0 fc:opacity-100" : "fc:w-0 fc:min-w-0 fc:-translate-x-full fc:opacity-0"}`,
+        children: [
+          /* @__PURE__ */ jsxs93("header", { className: "fc:flex fc:h-[84px] fc:items-center fc:justify-between fc:border-b fc:border-[#EDF0F5] fc:px-[14px]", children: [
+            /* @__PURE__ */ jsxs93("div", { className: "fc:flex fc:items-center fc:gap-2", children: [
+              /* @__PURE__ */ jsxs93("svg", { width: "36", height: "42", viewBox: "0 0 48 56", fill: "none", children: [
+                /* @__PURE__ */ jsx94("path", { d: "M24 2L45 12.5L24 23L3 12.5L24 2Z", fill: "#356AF3" }),
+                /* @__PURE__ */ jsx94("path", { d: "M24 8L34 13L24 18L14 13L24 8Z", fill: "white" }),
+                /* @__PURE__ */ jsx94("path", { d: "M3 20L24 30.5L45 20V27L24 37.5L3 27V20Z", fill: "#356AF3" }),
+                /* @__PURE__ */ jsx94("path", { d: "M3 33L24 43.5L45 33V40L24 50.5L3 40V33Z", fill: "#356AF3" })
+              ] }),
+              /* @__PURE__ */ jsxs93("div", { children: [
+                /* @__PURE__ */ jsx94("h1", { className: "fc:text-[18px] fc:font-extrabold fc:text-[#101318]", children: "FLOWCORE" }),
+                /* @__PURE__ */ jsx94("p", { className: "fc:text-[12px] fc:text-[#344261]", children: "Workflow Engine" })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx94(
+              "button",
+              {
+                type: "button",
+                onClick: onToggle,
+                className: "fc:flex flex fc:h-8 h-8 fc:w-8 w-8 fc:items-center items-center fc:justify-center justify-center fc:rounded-lg rounded-lg hover:fc:bg-gray-100 hover:bg-gray-100 fc:transition-colors transition-colors",
+                children: /* @__PURE__ */ jsx94(RiMenuLine, { size: 18 })
+              }
+            )
           ] }),
-          /* @__PURE__ */ jsxs93("div", { children: [
-            /* @__PURE__ */ jsx94("h1", { className: "fc:text-[18px] fc:font-extrabold fc:text-[#101318]", children: "FLOWCORE" }),
-            /* @__PURE__ */ jsx94("p", { className: "fc:text-[12px] fc:text-[#344261]", children: "Workflow Engine" })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx94("button", { type: "button", onClick: onToggle, className: "fc:flex flex fc:h-8 h-8 fc:w-8 w-8 fc:items-center items-center fc:justify-center justify-center fc:rounded-lg rounded-lg hover:fc:bg-gray-100 hover:bg-gray-100 fc:transition-colors transition-colors", children: /* @__PURE__ */ jsx94(RiMenuLine, { size: 18 }) })
-      ] }),
-      /* @__PURE__ */ jsxs93("div", { className: "fc:min-h-0 min-h-0 fc:flex-1 flex-1 fc:overflow-y-auto overflow-y-auto fc:overflow-x-hidden overflow-x-hidden fc:px-[12px] px-[12px] fc:pb-[24px] pb-[24px] fc:pt-[20px] pt-[20px]", children: [
-        /* @__PURE__ */ jsx94("p", { className: "fc:mb-[10px] mb-[10px] fc:px-[10px] px-[10px] fc:text-[12px] text-[12px] fc:font-bold font-bold fc:uppercase uppercase fc:leading-[16px] leading-[16px] fc:tracking-[0.5px] tracking-[0.5px] fc:text-[#3C4D74] text-[#3C4D74]", children: "Configuration Masters" }),
-        /* @__PURE__ */ jsxs93("div", { className: "fc:flex flex fc:flex-col flex-col fc:gap-[2px] gap-[2px]", children: [
-          renderDropdown("Workflow", workflowOpen, setWorkflowOpen, workflowItems, RiNodeTree),
-          renderDropdown("Permissions", permissionOpen, setPermissionOpen, permissionItems, RiShieldUserLine),
-          renderDropdown("Documents", documentOpen, setDocumentOpen, documentItems, RiFileSettingsLine),
-          renderDropdown("Hierarchy", hierarchyOpen, setHierarchyOpen, hierarchyItems, RiNodeTree)
-        ] }),
-        /* @__PURE__ */ jsx94("p", { className: "fc:mb-[10px] mb-[10px] fc:px-[10px] px-[10px] fc:mt-[24px] mt-[24px] fc:text-[12px] text-[12px] fc:font-bold font-bold fc:uppercase uppercase fc:leading-[16px] leading-[16px] fc:tracking-[0.5px] tracking-[0.5px] fc:text-[#3C4D74] text-[#3C4D74]", children: "Runtime" }),
-        /* @__PURE__ */ jsxs93("div", { className: "fc:flex flex fc:flex-col flex-col fc:gap-[2px] gap-[2px]", children: [
-          renderDropdown("Files", filesOpen, setFilesOpen, fileItems, RiFolder3Line),
-          renderDropdown("Tasks", tasksOpen, setTasksOpen, taskItems, RiCheckboxCircleLine),
-          renderDropdown("Tracking", trackingOpen, setTrackingOpen, trackingItems, RiRouteLine),
-          renderDropdown("Communication", communicationOpen, setCommunicationOpen, communicationItems, RiMessage2Line)
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx94("div", { className: "fc:shrink-0 shrink-0 fc:bg-white bg-white fc:px-[12px] px-[12px] fc:pb-[20px] pb-[20px] fc:pt-[12px] pt-[12px]", children: /* @__PURE__ */ jsxs93("button", { type: "button", className: "fc:flex flex fc:h-[50px] h-[50px] fc:w-full w-full fc:items-center items-center fc:gap-[12px] gap-[12px] fc:rounded-[10px] rounded-[10px] fc:border border fc:border-[#E1E5ED] border-[#E1E5ED] fc:bg-white bg-white fc:px-[14px] px-[14px] fc:text-left text-left fc:text-[15px] text-[15px] fc:font-semibold font-semibold fc:text-[#2D3A58] text-[#2D3A58] fc:shadow-sm shadow-sm hover:fc:bg-[#F7F8FC] hover:bg-[#F7F8FC] fc:transition transition", children: [
-        /* @__PURE__ */ jsx94(RiSettings4Line, { size: 20 }),
-        /* @__PURE__ */ jsx94("span", { children: "Settings" })
-      ] }) })
-    ] }),
+          /* @__PURE__ */ jsxs93("div", { className: "fc:min-h-0 min-h-0 fc:flex-1 flex-1 fc:overflow-y-auto overflow-y-auto fc:overflow-x-hidden overflow-x-hidden fc:px-[12px] px-[12px] fc:pb-[24px] pb-[24px] fc:pt-[20px] pt-[20px]", children: [
+            (workflowItems.length > 0 || permissionItems.length > 0 || hierarchyItems.length > 0 || documentItems.length > 0) && /* @__PURE__ */ jsxs93(Fragment5, { children: [
+              /* @__PURE__ */ jsx94("p", { className: "fc:mb-[10px] mb-[10px] fc:px-[10px] px-[10px] fc:text-[12px] text-[12px] fc:font-bold font-bold fc:uppercase uppercase fc:leading-[16px] leading-[16px] fc:tracking-[0.5px] tracking-[0.5px] fc:text-[#3C4D74] text-[#3C4D74]", children: "Configuration Masters" }),
+              /* @__PURE__ */ jsxs93("div", { className: "fc:flex flex fc:flex-col flex-col fc:gap-[2px] gap-[2px]", children: [
+                renderDropdown("Workflow", workflowOpen, setWorkflowOpen, workflowItems, RiNodeTree),
+                renderDropdown("Permissions", permissionOpen, setPermissionOpen, permissionItems, RiShieldUserLine),
+                renderDropdown("Documents", documentOpen, setDocumentOpen, documentItems, RiFileSettingsLine),
+                renderDropdown("Hierarchy", hierarchyOpen, setHierarchyOpen, hierarchyItems, RiNodeTree)
+              ] })
+            ] }),
+            (fileItems.length > 0 || taskItems.length > 0 || trackingItems.length > 0 || communicationItems.length > 0) && /* @__PURE__ */ jsxs93(Fragment5, { children: [
+              /* @__PURE__ */ jsx94("p", { className: "fc:mb-[10px] mb-[10px] fc:px-[10px] px-[10px] fc:mt-[24px] mt-[24px] fc:text-[12px] text-[12px] fc:font-bold font-bold fc:uppercase uppercase fc:leading-[16px] leading-[16px] fc:tracking-[0.5px] tracking-[0.5px] fc:text-[#3C4D74] text-[#3C4D74]", children: "Runtime" }),
+              /* @__PURE__ */ jsxs93("div", { className: "fc:flex flex fc:flex-col flex-col fc:gap-[2px] gap-[2px]", children: [
+                renderDropdown("Files", filesOpen, setFilesOpen, fileItems, RiFolder3Line),
+                renderDropdown("Tasks", tasksOpen, setTasksOpen, taskItems, RiCheckboxCircleLine),
+                renderDropdown("Tracking", trackingOpen, setTrackingOpen, trackingItems, RiRouteLine),
+                renderDropdown("Communication", communicationOpen, setCommunicationOpen, communicationItems, RiMessage2Line)
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx94("div", { className: "fc:shrink-0 shrink-0 fc:bg-white bg-white fc:px-[12px] px-[12px] fc:pb-[20px] pb-[20px] fc:pt-[12px] pt-[12px]", children: /* @__PURE__ */ jsxs93(
+            "button",
+            {
+              type: "button",
+              className: "fc:flex flex fc:h-[50px] h-[50px] fc:w-full w-full fc:items-center items-center fc:gap-[12px] gap-[12px] fc:rounded-[10px] rounded-[10px] fc:border border fc:border-[#E1E5ED] border-[#E1E5ED] fc:bg-white bg-white fc:px-[14px] px-[14px] fc:text-left text-left fc:text-[15px] text-[15px] fc:font-semibold font-semibold fc:text-[#2D3A58] text-[#2D3A58] fc:shadow-sm shadow-sm hover:fc:bg-[#F7F8FC] hover:bg-[#F7F8FC] fc:transition transition",
+              children: [
+                /* @__PURE__ */ jsx94(RiSettings4Line, { size: 20 }),
+                /* @__PURE__ */ jsx94("span", { children: "Settings" })
+              ]
+            }
+          ) })
+        ]
+      }
+    ),
     /* @__PURE__ */ jsx94("div", { className: "fc:flex-1 flex-1 fc:overflow-auto overflow-auto fc:bg-[#F5F7FB] bg-[#F5F7FB]", children: renderContent() }),
-    !isOpen && /* @__PURE__ */ jsx94("button", { type: "button", onClick: onToggle, "aria-label": "Open sidebar", className: "fc:fixed fixed fc:left-[16px] left-[16px] fc:top-[30px] top-[30px] fc:z-[100] z-[100] fc:flex flex fc:h-[46px] h-[46px] fc:w-[46px] w-[46px] fc:items-center items-center fc:justify-center justify-center fc:rounded-[9px] rounded-[9px] fc:border border fc:border-[#E1E5ED] border-[#E1E5ED] fc:bg-white bg-white fc:text-[#344261] text-[#344261] fc:shadow-[0_2px_8px_rgba(0,0,0,0.08)] shadow-[0_2px_8px_rgba(0,0,0,0.08)] fc:transition-colors transition-colors hover:fc:bg-gray-100 hover:bg-gray-100", children: /* @__PURE__ */ jsx94(RiMenuLine, { size: 18 }) })
+    !isOpen && /* @__PURE__ */ jsx94(
+      "button",
+      {
+        type: "button",
+        onClick: onToggle,
+        "aria-label": "Open sidebar",
+        className: "fc:fixed fixed fc:left-[16px] left-[16px] fc:top-[30px] top-[30px] fc:z-[100] z-[100] fc:flex flex fc:h-[46px] h-[46px] fc:w-[46px] w-[46px] fc:items-center items-center fc:justify-center justify-center fc:rounded-[9px] rounded-[9px] fc:border border fc:border-[#E1E5ED] border-[#E1E5ED] fc:bg-white bg-white fc:text-[#344261] text-[#344261] fc:shadow-[0_2px_8px_rgba(0,0,0,0.08)] shadow-[0_2px_8px_rgba(0,0,0,0.08)] fc:transition-colors transition-colors hover:fc:bg-gray-100 hover:bg-gray-100",
+        children: /* @__PURE__ */ jsx94(RiMenuLine, { size: 18 })
+      }
+    )
   ] });
 }
 
 // src/components/Layout.jsx
 import { useState as useState71 } from "react";
 import { jsx as jsx95 } from "react/jsx-runtime";
-var Layout = ({ children }) => {
+var Layout = ({ children, sidebar, sidebarConfig }) => {
   const [isOpen, setIsOpen] = useState71(true);
+  const resolvedSidebarConfig = sidebar != null ? sidebar : sidebarConfig;
   return /* @__PURE__ */ jsx95("div", { className: "flowcore fc:flex fc:min-h-screen", children: /* @__PURE__ */ jsx95(
     Sidebar,
     {
       isOpen,
       onToggle: () => setIsOpen(!isOpen),
-      childrens: children
+      childrens: children,
+      sidebar: resolvedSidebarConfig,
+      sidebarConfig: resolvedSidebarConfig
     }
   ) });
 };

package/package.json

@@ -1,6 +1,6 @@
   {
     "name": "flowcore-fn",
-    "version": "10.2.4",
+    "version": "10.2.6",
     "main": "dist/pkg-index.js",
     "module": "dist/pkg-index.mjs",
     "files": [