diff --git a/springwolf-ui/angular.json b/springwolf-ui/angular.json
index 9673fd8ff..684cf1713 100644
--- a/springwolf-ui/angular.json
+++ b/springwolf-ui/angular.json
@@ -30,6 +30,11 @@
"src/assets"
],
"styles": [
+ "@fontsource/roboto/300.css",
+ "@fontsource/roboto/400.css",
+ "@fontsource/roboto/500.css",
+ "@fontsource/roboto/700.css",
+ "material-icons/iconfont/material-icons.css",
"@angular/material/prebuilt-themes/azure-blue.css",
"node_modules/prism-code-editor/dist/layout.css",
"node_modules/prism-code-editor/dist/themes/prism.css",
diff --git a/springwolf-ui/package.json b/springwolf-ui/package.json
index 2cffbeb86..dc110e85c 100644
--- a/springwolf-ui/package.json
+++ b/springwolf-ui/package.json
@@ -24,7 +24,9 @@
"@angular/platform-browser": "^21.2.7",
"@angular/platform-browser-dynamic": "^21.2.7",
"@angular/router": "^21.2.7",
+ "@fontsource/roboto": "^5.2.10",
"ajv": "^8.18.0",
+ "material-icons": "^1.13.14",
"ngx-markdown": "^21.1.0",
"prism-code-editor": "^5.1.0",
"rxjs": "^7.8.2",
diff --git a/springwolf-ui/pnpm-lock.yaml b/springwolf-ui/pnpm-lock.yaml
index 5fa2ac4cc..5b6112688 100644
--- a/springwolf-ui/pnpm-lock.yaml
+++ b/springwolf-ui/pnpm-lock.yaml
@@ -38,9 +38,15 @@ importers:
'@angular/router':
specifier: ^21.2.7
version: 21.2.7(@angular/common@21.2.7(@angular/core@21.2.7(@angular/compiler@21.2.7)(rxjs@7.8.2)(zone.js@0.15.1))(rxjs@7.8.2))(@angular/core@21.2.7(@angular/compiler@21.2.7)(rxjs@7.8.2)(zone.js@0.15.1))(@angular/platform-browser@21.2.7(@angular/animations@21.2.7(@angular/core@21.2.7(@angular/compiler@21.2.7)(rxjs@7.8.2)(zone.js@0.15.1)))(@angular/common@21.2.7(@angular/core@21.2.7(@angular/compiler@21.2.7)(rxjs@7.8.2)(zone.js@0.15.1))(rxjs@7.8.2))(@angular/core@21.2.7(@angular/compiler@21.2.7)(rxjs@7.8.2)(zone.js@0.15.1)))(rxjs@7.8.2)
+ '@fontsource/roboto':
+ specifier: ^5.2.10
+ version: 5.2.10
ajv:
specifier: ^8.18.0
version: 8.18.0
+ material-icons:
+ specifier: ^1.13.14
+ version: 1.13.14
ngx-markdown:
specifier: ^21.1.0
version: 21.1.0(@angular/common@21.2.7(@angular/core@21.2.7(@angular/compiler@21.2.7)(rxjs@7.8.2)(zone.js@0.15.1))(rxjs@7.8.2))(@angular/core@21.2.7(@angular/compiler@21.2.7)(rxjs@7.8.2)(zone.js@0.15.1))(@angular/platform-browser@21.2.7(@angular/animations@21.2.7(@angular/core@21.2.7(@angular/compiler@21.2.7)(rxjs@7.8.2)(zone.js@0.15.1)))(@angular/common@21.2.7(@angular/core@21.2.7(@angular/compiler@21.2.7)(rxjs@7.8.2)(zone.js@0.15.1))(rxjs@7.8.2))(@angular/core@21.2.7(@angular/compiler@21.2.7)(rxjs@7.8.2)(zone.js@0.15.1)))(marked@16.4.2)(rxjs@7.8.2)(zone.js@0.15.1)
@@ -888,6 +894,9 @@ packages:
cpu: [x64]
os: [win32]
+ '@fontsource/roboto@5.2.10':
+ resolution: {integrity: sha512-8HlA5FtSfz//oFSr2eL7GFXAiE7eIkcGOtx7tjsLKq+as702x9+GU7K95iDeWFapHC4M2hv9RrpXKRTGGBI8Zg==}
+
'@gar/promise-retry@1.0.3':
resolution: {integrity: sha512-GmzA9ckNokPypTg10pgpeHNQe7ph+iIKKmhKu3Ob9ANkswreCx7R3cKmY781K8QK3AqVL3xVh9A42JvIAbkkSA==}
engines: {node: ^20.17.0 || >=22.9.0}
@@ -3721,6 +3730,9 @@ packages:
engines: {node: '>= 20'}
hasBin: true
+ material-icons@1.13.14:
+ resolution: {integrity: sha512-kZOfc7xCC0rAT8Q3DQixYAeT+tBqZnxkseQtp2bxBxz7q5pMAC+wmit7vJn1g/l7wRU+HEPq23gER4iPjGs5Cg==}
+
math-intrinsics@1.1.0:
resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
engines: {node: '>= 0.4'}
@@ -5683,6 +5695,8 @@ snapshots:
'@esbuild/win32-x64@0.28.0':
optional: true
+ '@fontsource/roboto@5.2.10': {}
+
'@gar/promise-retry@1.0.3': {}
'@harperfast/extended-iterable@1.0.3':
@@ -9084,6 +9098,8 @@ snapshots:
marked@16.4.2: {}
+ material-icons@1.13.14: {}
+
math-intrinsics@1.1.0: {}
media-typer@1.1.0: {}
diff --git a/springwolf-ui/src/asyncapi-ui.html b/springwolf-ui/src/asyncapi-ui.html
index e66223e0a..d26e9dc28 100644
--- a/springwolf-ui/src/asyncapi-ui.html
+++ b/springwolf-ui/src/asyncapi-ui.html
@@ -6,14 +6,6 @@
-
-