feat: change main menu order (#664)
oliver-oat committed
Feb 2, 2026 at 19:59 UTC
3779341beb5e2d14cca1ef216c3f4ae5d71de97b
1 file changed
+149
-210
frontend/src/app-layouts/common/Navbar/items.tsx
+149
-210
@@ -37,9 +37,9 @@ export default function getItems(): MenuMixedOption[] {
37
icon: renderIcon(OverviewIcon)
38
},
39
{
40
- label: "Indices",
41
- key: "IndicesMenu",
42
- icon: renderIcon(IndiciesIcon),
40
+ label: "Incident Management",
41
+ key: "IncidentManagement",
42
+ icon: renderIcon(IncidentManagementIcon),
43
children: [
44
{
45
label: () =>
@@ -47,12 +47,12 @@ export default function getItems(): MenuMixedOption[] {
47
RouterLink,
48
{
49
to: {
50
- name: "Indices"
50
+ name: "IncidentManagement-Sources"
51
}
52
},
53
- { default: () => "Index Management" }
53
+ { default: () => "Sources" }
54
),
55
- key: "Indices"
55
+ key: "IncidentManagement-Sources"
56
},
57
{
58
label: () =>
@@ -60,19 +60,47 @@ export default function getItems(): MenuMixedOption[] {
60
RouterLink,
61
{
62
to: {
63
- name: "Snapshots"
63
+ name: "IncidentManagement-Alerts"
64
}
65
},
66
- { default: () => "Snapshot & Restore" }
66
+ { default: () => "Alerts" }
67
),
68
- key: "Snapshots"
68
+ key: "IncidentManagement-Alerts"
69
+ },
70
+ {
71
+ label: () =>
72
+ h(
73
+ RouterLink,
74
+ {
75
+ to: {
76
+ name: "IncidentManagement-Cases"
77
+ }
78
+ },
79
+ { default: () => "Cases" }
80
+ ),
81
+ key: "IncidentManagement-Cases"
82
+ }
83
+ /*
84
+ {
85
+ label: () =>
86
+ h(
87
+ RouterLink,
88
+ {
89
+ to: {
90
+ name: "IncidentManagement-Sigma"
91
+ }
92
+ },
93
+ { default: () => "SIGMA" }
94
+ ),
95
+ key: "IncidentManagement-Sigma"
96
}
97
+ */
98
]
99
},
100
{
73
- label: "Agents",
74
- key: "Agents",
75
- icon: renderIcon(AgentsIcon),
101
+ label: "Alerts",
102
+ key: "Alerts",
103
+ icon: renderIcon(AlertsIcon),
104
children: [
105
{
106
label: () =>
@@ -80,12 +108,12 @@ export default function getItems(): MenuMixedOption[] {
108
RouterLink,
109
{
110
to: {
83
- name: "Agents"
111
+ name: "Alerts-SIEM"
112
}
113
},
86
- { default: () => "Agents list" }
114
+ { default: () => "SIEM" }
115
),
88
- key: "Agents"
116
+ key: "Alerts-SIEM"
117
},
118
{
119
label: () =>
@@ -93,12 +121,12 @@ export default function getItems(): MenuMixedOption[] {
121
RouterLink,
122
{
123
to: {
96
- name: "Groups"
124
+ name: "Alerts-Mitre"
125
}
126
},
99
- { default: () => "Groups" }
127
+ { default: () => "MITRE ATT&CK" }
128
),
101
- key: "Groups"
129
+ key: "Alerts-Mitre"
130
},
131
{
132
label: () =>
@@ -106,25 +134,60 @@ export default function getItems(): MenuMixedOption[] {
134
RouterLink,
135
{
136
to: {
109
- name: "SysmonConfig"
137
+ name: "Alerts-AtomicRedTeam"
138
}
139
},
112
- { default: () => "Sysmon Config" }
140
+ { default: () => "Atomic Red Team" }
141
),
114
- key: "SysmonConfig"
115
- },
142
+ key: "Alerts-AtomicRedTeam"
143
+ }
144
+ ]
145
+ },
146
+ {
147
+ label: () =>
148
+ h(
149
+ RouterLink,
150
+ {
151
+ to: {
152
+ name: "Artifacts"
153
+ }
154
+ },
155
+ { default: () => "Artifacts" }
156
+ ),
157
+ key: "Artifacts",
158
+ icon: renderIcon(ArtifactsIcon)
159
+ },
160
+ {
161
+ label: () =>
162
+ h(
163
+ RouterLink,
164
+ {
165
+ to: {
166
+ name: "Customers"
167
+ }
168
+ },
169
+ { default: () => "Customers" }
170
+ ),
171
+ key: "Customers",
172
+ icon: renderIcon(CustomersIcon)
173
+ },
174
+ {
175
+ label: "Agents",
176
+ key: "Agents",
177
+ icon: renderIcon(AgentsIcon),
178
+ children: [
179
{
180
label: () =>
181
h(
182
RouterLink,
183
{
184
to: {
122
- name: "DetectionRules"
185
+ name: "Agents"
186
}
187
},
125
- { default: () => "Detection Rules" }
188
+ { default: () => "Agents list" }
189
),
127
- key: "DetectionRules"
190
+ key: "Agents"
191
},
192
{
193
label: () =>
@@ -132,12 +195,12 @@ export default function getItems(): MenuMixedOption[] {
195
RouterLink,
196
{
197
to: {
135
- name: "CopilotActions"
198
+ name: "Groups"
199
}
200
},
138
- { default: () => "CoPilot Actions" }
201
+ { default: () => "Groups" }
202
),
140
- key: "CopilotActions"
203
+ key: "Groups"
204
},
205
{
206
label: () =>
@@ -145,12 +208,12 @@ export default function getItems(): MenuMixedOption[] {
208
RouterLink,
209
{
210
to: {
148
- name: "VulnerabilityOverview"
211
+ name: "SysmonConfig"
212
}
213
},
151
- { default: () => "Vulnerability Overview" }
214
+ { default: () => "Sysmon Config" }
215
),
153
- key: "VulnerabilityOverview"
216
+ key: "SysmonConfig"
217
},
218
{
219
label: () =>
@@ -158,46 +221,25 @@ export default function getItems(): MenuMixedOption[] {
221
RouterLink,
222
{
223
to: {
161
- name: "ScaOverview"
224
+ name: "DetectionRules"
225
}
226
},
164
- { default: () => "SCA Overview" }
227
+ { default: () => "Detection Rules" }
228
),
166
- key: "ScaOverview"
167
- }
168
- ]
169
- },
170
- {
171
- label: () =>
172
- h(
173
- RouterLink,
174
- {
175
- to: {
176
- name: "Connectors"
177
- }
178
- },
179
- { default: () => "Connectors" }
180
- ),
181
- key: "Connectors",
182
- icon: renderIcon(ConnectorsIcon)
183
- },
184
- {
185
- label: "Graylog",
186
- key: "Graylog",
187
- icon: renderIcon(GraylogIcon),
188
- children: [
229
+ key: "DetectionRules"
230
+ },
231
{
232
label: () =>
233
h(
234
RouterLink,
235
{
236
to: {
195
- name: "Graylog-Management"
237
+ name: "CopilotActions"
238
}
239
},
198
- { default: () => "Management" }
240
+ { default: () => "CoPilot Actions" }
241
),
200
- key: "Graylog-Management"
242
+ key: "CopilotActions"
243
},
244
{
245
label: () =>
@@ -205,12 +247,12 @@ export default function getItems(): MenuMixedOption[] {
247
RouterLink,
248
{
249
to: {
208
- name: "Graylog-Metrics"
250
+ name: "VulnerabilityOverview"
251
}
252
},
211
- { default: () => "Metrics" }
253
+ { default: () => "Vulnerability Overview" }
254
),
213
- key: "Graylog-Metrics"
255
+ key: "VulnerabilityOverview"
256
},
257
{
258
label: () =>
@@ -218,19 +260,19 @@ export default function getItems(): MenuMixedOption[] {
260
RouterLink,
261
{
262
to: {
221
- name: "Graylog-Pipelines"
263
+ name: "ScaOverview"
264
}
265
},
224
- { default: () => "Pipelines" }
266
+ { default: () => "SCA Overview" }
267
),
226
- key: "Graylog-Pipelines"
268
+ key: "ScaOverview"
269
}
270
]
271
},
272
{
231
- label: "Alerts",
232
- key: "Alerts",
233
- icon: renderIcon(AlertsIcon),
273
+ label: "Report Creation",
274
+ key: "ReportCreation",
275
+ icon: renderIcon(ReportCreationIcon),
276
children: [
277
{
278
label: () =>
@@ -238,12 +280,12 @@ export default function getItems(): MenuMixedOption[] {
280
RouterLink,
281
{
282
to: {
241
- name: "Alerts-SIEM"
283
+ name: "ReportCreation"
284
}
285
},
244
- { default: () => "SIEM" }
286
+ { default: () => "General Reports" }
287
),
246
- key: "Alerts-SIEM"
288
+ key: "ReportCreation"
289
},
290
{
291
label: () =>
@@ -251,25 +293,25 @@ export default function getItems(): MenuMixedOption[] {
293
RouterLink,
294
{
295
to: {
254
- name: "Alerts-Mitre"
296
+ name: "VulnerabilityReports"
297
}
298
},
257
- { default: () => "MITRE ATT&CK" }
299
+ { default: () => "Vulnerability Reports" }
300
),
259
- key: "Alerts-Mitre"
301
+ key: "VulnerabilityReports"
302
},
261
- {
303
+ {
304
label: () =>
305
h(
306
RouterLink,
307
{
308
to: {
267
- name: "Alerts-AtomicRedTeam"
309
+ name: "SCAReports"
310
}
311
},
270
- { default: () => "Atomic Red Team" }
312
+ { default: () => "SCA Reports" }
313
),
272
- key: "Alerts-AtomicRedTeam"
314
+ key: "SCAReports"
315
}
316
]
317
},
@@ -279,19 +321,18 @@ export default function getItems(): MenuMixedOption[] {
321
RouterLink,
322
{
323
to: {
282
- name: "Artifacts"
324
+ name: "Healthcheck"
325
}
326
},
285
- { default: () => "Artifacts" }
327
+ { default: () => "Healthcheck" }
328
),
287
- key: "Artifacts",
288
- icon: renderIcon(ArtifactsIcon)
329
+ key: "Healthcheck",
330
+ icon: renderIcon(HealthcheckIcon)
331
},
290
- /*
332
{
292
- label: "SOC",
293
- key: "Soc",
294
- icon: renderIcon(SocIcon),
333
+ label: "Indices",
334
+ key: "IndicesMenu",
335
+ icon: renderIcon(IndiciesIcon),
336
children: [
337
{
338
label: () =>
@@ -299,38 +340,12 @@ export default function getItems(): MenuMixedOption[] {
340
RouterLink,
341
{
342
to: {
302
- name: "Soc-Alerts"
303
- }
304
- },
305
- { default: () => "Alerts" }
306
- ),
307
- key: "Soc-Alerts"
308
- },
309
- {
310
- label: () =>
311
- h(
312
- RouterLink,
313
- {
314
- to: {
315
- name: "Soc-Cases"
316
- }
317
- },
318
- { default: () => "Cases" }
319
- ),
320
- key: "Soc-Cases"
321
- },
322
- {
323
- label: () =>
324
- h(
325
- RouterLink,
326
- {
327
- to: {
328
- name: "Soc-Users"
343
+ name: "Indices"
344
}
345
},
331
- { default: () => "Users" }
346
+ { default: () => "Index Management" }
347
),
333
- key: "Soc-Users"
348
+ key: "Indices"
349
},
350
{
351
label: () =>
@@ -338,20 +353,19 @@ export default function getItems(): MenuMixedOption[] {
353
RouterLink,
354
{
355
to: {
341
- name: "Soc-PendingAlerts"
356
+ name: "Snapshots"
357
}
358
},
344
- { default: () => "Pending Alerts" }
359
+ { default: () => "Snapshot & Restore" }
360
),
346
- key: "Soc-PendingAlerts"
361
+ key: "Snapshots"
362
}
363
]
364
},
350
- */
365
{
352
- label: "Incident Management",
353
- key: "IncidentManagement",
354
- icon: renderIcon(IncidentManagementIcon),
366
+ label: "Graylog",
367
+ key: "Graylog",
368
+ icon: renderIcon(GraylogIcon),
369
children: [
370
{
371
label: () =>
@@ -359,12 +373,12 @@ export default function getItems(): MenuMixedOption[] {
373
RouterLink,
374
{
375
to: {
362
- name: "IncidentManagement-Sources"
376
+ name: "Graylog-Management"
377
}
378
},
365
- { default: () => "Sources" }
379
+ { default: () => "Management" }
380
),
367
- key: "IncidentManagement-Sources"
381
+ key: "Graylog-Management"
382
},
383
{
384
label: () =>
@@ -372,12 +386,12 @@ export default function getItems(): MenuMixedOption[] {
386
RouterLink,
387
{
388
to: {
375
- name: "IncidentManagement-Alerts"
389
+ name: "Graylog-Metrics"
390
}
391
},
378
- { default: () => "Alerts" }
392
+ { default: () => "Metrics" }
393
),
380
- key: "IncidentManagement-Alerts"
394
+ key: "Graylog-Metrics"
395
},
396
{
397
label: () =>
@@ -385,28 +399,13 @@ export default function getItems(): MenuMixedOption[] {
399
RouterLink,
400
{
401
to: {
388
- name: "IncidentManagement-Cases"
389
- }
390
- },
391
- { default: () => "Cases" }
392
- ),
393
- key: "IncidentManagement-Cases"
394
- }
395
- /*
396
- {
397
- label: () =>
398
- h(
399
- RouterLink,
400
- {
401
- to: {
402
- name: "IncidentManagement-Sigma"
402
+ name: "Graylog-Pipelines"
403
}
404
},
405
- { default: () => "SIGMA" }
405
+ { default: () => "Pipelines" }
406
),
407
- key: "IncidentManagement-Sigma"
407
+ key: "Graylog-Pipelines"
408
}
409
- */
409
]
410
},
411
{
@@ -415,27 +414,13 @@ export default function getItems(): MenuMixedOption[] {
414
RouterLink,
415
{
416
to: {
418
- name: "Healthcheck"
419
- }
420
- },
421
- { default: () => "Healthcheck" }
422
- ),
423
- key: "Healthcheck",
424
- icon: renderIcon(HealthcheckIcon)
425
- },
426
- {
427
- label: () =>
428
- h(
429
- RouterLink,
430
- {
431
- to: {
432
- name: "Customers"
417
+ name: "Connectors"
418
}
419
},
435
- { default: () => "Customers" }
420
+ { default: () => "Connectors" }
421
),
437
- key: "Customers",
438
- icon: renderIcon(CustomersIcon)
422
+ key: "Connectors",
423
+ icon: renderIcon(ConnectorsIcon)
424
},
425
{
426
label: "External Services",
@@ -483,52 +468,6 @@ export default function getItems(): MenuMixedOption[] {
468
}
469
]
470
},
486
- {
487
- label: "Report Creation",
488
- key: "ReportCreation",
489
- icon: renderIcon(ReportCreationIcon),
490
- children: [
491
- {
492
- label: () =>
493
- h(
494
- RouterLink,
495
- {
496
- to: {
497
- name: "ReportCreation"
498
- }
499
- },
500
- { default: () => "General Reports" }
501
- ),
502
- key: "ReportCreation"
503
- },
504
- {
505
- label: () =>
506
- h(
507
- RouterLink,
508
- {
509
- to: {
510
- name: "VulnerabilityReports"
511
- }
512
- },
513
- { default: () => "Vulnerability Reports" }
514
- ),
515
- key: "VulnerabilityReports"
516
- },
517
- {
518
- label: () =>
519
- h(
520
- RouterLink,
521
- {
522
- to: {
523
- name: "SCAReports"
524
- }
525
- },
526
- { default: () => "SCA Reports" }
527
- ),
528
- key: "SCAReports"
529
- }
530
- ]
531
- },
471
{
472
label: () =>
473
h(