Import Export cycle of probs

templates/objects/pathway.html

@@ -227,6 +227,29 @@
                       Reaction Names
                     </a>
                   </li>
+                  <li>
+                    <a href="{% if merged %}{{ current_object.url }}{% else %}{{ current_object.url }}?merged=true{% endif %}" id="merged-toggle-button" class="cursor-pointer">
+                      <svg
+                        id="merged-icon"
+                        xmlns="http://www.w3.org/2000/svg"
+                        width="16"
+                        height="16"
+                        viewBox="0 0 24 24"
+                        fill="none"
+                        stroke="currentColor"
+                        stroke-width="2"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        class="lucide lucide-eye"
+                      >
+                        <path
+                          d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"
+                        />
+                        <circle cx="12" cy="12" r="3" />
+                      </svg>
+                      Merged View
+                    </a>
+                  </li>
                   {% if pathway.setting.model.app_domain %}
                     <li>
                       <a id="app-domain-toggle-button" class="cursor-pointer">
@@ -560,6 +583,8 @@
     var timeseriesViewEnabled = false;
     // Predicted Property View
     var predictedPropertyViewEnabled = false;
+    // Merged View
+    var mergedViewEnabled = new URLSearchParams(window.location.search).get("merged") !== null;
 
     function goFullscreen(id) {
       var element = document.getElementById(id);
@@ -705,6 +730,23 @@
         });
       }
 
+      const mergedViewBtn = document.getElementById(
+        "merged-toggle-button",
+      );
+      if (mergedViewBtn) {
+          const icon = document.getElementById("merged-icon");
+          if (mergedViewEnabled) {
+            // Change to eye-off icon
+            icon.innerHTML =
+              '<path d="M9.88 9.88a3 3 0 1 0 4.24 4.24"/><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68"/><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61"/><line x1="2" x2="22" y1="2" y2="22"/>';
+          } else {
+            // Change back to eye icon
+            icon.innerHTML =
+              '<path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/>';
+        }
+      };
+
+
       // Timeseries toggle
       const timeseriesBtn = document.getElementById("timeseries-toggle-button");
       if (timeseriesBtn) {