Cambios y correcciones en el diagrama

docs/src/03_context_and_scope.adoc

@@ -93,7 +93,38 @@ together with a mapping table showing the relationships between channels and inp
 ****
 endif::arc42help[]
 
-image::doc3-technical_context-diagram.png["Technical Context diagram", align="center"]
+[plantuml, technical-context-diagram, svg]
+----
+@startuml
+actor User
+
+node "Webapp" {
+    [Frontend]
+}
+
+node "Backend Services" {
+    [User service]
+    [History service]
+    [Question service]
+    [LLM service]
+}
+
+database "Persistence"
+[Wikidata]
+
+User --> Frontend : Interacts with
+Frontend --> "User service" : Sends and requests user info
+Frontend --> "History service" : Requests history
+Frontend --> "LLM service" : Ask for hints
+
+"User service" --> Persistence : Saves user info and checks
+"History service" --> Persistence : Saves history
+"Question service" --> Wikidata : Requests questions
+Wikidata --> "Question service" : Gets data from
+"Question service" --> Persistence : Saves questions
+@enduml
+----
+
 
 |===
 | Communication partners | Inputs | Outputs
@@ -110,6 +141,10 @@ image::doc3-technical_context-diagram.png["Technical Context diagram", align="ce
 | Session user info
 | User's history
 
+| *_LLM service_*
+| User text inputs
+| Hints about the question
+
 | *_Users_*
 | Questions and possible answers
 | Interaction to log in and answer to questions
@@ -126,8 +161,4 @@ image::doc3-technical_context-diagram.png["Technical Context diagram", align="ce
 | User inputs
 | Browser outputs
 
-| *_LLM service_*
-| User text inputs
-| Hints about the question
-
 |===