diff --git a/browse/static/browse/logo.png b/browse/static/browse/logo.png
index 56a6673..b6cd390 100644
Binary files a/browse/static/browse/logo.png and b/browse/static/browse/logo.png differ
diff --git a/browse/templates/browse/base_generic.html b/browse/templates/browse/base_generic.html
index 9811a68..361ea99 100644
--- a/browse/templates/browse/base_generic.html
+++ b/browse/templates/browse/base_generic.html
@@ -6,8 +6,115 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
 
     <title>{% block title %}This is a title{% endblock %}</title>
+
+    <style>
+        .navbar {
+            background-color: #2c3e50 !important;
+            padding: 0.5rem 1rem !important;
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
+            height: 140px;
+        }
+
+        .navbar-brand img {
+            max-width: 6rem;
+            margin-right: 0.5rem;
+            margin-left: 12.5rem;
+            height:60px;
+        }
+
+        .navbar-nav .nav-item {
+            margin-left: 0.5rem;
+            margin-right: 0.5rem;
+        }
+
+
+        .navbar-nav .nav-link {
+            color: #ecf0f1 !important;
+            font-weight: 500;
+            transition: color 0.3s;
+        }
+
+        .navbar-nav .nav-link:hover {
+            color: #3498db !important;
+        }
+
+        .navbar-toggler {
+            border: none;
+            outline: none;
+        }
+
+        .navbar-toggler-icon {
+            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
+        }
+
+        .user-content {
+            margin-left: 1rem;
+            color: #ecf0f1;
+        }
+
+        .user-content a {
+            margin-left: 1rem;
+            color: #3498db;
+            text-decoration: none;
+        }
+
+        .user-content a:hover {
+            text-decoration: underline;
+        }
+
+        .footer {
+            background-color: #2c3e50 !important;
+            padding: 0.5rem 1rem !important;
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+            height:40px;
+        }
+
+        .header {
+            background: linear-gradient(to bottom, #ffffff, #c5c5c5);
+            color: #333333;
+            padding: 0.5rem 1rem;
+            display: flex;
+            justify-content: flex-end;
+            align-items: center;
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+            height:35px;
+        }
+
+        .header-content {
+            margin-left: 1rem;
+        }
+
+        .header a {
+            color: #3498db;
+            text-decoration: none;
+            margin-left: 1rem;
+        }
+
+        .header a:hover {
+            text-decoration: underline;
+        }
+
+
+        .full-width-hr-container {
+            position: relative;
+            width: 100%;
+            margin: 0;
+            padding: 0;
+            margin-bottom: 0.1rem;
+        }
+
+        .full-width-hr {
+            position: absolute;
+            width: 100vw;
+            left: 50%;
+            transform: translateX(-50%);
+            border: none;
+            border-top: 1px solid #888;
+        }
+    </style>
   </head>
 
   <body class="d-flex flex-column min-vh-100">
@@ -21,53 +128,80 @@
 
     {% load static %}
     {% load active_link_tags %}
-    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
-      <a class="navbar-brand" href="#"><img class="img-fluid" src="{% static "browse/logo.png" %}" style="max-width: 6rem"></a>
-      <button class="navbar-toggler"
-              type="button"
-              data-toggle="collapse"
-              data-target="#navbarSupportedContent"
-              aria-controls="navbarSupportedContent"
-              aria-expanded="false"
-              aria-label="Toggle navigation">
-        <span class="navbar-toggler-icon"></span>
-      </button>
-
-      <div class="collapse navbar-collapse order-1 col-auto" id="navbarSupportedContent">
-        <ul class="navbar-nav mr-auto">
-          <li class="nav-item {% active_link 'release-list-view' 'active' strict=True %}">
-            <a class="nav-link" href="{% url 'release-list-view' %}">
-              Home
-              <span class="sr-only">(current)</span>
-            </a>
-          </li>
-          <li class="nav-item {% active_link 'entity-list-view' 'active' %}">
-            <a class="nav-link" href="{% url 'entity-list-view' %}">
-              Entity tree
-            </a>
-          </li>
-          <li class="nav-item {% active_link 'format-spec-list-view' 'active' %}">
-            <a class="nav-link" href="{% url 'format-spec-list-view' %}">
-              Format specifications
-            </a>
-          </li>
-        </ul>
-      </div>
+    <!-- Header with username and login/logout -->
+    <div class="header">
+        <div class="header-content">
+            {% if user.is_authenticated %}
+                <i class="fas fa-user"></i>
+                <a href="{% url 'user-view' user.username %}">{{ user.username }}</a>
+                <i class="fas fa-sign-out-alt"></i>
+                <a href="{% url 'logout' %}">Logout</a>
+            {% else %}
+                <a href="{% url 'login' %}">Login</a>
+            {% endif %}
+        </div>
+    </div>
 
-      <div class="navbar-collapse collapse w-50 order-2">
-        <ul class="navbar-nav ml-auto">
-            <li class="nav-item">
-               {% block content %}
-                {% if user.is_authenticated %}
-                  <a href="{% url 'user-view' user.username %}">{{ user.username }}</a>
-                  (<a href="{% url 'logout' %}">logout</a>)
-                {% else %}
-                  <a href="{% url 'login' %}">Login</a>
-                {% endif %}
-              {% endblock %}
-            </li>
-        </ul>
+    <nav class="navbar navbar-expand-lg navbar-dark flex-column">
+        <!-- First Row: Logo + Title -->
+        <div class="d-flex align-items-center w-100">
+          <a class="navbar-brand" href="#">
+            <img class="img-fluid" src="{% static "browse/logo.png" %}" style="max-width: 6rem;">
+          </a>
+          <h2 style="color: #ecf0f1; margin: 0;">LiteBIRD Instrument Model Database</h2>
+        </div>
+
+        <!-- Toggler on the Right -->
+        <button class="navbar-toggler"
+                type="button"
+                data-toggle="collapse"
+                data-target="#navbarSupportedContent"
+                aria-controls="navbarSupportedContent"
+                aria-expanded="false"
+                aria-label="Toggle navigation">
+          <span class="navbar-toggler-icon"></span>
+        </button>
+
+    <div class="full-width-hr-container">
+        <hr class="full-width-hr">
     </div>
+      <!-- Second Row: Navigation Items and User Content -->
+      <div class="d-flex w-100" style="margin-left:-105px; margin-top: 1rem;">
+        <!-- Navigation Items in the Middle -->
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
+          <ul class="navbar-nav mx-auto">
+            <li class="nav-item {% active_link 'release-list-view' 'active' strict=True %}">
+              <a class="nav-link" href="{% url 'release-list-view' %}">
+                Home
+                <span class="sr-only">(current)</span>
+              </a>
+            </li>
+            <li class="nav-item {% active_link 'entity-list-view' 'active' %}">
+              <a class="nav-link" href="{% url 'entity-list-view' %}">
+                Entity tree
+              </a>
+            </li>
+            <li class="nav-item {% active_link 'format-spec-list-view' 'active' %}">
+              <a class="nav-link" href="{% url 'format-spec-list-view' %}">
+                Format specifications
+              </a>
+            </li>
+            <li class="nav-item {% active_link 'focal-plane-ui-view' 'active' strict=True %}">
+              <a class="nav-link" href="{% url 'focal-plane-ui-view' %}">
+                  Focal Plane
+              </a>
+            </li>
+          </ul>
+        </div>
+
+        <!-- User Content in the header, top right -->
+        <div class="navbar-collapse collapse">
+          <ul class="navbar-nav">
+            <li class="nav-item user-content">
+            </li>
+          </ul>
+        </div>
+      </div>
     </nav>
 
     <div class="container p-4">
@@ -78,9 +212,12 @@
 
     <footer class="footer mt-auto py-3 bg-dark">
       <div class="container">
-        <p class="text-secondary">
-          Made with <a href="https://github.com/ziotom78/instrumentdb">InstrumentDB</a>
-        </p>
+        <div class="d-flex justify-content-end">
+          <p class="text-secondary">
+            Made with <a href="https://github.com/ziotom78/instrumentdb">InstrumentDB</a>
+          </p>
+        </div>
       </div>
     </footer>
   </body>
+</html>
diff --git a/browse/templates/browse/focalplane_ui.html b/browse/templates/browse/focalplane_ui.html
new file mode 100644
index 0000000..9edf61d
--- /dev/null
+++ b/browse/templates/browse/focalplane_ui.html
@@ -0,0 +1,199 @@
+{% extends "browse/base_generic.html" %} {% block title %}Focal Plane
+UI{%endblock %} {% block body %}
+<!--<h1>Focal Plane UI</h1>
+<p>This page displays a LiteBIRD Focal Plane interactive visualization tool.</p>-->
+
+<!-- Container for the two-column layout -->
+<div style="display: flex; width: 100%">
+    <!-- Left Column -->
+    <div
+        style="
+            flex: 1;
+            padding: 10px;
+            background-color: #f8f9fa;
+            border: 1px solid #dee2e6;
+        "
+    >
+        <!-- Container for the Plotly plot -->
+        <div id="myPlot" style="width: 150%; height: 500px"></div>
+
+        <!-- Load Plotly.js from CDN -->
+        <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
+
+        <!-- JavaScript to create the plot -->
+        <script>
+                  document.addEventListener('DOMContentLoaded', function() {
+                  const xValues = {{ x_values|safe }};
+                  const yValues = {{ y_values|safe }};
+                  const uuids = {{ uuids|safe }};
+                  const channel = {{ channel|safe }};
+                  const size = {{ size|safe }};
+                  const pol = {{ pol|safe }};
+                  const colors = channel.map(val =>
+                      val.slice(0, 2) == "L1" ? 'blue' :
+                      val.slice(0, 2) == "L2" ? 'orange' :
+                      val.slice(0, 2) == "M1" ? 'red' :
+                      val.slice(0, 2) == "M2" ? 'black' :
+                      val.slice(0, 2) == "H1" ? 'purple' :
+                      val.slice(0, 2) == "H2" ? 'pink' :
+                      'gray'
+                  );
+                  const pols = pol.map(val =>
+                      val == 0 ? 'circle-cross':
+                      val == 90 ? 'circle-cross' :
+                      val == 45 ? 'circle-x' :
+                      val == 135 ? 'circle-x' :
+                      27
+                  );
+
+
+                  const data = [
+                      {
+                      x: xValues,
+                      y: yValues,
+                      type: 'scatter',
+                      mode: 'markers',
+                      marker: { color: colors, symbol: pols, size: size},
+                      customdata: uuids
+                      }
+                  ];
+                  const layout = {
+                      xaxis: { title: 'X_sky' },
+                      yaxis: { title: 'Y_sky' },
+                      margin: { t: 8, b: 40, l: 40, r: 8 },
+                      autosize: true,
+                  };
+
+                  const config = {
+
+                    doubleClickDelay: 0,
+                    responsive: false
+                  };
+
+                  Plotly.newPlot('myPlot', data, layout, config)
+
+                  const plotDiv = document.getElementById('myPlot');
+
+                  plotDiv.on('plotly_click', function(data) {
+                      const point = data.points[0];
+                      if (point) {
+                          const this_uuid = point.customdata;
+
+                          if (this_uuid) {
+                              const url = new URL("{% url 'handle-plot-click' %}", window.location.origin);
+                              url.searchParams.append('uuid', this_uuid);
+
+                              fetch(url, {
+                                  headers:{
+                                      'Accept': 'application/json',
+                                      'X-Requested-With': 'XMLHttpRequest',
+                                  },
+                              })
+                              .then(response => response.json())
+                              .then(responseData => {
+                                  const paramsElement = document.getElementById('params');
+
+                                  // Store data globally
+                                  window.detectorData = responseData;
+
+                                  // Create release selector and buttons
+                                  let buttonsHTML = '<h3>Select a detector:</h3>';
+
+                                  // Add release selectbox with warning
+                                  buttonsHTML += '<div style="margin-bottom: 15px; padding: 12px; background-color: #fff3cd; border: 1px solid #ffc107; border-radius: 4px;">';
+                                  buttonsHTML += '<label for="releaseSelect" style="margin-right: 10px; font-weight: bold;">Release (required to copy path):</label>';
+                                  buttonsHTML += '<select id="releaseSelect" style="padding: 6px 10px; border-radius: 4px; border: 1px solid #ccc;">';
+                                  buttonsHTML += '<option value="">-- Select a release --</option>';
+                                  buttonsHTML += '<option value="IMo_vPostKDP2">v2.1 (PostKDP2 Fixed Feb 2026)</option>';
+                                  buttonsHTML += '</select>';
+                                  buttonsHTML += '</div>';
+
+                                  buttonsHTML += '<div style="display: flex; gap: 10px; flex-wrap: wrap;">';
+
+                                  Object.keys(responseData).forEach(uuid => {
+                                      // Get the detector name from the metadata
+                                      const metadata = responseData[uuid];
+                                      const detectorName = metadata.name || metadata.detector || metadata.id || uuid.substring(0, 8);
+
+                                      buttonsHTML += `<div style="display: flex; gap: 5px; align-items: center;">
+                                          <button onclick="openDetectorInfo('${uuid}')" style="padding: 8px 12px; cursor: pointer; background-color: #007bff; color: white; border: none; border-radius: 4px;">
+                                              ${detectorName}
+                                          </button>
+                                          <button onclick="copyToClipboard('${uuid}')" style="padding: 8px 10px; cursor: pointer; background-color: #6c757d; color: white; border: none; border-radius: 4px; font-size: 14px;" title="Copy UUID">
+                                              📋
+                                          </button>
+                                      </div>`;
+                                  });
+
+
+                                  buttonsHTML += '</div>';
+                                  buttonsHTML += '<div id="dataDisplay" style="margin-top: 20px;"></div>';
+
+                                  paramsElement.innerHTML = buttonsHTML;
+                              })
+
+                              .catch(error => console.error('Error:', error))
+                          }
+                      }
+                  });
+
+
+
+                  });
+              function openDetectorInfo(uuid) {
+                const url = `http://127.0.0.1:8000/browse/data_files/${uuid}`;
+                window.open(url, '_blank');
+              }
+
+              function copyToClipboard(uuid) {
+                // Get the selected release
+                const releaseSelect = document.getElementById('releaseSelect');
+                const selectedRelease = releaseSelect ? releaseSelect.value : '';
+
+                // Check if a release is selected
+                if (!selectedRelease) {
+                    alert('⚠️ Please select a release before copying.');
+                    return;
+                }
+
+                const url = new URL("{% url 'get-full-path' %}", window.location.origin);
+                url.searchParams.append('uuid', uuid);
+
+                fetch(url, {
+                    headers:{
+                        'Accept': 'application/json',
+                        'X-Requested-With': 'XMLHttpRequest',
+                    },
+                })
+                .then(response => response.json())
+                .then(responseData => {
+                  // Append release to the path
+                  const fullPath = `${responseData}/${selectedRelease}`;
+
+                  navigator.clipboard.writeText(fullPath).then(() => {
+                      alert('Full path copied to clipboard!');
+                  }).catch(err => {
+                      console.error('Failed to copy:', err);
+                  });
+                })
+
+                .catch(error => console.error('Error:', error))
+            }
+        </script>
+    </div>
+
+    <!-- Right Column -->
+    <div
+        style="
+            flex: 1;
+            padding: 10px;
+            background-color: #f8f9fa;
+            border: 1px solid #dee2e6;
+            margin-left: 0;
+            margin-right: 0;
+        "
+    >
+        <p id="params">Select a pixel on the plot.</p>
+    </div>
+</div>
+{% endblock %}
diff --git a/browse/templates/browse/release_list.html b/browse/templates/browse/release_list.html
index 33c7c60..1653df7 100644
--- a/browse/templates/browse/release_list.html
+++ b/browse/templates/browse/release_list.html
@@ -1,45 +1,60 @@
-{% extends "browse/base_generic.html" %}
-{% block title %}Releases{% endblock %}
-
+{% extends "browse/base_generic.html" %} {% block title %}Releases{% endblock %}
 {% block body %}
 
-<h1>Database Releases</h1>
+<h2>Recent Updates</h2>
+<hr />
+<p>
+    <b>11 Feb 2026 -</b> PostKDP2 IMo Option 1 was updated after a correction of
+    the sensitivity values.
+</p>
+<br />
+<br />
+<h2>Database Releases</h2>
 
 <div class="list-group">
-  <table class="table table-bordered table-striped">
-      <thead>
-      <tr>
-          <th scope="col">Version tag</th>
-          <th scope="col">Date</th>
-          <th scope="col">Comment</th>
-          <th scope="col">Document</th>
-          <th scope="col">JSON file</th>
-      </tr>
-      </thead>
-      <tbody>
-      {% for obj in object_list %}
-      <tr>
-          <th scope="row">
-              <a href="{% url 'release-view' obj.tag %}">{{ obj.tag }}</a>
-          </th>
-          <td>{{ obj.rel_date }}</td>
-          <td>{{ obj.comment }}</td>
-          <td>
-              {% if obj.release_document %}
-              <a href="{% url 'release-document-download-view' obj.tag %}" target="_blank" rel="noopener noreferrer">
-                Link
-              </a>
-              {% endif %}
-          </td>
-          <td>
-              <a class="btn btn-primary" href="{% url 'release-download-view' obj.tag %}">
-                Download ({{ obj.json_file.size|filesizeformat }})
-              </a>
-          </td>
-      </tr>
-      {% endfor %}
-      </tbody>
-  </table>
+    <table class="table table-bordered table-striped">
+        <thead>
+            <tr>
+                <th scope="col">Version tag</th>
+                <th scope="col">Date</th>
+                <th scope="col">Description</th>
+                <th scope="col">Document</th>
+                <th scope="col">Wiki page</th>
+                <th scope="col">JSON file</th>
+            </tr>
+        </thead>
+        <tbody>
+            {% for obj in object_list %}
+            <tr>
+                <th scope="row">
+                    <a href="{% url 'release-view' obj.tag %}">{{ obj.tag }}</a>
+                </th>
+                <td>{{ obj.rel_date }}</td>
+                <td>{{ obj.comment }}</td>
+                <td>
+                    {% if obj.release_document %}
+                    <a
+                        href="{% url 'release-document-download-view' obj.tag %}"
+                        target="_blank"
+                        rel="noopener noreferrer"
+                    >
+                        Link
+                    </a>
+                    {% endif %}
+                </td>
+                <td>{{ obj.wiki }}</td>
+                <td>
+                    <a
+                        class="btn btn-primary"
+                        href="{% url 'release-download-view' obj.tag %}"
+                    >
+                        Download ({{ obj.json_file.size|filesizeformat }})
+                    </a>
+                </td>
+            </tr>
+            {% endfor %}
+        </tbody>
+    </table>
 </div>
 
 {% endblock %}
diff --git a/browse/views.py b/browse/views.py
index 88491d1..3c70c22 100644
--- a/browse/views.py
+++ b/browse/views.py
@@ -6,6 +6,7 @@
 from math import ceil
 from pathlib import Path
 from typing import List
+import numpy as np
 
 from django.contrib.auth import authenticate
 from django.contrib.auth.decorators import login_required
@@ -608,3 +609,129 @@ def login_request(request):
         },
         status=HTTP_200_OK,
     )
