From 16ca04a7556caa45a84fbf735520e9efe8411208 Mon Sep 17 00:00:00 2001
From: Zuzanna <zuzanna.ludzik@gmail.com>
Date: Fri, 13 Feb 2026 10:16:32 +0100
Subject: [PATCH] #2186 added button/url param to let users choose diagram mode

---
 www/diagram/inner.js | 35 +++++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)

diff --git a/www/diagram/inner.js b/www/diagram/inner.js
index 40803d41d..51e9c09db 100644
--- a/www/diagram/inner.js
+++ b/www/diagram/inner.js
@@ -193,6 +193,8 @@ define([
                 modified: 'unsavedChanges',
                 proto: 'json',
 
+                ui: 'sketch',
+
                 lang: Messages._languageUsed
             });
 
@@ -209,8 +211,41 @@ define([
                 }
             }
         }, false);
+
+
+        var mkModeButton = function (framework) {
+            var modes = ['kennedy', 'sketch']
+            var types = [];
+            modes.forEach(function(mode){
+                types.push({
+                    tag: 'a',
+                    attributes: {
+                        'data-value': mode,
+                    },
+                    content: mode,
+                    action: function () {
+                        parameters.ui = mode;
+                        framework.onEditableChange();
+                    },
+                });
+            })
+                        
+            const $drawer = UIElements.createDropdown({
+                text: 'Modes', //XXXX
+                options: types,
+                common: framework._.sfCommon,
+                iconCls: 'color-palette'
+            });
+            framework._.toolbar.$theme = $drawer.find('ul.cp-dropdown-content');
+            framework._.toolbar.$bottomL.append($drawer);
+            $drawer.addClass('cp-toolbar-appmenu');
+        };
+
+        mkModeButton(framework);
     };
 
+
+
     $('#cp-app-diagram-editor').hide();
     // Framework initialization
     Framework.create({