feat: Enhance banner rendering and updated README

Author: wiebe-vandendriessche

README.md

@@ -16,10 +16,10 @@ What works today:
 - Completeness scoring and validation of existing AIBOM files
 - Interactive or file based metadata enrichment
 - Data components with dataset fetchers and linking them in the AIBOM
+- Updated the UI to utilise Charm libraries
 
 What is future work:
 
-- Updating the UI to utilise Bubbletea library
 - Enhancing the resulting BOMs to include correct dependencies and BOMrefs
 - Improving the scanner beyond the current regex-based Hugging Face detection
 - Implementing the possibility to merge AIBOMs with existing sboms from a different source

cmd/root.go

@@ -120,22 +120,11 @@ func initConfig() {
 	}
 }
 
-// Simple ASCII banner shown at startup
-const bannerASCII = `
-  /$$$$$$  /$$$$$$ /$$$$$$$            /$$      /$$  /$$$$$$                                        /$$ /$$
- /$$__  $$|_  $$_/| $$__  $$          | $$$    /$$$ /$$__  $$                                      | $$|__/
-| $$  \ $$  | $$  | $$  \ $$  /$$$$$$ | $$$$  /$$$$| $$  \__/  /$$$$$$  /$$$$$$$           /$$$$$$$| $$ /$$
-| $$$$$$$$  | $$  | $$$$$$$  /$$__  $$| $$ $$/$$ $$| $$ /$$$$ /$$__  $$| $$__  $$ /$$$$$$ /$$_____/| $$| $$
-| $$__  $$  | $$  | $$__  $$| $$  \ $$| $$  $$$| $$| $$|_  $$| $$$$$$$$| $$  \ $$|______/| $$      | $$| $$
-| $$  | $$  | $$  | $$  \ $$| $$  | $$| $$\  $ | $$| $$  \ $$| $$_____/| $$  | $$        | $$      | $$| $$
-| $$  | $$ /$$$$$$| $$$$$$$/|  $$$$$$/| $$ \/  | $$|  $$$$$$/|  $$$$$$$| $$  | $$        |  $$$$$$$| $$| $$
-|__/  |__/|______/|_______/  \______/ |__/     |__/ \______/  \_______/|__/  |__/         \_______/|__/|__/
-`
 const longDescription = "BOM Generator for Software Projects using AI. Helps PDE manufacturers create accurate Bills of Materials for their AI-based software projects."
 
 func initUIAndBanner(cmd *cobra.Command) {
 	if cmd == nil {
 		return
 	}
-	cmd.Root().Long = ui.Primary.Render(bannerASCII) + "\n" + longDescription
+	cmd.Root().Long = ui.RenderGradientBanner(ui.BannerASCII) + "\n" + longDescription
 }

config/enrichment.yaml

@@ -24,4 +24,5 @@ BOM.metadata.component.modelCard.modelParameters.modelArchitecture: "bert-base"
 
 BOM.metadata.component.modelCard.considerations.useCases: "Text generation, dialogue systems, creative writing"
 BOM.metadata.component.modelCard.considerations.technicalLimitations: "Limited context window of 512 tokens, may generate inconsistent or factually incorrect text"
-BOM.metadata.component.modelCard.considerations.ethicalConsiderations: "May generate biased or harmful content based on training data. Should not be used for sensitive applications without additional safeguards."
+BOM.metadata.component.modelCard.considerations.ethicalConsiderations: "May generate biased or harmful content based on training data. Should not be used for sensitive applications without additional safeguards."
+BOM.metadata.component.modelCard.considerations.environmentalConsiderations.properties: "Example:Training large language models can have a significant carbon footprint due to high computational requirements."

internal/ui/styles.go

@@ -219,3 +219,21 @@ func FangColorScheme(c lipgloss.LightDarkFunc) fang.ColorScheme {
 		ErrorDetails:   ColorError,
 	}
 }
+
+// BannerASCII is the ASCII art banner for the application
+const BannerASCII = `
+  /$$$$$$  /$$$$$$ /$$$$$$$            /$$      /$$  /$$$$$$                                        /$$ /$$
+ /$$__  $$|_  $$_/| $$__  $$          | $$$    /$$$ /$$__  $$                                      | $$|__/
+| $$  \ $$  | $$  | $$  \ $$  /$$$$$$ | $$$$  /$$$$| $$  \__/  /$$$$$$  /$$$$$$$           /$$$$$$$| $$ /$$
+| $$$$$$$$  | $$  | $$$$$$$  /$$__  $$| $$ $$/$$ $$| $$ /$$$$ /$$__  $$| $$__  $$ /$$$$$$ /$$_____/| $$| $$
+| $$__  $$  | $$  | $$__  $$| $$  \ $$| $$  $$$| $$| $$|_  $$| $$$$$$$$| $$  \ $$|______/| $$      | $$| $$
+| $$  | $$  | $$  | $$  \ $$| $$  | $$| $$\  $ | $$| $$  \ $$| $$_____/| $$  | $$        | $$      | $$| $$
+| $$  | $$ /$$$$$$| $$$$$$$/|  $$$$$$/| $$ \/  | $$|  $$$$$$/|  $$$$$$$| $$  | $$        |  $$$$$$$| $$| $$
+|__/  |__/|______/|_______/  \______/ |__/     |__/ \______/  \_______/|__/  |__/         \_______/|__/|__/
+`
+
+// RenderGradientBanner renders the banner with secondary color (cyan)
+func RenderGradientBanner(banner string) string {
+	// did not find a good way to do gradient in lipgloss, so using secondary color for now
+	return Secondary.Render(banner)
+}