+
+def focal_plane_ui_view(request):
+
+    metadatas = DataFile.objects.filter(name='detector_info').values_list('metadata', flat=True)
+    uuids = DataFile.objects.filter(name='detector_info').values_list('uuid', flat=True)
+    uuids = np.array([str(uuid) for uuid in uuids])
+    pointing_u_v_list = []
+    channel=[]
+    pol=[]
+    ss= [150, 130, 85, 70, 40, 30]
+    sizes=[]
+    for metadata_str in metadatas:
+        metadata_dict = json.loads(metadata_str)
+        pointing_u_v = metadata_dict['pointing_u_v']
+        pointing_u_v_list.append(pointing_u_v)
+        channel.append(metadata_dict['channel'])
+        pol.append(int(np.rad2deg(metadata_dict['pol_angle_rad'])))
+        if metadata_dict['channel'][:2]=="L1":
+          sizes.append(1000/ss[5])
+        elif metadata_dict['channel'][:2]=="L2":
+          sizes.append(1000/ss[4])
+        elif metadata_dict['channel'][:2]=="M1":
+          sizes.append(1000/ss[3])
+        elif metadata_dict['channel'][:2]=="M2":
+          sizes.append(1000/ss[2])
+        elif metadata_dict['channel'][:2]=="H1":
+          sizes.append(1000/ss[1])
+        elif metadata_dict['channel'][:2]=="H2":
+          sizes.append(1000/ss[0])
+
+
+    pol=np.array(pol)
+    sizes=np.array(sizes)
+    channel=np.array(channel)
+    x_values = np.array([point[0] for point in pointing_u_v_list])
+    y_values = np.array([point[1] for point in pointing_u_v_list])
+
+    coords = np.column_stack((x_values, y_values))
+
+    unique_coords, unique_indices, inverse_indices = np.unique(
+        coords, axis=0, return_index=True, return_inverse=True
+    )
+
+    coord_to_indices = {}
+    for idx, coord_idx in enumerate(inverse_indices):
+        coord_tuple = tuple(unique_coords[coord_idx])
+        if coord_tuple not in coord_to_indices:
+            coord_to_indices[coord_tuple] = []
+        coord_to_indices[coord_tuple].append(idx)
+
+    x_unique = unique_coords[:, 0]
+    y_unique = unique_coords[:, 1]
+
+    uuids_unique = np.empty(len(unique_coords), dtype=object)
+    for i, coord in enumerate(unique_coords):
+        coord_tuple = tuple(coord)
+        indices = coord_to_indices[coord_tuple]
+        uuids_unique[i] = uuids[indices]
+
+
+    uuids_list = [list(uuid_array) for uuid_array in uuids_unique]
+
+    context = {
+        'x_values': json.dumps(x_unique.tolist()),
+        'y_values': json.dumps(y_unique.tolist()),
+        'uuids': json.dumps(uuids_list),
+        'channel': json.dumps(channel[unique_indices].tolist()),
+        'pol': json.dumps(pol[unique_indices].tolist()),
+        'size': json.dumps(sizes[unique_indices].tolist()),
+    }
+
+
+    return render(request, 'browse/focalplane_ui.html', context)
+
+from django.http import JsonResponse
+
+from django.http import JsonResponse
+import json
+import logging
+
+logger = logging.getLogger(__name__)
+def handle_plot_click(request):
+    try:
+        uuid_string = request.GET.get('uuid')
+
+        if not uuid_string:
+            return JsonResponse({'error': 'uuid parameter is required'}, status=400)
+
+        uuids = [u.strip() for u in uuid_string.split(',')]
+
+        data_queryset = DataFile.objects.filter(uuid__in=uuids).values('uuid', 'metadata')
+
+        if not data_queryset.exists():
+            return JsonResponse({'error': 'No data found for these uuids'}, status=404)
+
+        result = {}
+        for item in data_queryset:
+            uuid_key = str(item['uuid'])
+            metadata = item['metadata']
+
+            if isinstance(metadata, str):
+                result[uuid_key] = json.loads(metadata)
+            else:
+                result[uuid_key] = metadata
+
+        return JsonResponse(result)
+
+    except Exception as e:
+        logger.error(f"Error in handle_plot_click: {str(e)}")
+        return JsonResponse({'error': str(e)}, status=500)
+
+def get_full_path(request):
+    try:
+        uuid_string = request.GET.get('uuid')
+
+        if not uuid_string:
+            return JsonResponse({'error': 'uuid parameter is required'}, status=400)
+
+        obj = DataFile.objects.filter(uuid=uuid_string)
+        print(obj[0])
+
+        return JsonResponse(obj[0].full_path, safe=False)
+
+    except Exception as e:
+        logger.error(f"Error in get_full_path: {str(e)}")
+        return JsonResponse({'error': str(e)}, status=500)
diff --git a/instrumentdb/urls.py b/instrumentdb/urls.py
index b3c3443..7789cdd 100644
--- a/instrumentdb/urls.py
+++ b/instrumentdb/urls.py
@@ -48,6 +48,9 @@
     ReleaseDownloadView,
     UserView,
     entity_reference_view,
+    focal_plane_ui_view,
+    handle_plot_click,
+    get_full_path,
 )
 
 ################################################################################
@@ -115,6 +118,12 @@
         FormatSpecificationDownloadView.as_view(),
         name="format-spec-download-view",
     ),
+    path(
+        "focalplane_ui/",
+        focal_plane_ui_view,
+        name="focal-plane-ui-view"
+    ),
+
     re_path(
         r"^releases/(?P<rel_name>[\w.-]+)/(?P<reference>[\w./-]+)/$", api_release_view
     ),
@@ -134,5 +143,22 @@
         schema_view.with_ui("swagger", cache_timeout=0),
         name="schema-swagger-ui",
     ),
-    path("redoc/", schema_view.with_ui("redoc", cache_timeout=0), name="schema-redoc"),
+    path(
+        "redoc/",
+        schema_view.with_ui("redoc", cache_timeout=0),
+        name="schema-redoc"
+    ),
+
+    path(
+        "handle-plot-click/",
+        handle_plot_click,
+        name="handle-plot-click"
+    ),
+
+    path(
+        "get-full-path/",
+        get_full_path,
+        name="get-full-path"
+    ),
+
 ]
