Added LangFlow prototype flows and TL;DR link at the top of posts

Author: Andrei-Constantin-Programmer

content/posts/agentic-workflow/index.md

@@ -2,9 +2,11 @@
 date = '2025-06-27'
 draft = false
 title = 'Agentic Workflow'
-tags = ["AI", "LLM", "Agent", "IBM", "Watsonx", "Granite", "Llama", "LangFlow", "Architecture"]
+tags = ["AI", "LLM", "Agent", "IBM", "Watsonx", "Granite", "Llama", "Vector DB", "LangFlow", "LangGraph", "Architecture"]
 +++
 
+<a href="#tldr" class="btn">Jump to TL;DR</a>
+
 This week, our focus shifted from theory to implementation as we began shaping our first **agentic refactoring prototype**.
 
 ## 1. Visualising the Workflow
@@ -18,8 +20,8 @@ Thanks to **Vamsi**, who drafted the base structure, we’ve now consolidated ou
 This visual helps guide our implementation roadmap, defining how agents interact, what tools they invoke, and how decisions flow through the system.
 
 ### Agents
-- **Patern Scanner** - Is provided a Java file and uses RAG with the help of our Anti-Pattern Trove and (optionally) static analysis tools to find any and all instances of anti-patterns in the provided code. It then compiles a list of these anti-patterns and where they are located.
-- **Refactor Strategist** - Given the aforementioned list, it uses the knowledge from the Anti-Pattern Trove to define a comprehensive strategy to fix all anti-patterns, taking into consideration the effect of the cumulative changes.
+- **Pattern Scanner** - Is provided a Java file and uses RAG with the help of our Anti-Pattern Trove and (optionally) static analysis tools to find any and all instances of anti-patterns in the provided code. It then compiles a list of these anti-patterns and where they are located.
+- **Refactor Strategist** - Given the aforementioned list, it uses the knowledge from the Anti-Pattern Trove to define a comprehensive strategy to fix all anti-patterns, taking into account the cumulative impact of all changes.
 - **Code Transformer** - Applies the generated strategy by creating a new Java file with the necessary changes to remove the anti-patterns.
 - **Explainer** - Uses the information from the Strategist and Transformer to create a human-readable explanation of the anti-patterns discovered, why they are problematic, and the steps taken to solve them. Optionally, this information will be used to create commit and/or pull request messages for automatic code updates.
 - **Orchestrator** - Orchestrates the other agents (and tools) and ensures a proper control flow.
@@ -43,6 +45,16 @@ LangGraph allows us to explicitly define agent transitions, tool dependencies, a
 
 Special thanks to **Maoqin** for setting up the first working version of our agentic pipeline in LangFlow, then LangGraph!
 
+Here is the original LangFlow workflow:
+### Data Loading Flow
+This is an anti-pattern proto-Trove.
+{{< figure-normal src="langflow-data-load-27-june.png" alt="Data Loading Flow" >}}
+
+### Pattern Retriever Flow
+This is a pre-agentic version of the Pattern Retriever.
+{{< figure-wide src="langflow-retriever-27-june.png" alt="Retriever Flow" >}}
+
+
 ## TL;DR
 
 - We designed a modular **agentic workflow** to guide our AI-powered refactoring system.

content/posts/agentic-workflow/langflow-data-load-27-june.png

@@ -5,6 +5,8 @@ title = 'Building Our Foundation: AI Certifications on IBM SkillsBuild'
 tags = ["AI", "LLM", "SkillsBuild", "IBM", "Team Learning", "RAG", "Watsonx", "Embeddings", "Granite"]
 +++
 
+<a href="#tldr" class="btn">Jump to TL;DR</a>
+
 Welcome to the official blog for our **UCL MSc** project in collaboration with **IBM**!  
 
 Over the coming weeks, we'll share progress updates, key learnings, and reflections as we build an AI-powered tool to help modernise legacy software systems.

content/posts/agentic-workflow/langflow-retriever-27-june.png

@@ -16,6 +16,9 @@ enableInlineShortcodes = true
 [pagination]
     pagerSize = 5
 
+[markup.goldmark.renderer]
+  unsafe = true
+
 [[menu.main]]
     name = "Home"
     url = "/"
@@ -40,8 +43,8 @@ enableInlineShortcodes = true
   customCSS = [
     "https://cdn.jsdelivr.net/npm/glightbox/dist/css/glightbox.min.css",
     "css/glightbox-custom.css"
-    ]
+  ]
   customJS  = [
     "https://cdn.jsdelivr.net/npm/glightbox/dist/js/glightbox.min.js",
     "js/init-glightbox.js"
-]
+  ]

content/posts/team-intro-ibm-skillsbuild.md

@@ -0,0 +1,20 @@
+{{ $src := .Get "src" }}
+{{ $alt := .Get "alt" | default "" }}
+{{ $img := .Page.Resources.GetMatch $src }}
+
+{{ if $img }}
+  <div style="
+    position: relative;
+    left: 50%;
+    transform: translateX(-50%);
+    margin: 2rem 0;
+  ">
+    <a href="{{ $img.RelPermalink }}" class="glightbox">
+      <img src="{{ $img.RelPermalink }}"
+          alt="{{ $alt }}"
+          style="width: 100%; height: auto; display: block;">
+    </a>
+  </div>
+{{ else }}
+  <p style="color: red;">Image not found: {{ $src }}</p>
+{{ end }}

hugo.toml

@@ -8,7 +8,6 @@
     left: 50%;
     transform: translateX(-50%);
     width: 70vw;
-    max-width: 1800px;
     margin: 2rem 0;
   ">
     <a href="{{ $img.RelPermalink }}" class="glightbox">