From a7c6b22ccf88f9e937d52dd1ae15d61fcd76d165 Mon Sep 17 00:00:00 2001
From: Guillaume Coutable <guillaume.coutable@obeo.fr>
Date: Tue, 31 Dec 2024 14:55:48 +0100
Subject: [PATCH] [4356] Add a minimap to diagrams

Bug: https://github.com/eclipse-sirius/sirius-web/issues/4356
Signed-off-by: Guillaume Coutable <guillaume.coutable@obeo.fr>
Signed-off-by: Pierre-Charles David <pierre-charles.david@obeo.fr>
---
 CHANGELOG.adoc                                                | 3 +++
 .../src/renderer/DiagramRenderer.tsx                          | 4 +++-
 .../src/diagrams/PapayaDiagramInformationPanel.tsx            | 4 ++--
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.adoc b/CHANGELOG.adoc
index 7a5ee45aa3..bde2eaa9e7 100644
--- a/CHANGELOG.adoc
+++ b/CHANGELOG.adoc
@@ -25,6 +25,9 @@ The `start` task used in our turbo configuration is now marked as `persistent` a
 
 === New Features
 
+- https://github.com/eclipse-sirius/sirius-web/issues/4356[#4356] [diagram] Add a minimap to diagram.
++ Added by default to all sirius-web diagrams
+
 
 === Improvements
 
diff --git a/packages/diagrams/frontend/sirius-components-diagrams/src/renderer/DiagramRenderer.tsx b/packages/diagrams/frontend/sirius-components-diagrams/src/renderer/DiagramRenderer.tsx
index cae3cedcd4..066f30e4ff 100644
--- a/packages/diagrams/frontend/sirius-components-diagrams/src/renderer/DiagramRenderer.tsx
+++ b/packages/diagrams/frontend/sirius-components-diagrams/src/renderer/DiagramRenderer.tsx
@@ -1,5 +1,5 @@
 /*******************************************************************************
- * Copyright (c) 2023, 2024 Obeo.
+ * Copyright (c) 2023, 2025 Obeo.
  * This program and the accompanying materials
  * are made available under the terms of the Eclipse Public License v2.0
  * which accompanies this distribution, and is available at
@@ -19,6 +19,7 @@ import {
   ConnectionMode,
   Edge,
   EdgeChange,
+  MiniMap,
   Node,
   NodeChange,
   OnEdgesChange,
@@ -444,6 +445,7 @@ export const DiagramRenderer = memo(({ diagramRefreshedEventPayload }: DiagramRe
         {diagramDescription.debug ? <DebugPanel reactFlowWrapper={ref} /> : null}
         <ConnectorContextualMenu />
         {helperLinesEnabled ? <HelperLines horizontal={horizontalHelperLine} vertical={verticalHelperLine} /> : null}
+        <MiniMap pannable zoomable zoomStep={2} />
       </>
     ),
   };
diff --git a/packages/sirius-web/frontend/sirius-web-papaya/src/diagrams/PapayaDiagramInformationPanel.tsx b/packages/sirius-web/frontend/sirius-web-papaya/src/diagrams/PapayaDiagramInformationPanel.tsx
index 603c52fc70..fa90629624 100644
--- a/packages/sirius-web/frontend/sirius-web-papaya/src/diagrams/PapayaDiagramInformationPanel.tsx
+++ b/packages/sirius-web/frontend/sirius-web-papaya/src/diagrams/PapayaDiagramInformationPanel.tsx
@@ -1,5 +1,5 @@
 /*******************************************************************************
- * Copyright (c) 2024 Obeo.
+ * Copyright (c) 2024, 2025 Obeo.
  * This program and the accompanying materials
  * are made available under the terms of the Eclipse Public License v2.0
  * which accompanies this distribution, and is available at
@@ -43,7 +43,7 @@ export const PapayaDiagramInformationPanel = memo(() => {
     return null;
   }
   return (
-    <Panel position="bottom-right">
+    <Panel position="bottom-center">
       <Paper className={classes.papayaDiagramInformationPanel}>
         <Typography variant="subtitle2">Learn more</Typography>
         <Typography variant="body2">