Agent workflow and tools options UI

src/ui/ManagementPortal/app.vue

@@ -100,6 +100,10 @@ body,
 	margin-left: 4px !important;
 }
 
+.ml-2 {
+	margin-left: 8px !important;
+}
+
 .mr-1 {
 	margin-right: 4px !important;
 }
@@ -112,6 +116,10 @@ body,
 	margin-top: 16px !important;
 }
 
+.mt-6 {
+	margin-top: 24px !important;
+}
+
 .mb-1 {
 	margin-bottom: 4px !important;
 }
@@ -120,10 +128,22 @@ body,
 	margin-bottom: 8px !important;
 }
 
+.mb-3 {
+	margin-bottom: 12px !important;
+}
+
 .mb-4 {
 	margin-bottom: 16px !important;
 }
 
+.mb-5 {
+	margin-bottom: 20px !important;
+}
+
+.mb-6 {
+	margin-bottom: 24px !important;
+}
+
 .w-100 {
 	width: 100%;
 }
@@ -136,6 +156,14 @@ body,
 	display: flex;
 }
 
+.flex-1 {
+	flex: 1;
+}
+
+.gap-4 {
+	gap: 16px;
+}
+
 .flex-column {
 	flex-direction: column;
 }
@@ -152,10 +180,18 @@ body,
 	justify-content: end;
 }
 
+.justify-content-between {
+	justify-content: space-between;
+}
+
 .justify-self-end {
 	justify-self: end;
 }
 
+.font-weight-bold {
+	font-weight: bold;
+}
+
 .cursor-pointer {
 	cursor: pointer;
 }