diff --git a/Data/WebUI/src/App.jsx b/Data/WebUI/src/App.jsx
index c8f6aa4..19a262c 100644
--- a/Data/WebUI/src/App.jsx
+++ b/Data/WebUI/src/App.jsx
@@ -26,6 +26,23 @@ import Tooltip from "@mui/material/Tooltip";
import KeyboardArrowDownIcon from "@mui/icons-material/KeyboardArrowDown";
import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
+// Icons for Sidebar Workflow Buttons
+import SaveIcon from "@mui/icons-material/Save";
+import FileOpenIcon from "@mui/icons-material/FileOpen";
+import DeleteForeverIcon from "@mui/icons-material/DeleteForever";
+
+// Info Icon for About Menu
+import InfoOutlinedIcon from "@mui/icons-material/InfoOutlined";
+
+// Node Icon (Left-Side of Each Node in Sidebar Menu)
+import PolylineIcon from "@mui/icons-material/Polyline";
+
+// Gitea Project Icon
+import MergeTypeIcon from "@mui/icons-material/MergeType";
+
+// Credits Icon
+import PeopleIcon from "@mui/icons-material/People";
+
import ReactFlow, {
Background,
addEdge,
@@ -86,7 +103,7 @@ function FlowEditor({ nodes, edges, setNodes, setEdges, nodeTypes }) {
position,
data: {
label: nodeMeta?.label || type,
- content: nodeMeta?.defaultContent
+ content: nodeMeta?.content
}
};
@@ -187,6 +204,7 @@ export default function App() {
const [nodes, setNodes] = useState([]);
const [edges, setEdges] = useState([]);
const [confirmCloseOpen, setConfirmCloseOpen] = useState(false);
+ const [creditsDialogOpen, setCreditsDialogOpen] = useState(false);
const fileInputRef = useRef(null);
const handleAboutMenuOpen = (event) => setAboutAnchorEl(event.currentTarget);
@@ -266,16 +284,34 @@ export default function App() {
color="inherit"
onClick={handleAboutMenuOpen}
endIcon={