From 923d353fec138200b37890d061b813992854ed66 Mon Sep 17 00:00:00 2001
From: ekke <eroth@co-gmbh.com>
Date: Tue, 27 Jan 2026 09:49:19 +0000
Subject: [PATCH] Initial upload of pwa for the LUPMIS2 Drawing tools

the files are supposed to be in the root of the installation
---
 index.html        |  824 +++++++++++++++++++++++++++
 main.js           |  498 ++++++++++++++++
 package-lock.json | 1373 +++++++++++++++++++++++++++++++++++++++++++++
 package.json      |   25 +
 vite.config.js    |   47 ++
 5 files changed, 2767 insertions(+)
 create mode 100644 index.html
 create mode 100644 main.js
 create mode 100644 package-lock.json
 create mode 100644 package.json
 create mode 100644 vite.config.js
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..be61c6c
--- /dev/null
+++ b/index.html
@@ -0,0 +1,824 @@
+<!DOCTYPE html>
+<html lang="en" data-bs-theme="light">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="theme-color" content="#2d5016">
+  <meta name="description" content="LUPMIS2 Drawing Tools">
+
+  <!-- PWA Manifest -->
+  <link rel="manifest" href="/manifest.json">
+  <link rel="apple-touch-icon" href="/icons/icon-192.png">
+
+  <title>LUPMIS Drawing Tools</title>
+
+  <style>
+    /* Custom theme colors for Bootstrap */
+/*
+      --bs-primary: #2d5016;
+      --bs-primary-rgb: 45, 80, 22;
+      --lupmis-green: #2d5016;
+      --lupmis-green-light: #3d6b1e;
+      --lupmis-green-dark: #1e3a0f;
+ */
+    :root {
+      --bs-primary: #6CCB2D;
+      --bs-primary-rgb: 144, 207, 84;
+      --bs-secondary: #6CCB2D;
+      --bs-secondary-rgb: 45, 80, 22;
+      --bs-body-color: #8B008B;
+
+      --bsOverwrite-primary: rgb(96, 127, 35, 0.6);
+      --bsOverwrite-primary-light: #B6ED74;
+      --bsOverwrite-primary-dark: #1E3A0F;
+      --bsOverwrite-secondary: #556B2F;
+      --bsOverwrite-text: #5C728F;
+    }
+
+    /* Full height layout */
+    html, body {
+      height: 100%;
+      overflow: hidden;
+      color: var(--bsOverwrite-text);
+    }
+
+    /* Override Bootstrap primary color */
+    .btn-primary {
+      --bs-btn-bg: var(--bsOverwrite-primary);
+      --bs-btn-border-color: var(--bsOverwrite-primary);
+      --bs-btn-hover-bg: var(--bsOverwrite-primary-dark);
+      --bs-btn-hover-border-color: var(--bsOverwrite-primary-dark);
+      --bs-btn-active-bg: var(--bsOverwrite-primary-dark);
+      --bs-btn-active-border-color: var(--bsOverwrite-primary-dark);
+      --bs-btn-color: var(--bsOverwrite-text);
+      --bs-btn-hover-color: var(--bsOverwrite-text);
+      --bs-btn-active-color: var(--bsOverwrite-text);
+    }
+
+    .btn-outline-primary {
+      --bs-btn-color: var(--bsOverwrite-text);
+      --bs-btn-border-color: var(--bsOverwrite-primary);
+      --bs-btn-hover-bg: var(--bsOverwrite-primary);
+      --bs-btn-hover-border-color: var(--bsOverwrite-primary);
+      --bs-btn-hover-color: var(--bsOverwrite-text);
+      --bs-btn-active-bg: var(--bsOverwrite-primary);
+      --bs-btn-active-border-color: var(--bsOverwrite-primary);
+      --bs-btn-active-color: var(--bsOverwrite-text);
+    }
+
+    .btn-secondary {
+      --bs-btn-bg: var(--bsOverwrite-secondary);
+      --bs-btn-border-color: var(--bsOverwrite-secondary);
+      --bs-btn-color: #fff;
+    }
+
+    .bg-primary {
+      background-color: var(--bsOverwrite-primary) !important;
+      color: var(--bsOverwrite-text) !important;
+    }
+
+    .text-primary {
+      color: var(--bsOverwrite-text) !important;
+    }
+
+    .border-primary {
+      border-color: var(--bsOverwrite-primary) !important;
+    }
+
+    /* Navbar styling */
+    .navbar.bg-primary {
+      background-color: var(--bsOverwrite-primary) !important;
+    }
+
+    .navbar.bg-primary .navbar-brand {
+      color: var(--bsOverwrite-text) !important;
+    }
+
+    /* Card headers */
+    .card-header.bg-primary {
+      background-color: var(--bsOverwrite-primary) !important;
+      color: var(--bsOverwrite-text) !important;
+    }
+
+    .card-header.bg-primary h6 {
+      color: var(--bsOverwrite-text) !important;
+    }
+
+    /* Modal header */
+    .modal-header.bg-primary {
+      background-color: var(--bsOverwrite-primary) !important;
+      color: var(--bsOverwrite-text) !important;
+    }
+
+    .modal-header.bg-primary .modal-title {
+      color: var(--bsOverwrite-text) !important;
+    }
+
+    .modal-header.bg-primary .btn-close-white {
+      filter: none;
+    }
+
+    /* Focus states */
+    .form-control:focus, .form-select:focus {
+      border-color: var(--bsOverwrite-primary);
+      box-shadow: 0 0 0 0.25rem rgba(255, 233, 106, 0.25);
+    }
+
+    /* Form labels */
+    .form-label {
+      color: var(--bsOverwrite-text);
+    }
+
+    /* Main container - full height */
+    .app-container {
+      height: 100vh;
+      display: flex;
+      flex-direction: column;
+    }
+
+    /* Map and sidebar row */
+    .main-content {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+      min-height: 0;
+    }
+
+    /* Map container - now takes full space */
+    .map-container {
+      flex: 1;
+      position: relative;
+      min-height: 250px;
+      width: 100%;
+      height: 100%;
+      }
+
+    #map {
+      width: 100%;
+      height: 100%;
+    }
+
+    /* Offline indicator */
+    #offline-indicator {
+      display: none;
+      position: absolute;
+      top: 10px;
+      left: 50%;
+      transform: translateX(-50%);
+      z-index: 1000;
+    }
+
+    body.is-offline #offline-indicator {
+      display: block;
+    }
+
+    /* Locations list */
+    .locations-list {
+      max-height: 200px;
+      overflow-y: auto;
+    }
+
+    @media (min-width: 768px) {
+      .locations-list {
+        max-height: 300px;
+      }
+    }
+
+    .location-item {
+      cursor: pointer;
+      transition: background-color 0.15s;
+      color: var(--bsOverwrite-text);
+    }
+
+    .location-item:hover {
+      background-color: var(--bsOverwrite-primary-light);
+    }
+
+    .location-item h6 {
+      color: var(--bsOverwrite-text);
+    }
+
+    /* Category badges */
+    .badge-water { background-color: #3b82f6 !important; }
+    .badge-school { background-color: #f59e0b !important; }
+    .badge-health { background-color: #ef4444 !important; }
+    .badge-market { background-color: #8b5cf6 !important; }
+    .badge-default { background-color: var(--bsOverwrite-secondary) !important; }
+    .badge-other { background-color: #6b7280 !important; }
+
+    /* Install button */
+    #install-btn {
+      display: none;
+      position: fixed;
+      bottom: 20px;
+      right: 20px;
+      z-index: 1050;
+    }
+
+    /* Fix ol-ext LayerSwitcher z-index */
+    .ol-layerswitcher {
+      z-index: 100;
+    }
+
+    /* Alert hint box */
+    .alert-light.border-primary {
+      border-color: var(--bsOverwrite-primary) !important;
+      color: var(--bsOverwrite-text);
+    }
+
+    /* Badge in navbar and cards */
+    .badge.bg-primary {
+      background-color: var(--bsOverwrite-primary) !important;
+      color: var(--bsOverwrite-text) !important;
+    }
+
+    /* Headings and text */
+    h1, h2, h3, h4, h5, h6 {
+      color: var(--bsOverwrite-text);
+    }
+
+    /* Scrollbar styling */
+    .offcanvas-body::-webkit-scrollbar,
+    .locations-list::-webkit-scrollbar {
+      width: 6px;
+    }
+
+    .offcanvas-body::-webkit-scrollbar-track,
+    .locations-list::-webkit-scrollbar-track {
+      background: #f1f1f1;
+    }
+
+    .offcanvas-body::-webkit-scrollbar-thumb,
+    .locations-list::-webkit-scrollbar-thumb {
+      background: var(--bsOverwrite-secondary);
+      border-radius: 3px;
+    }
+
+    .offcanvas-body::-webkit-scrollbar-thumb:hover,
+    .locations-list::-webkit-scrollbar-thumb:hover {
+      background: var(--bsOverwrite-text);
+    }
+
+    /* Offcanvas toggle buttons on map */
+    .offcanvas-toggle {
+      position: absolute;
+      z-index: 500;
+      background-color: var(--bsOverwrite-primaryRGBtranslucent);
+      border: 2px solid var(--bsOverwrite-text);
+      color: var(--bsOverwrite-text);
+      min-width: 44px;
+      min-height: 44px;
+      padding: 10px 14px;
+      border-radius: 8px;
+      cursor: pointer;
+      font-size: 1.2rem;
+      box-shadow: 0 2px 6px rgba(0,0,0,0.3);
+      transition: all 0.15s ease;
+      /* Touch-friendly */
+      -webkit-tap-highlight-color: transparent;
+      touch-action: manipulation;
+    }
+
+    .offcanvas-toggle:hover {
+      background-color: var(--bsOverwrite-primary-dark);
+      transform: scale(1.05);
+    }
+
+    .offcanvas-toggle:active {
+      background-color: var(--bsOverwrite-primary-dark);
+      transform: scale(0.95);
+      box-shadow: 0 1px 3px rgba(0,0,0,0.3);
+    }
+
+    .offcanvas-toggle-left {
+      left: 10px;
+      top: 50%;
+      transform: translateY(-50%);
+    }
+
+    .offcanvas-toggle-left:hover {
+      transform: translateY(-50%) scale(1.05);
+    }
+
+    .offcanvas-toggle-left:active {
+      transform: translateY(-50%) scale(0.95);
+    }
+
+    .offcanvas-toggle-right {
+      right: 10px;
+      top: 50%;
+      transform: translateY(-50%);
+    }
+
+    .offcanvas-toggle-right:hover {
+      transform: translateY(-50%) scale(1.05);
+    }
+
+    .offcanvas-toggle-right:active {
+      transform: translateY(-50%) scale(0.95);
+    }
+
+    .offcanvas-toggle-bottom {
+      bottom: 80px; /* Above the dock */
+      left: 50%;
+      transform: translateX(-50%);
+    }
+
+    .offcanvas-toggle-bottom:hover {
+      transform: translateX(-50%) scale(1.05);
+    }
+
+    .offcanvas-toggle-bottom:active {
+      transform: translateX(-50%) scale(0.95);
+    }
+
+    /* Bottom Dock */
+    .bottom-dock {
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      z-index: 600;
+      background-color: var(--bsOverwrite-primary);
+      border-top: 2px solid var(--bsOverwrite-text);
+      padding: 8px 16px;
+      display: flex;
+      justify-content: space-around;
+      align-items: center;
+      box-shadow: 0 -2px 10px rgba(0,0,0,0.15);
+    }
+
+    .dock-btn {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      min-width: 60px;
+      min-height: 50px;
+      padding: 6px 12px;
+      background-color: transparent;
+      border: none;
+      color: var(--bsOverwrite-text);
+      font-size: 1.4rem;
+      cursor: pointer;
+      border-radius: 8px;
+      transition: all 0.15s ease;
+      /* Touch-friendly */
+      -webkit-tap-highlight-color: transparent;
+      touch-action: manipulation;
+    }
+
+    .dock-btn:hover {
+      background-color: var(--bsOverwrite-primary-dark);
+    }
+
+    .dock-btn:active {
+      background-color: var(--bsOverwrite-primary-dark);
+      transform: scale(0.92);
+    }
+
+    .dock-btn-label {
+      font-size: 0.65rem;
+      margin-top: 2px;
+      font-weight: 500;
+    }
+
+    /* Touch-friendly improvements for forms and buttons */
+    .form-control, .form-select {
+      min-height: 44px;
+      font-size: 16px; /* Prevents iOS zoom on focus */
+    }
+
+    .btn {
+      min-height: 44px;
+      -webkit-tap-highlight-color: transparent;
+      touch-action: manipulation;
+    }
+
+    .btn:active {
+      transform: scale(0.97);
+    }
+
+    /* Location list items - larger touch targets */
+    .location-item {
+      cursor: pointer;
+      transition: background-color 0.15s;
+      color: var(--bsOverwrite-text);
+      min-height: 60px;
+      -webkit-tap-highlight-color: transparent;
+      touch-action: manipulation;
+    }
+
+    .location-item:hover {
+      background-color: var(--bsOverwrite-primary-light);
+    }
+
+    .location-item:active {
+      background-color: var(--bsOverwrite-primary);
+    }
+
+    .location-item h6 {
+      color: var(--bsOverwrite-text);
+    }
+
+    /* ol-ext GeolocationButton styling */
+    .ol-geobt {
+      top: auto !important;
+      bottom: 90px !important;
+      right: 10px !important;
+      left: auto !important;
+    }
+
+    .ol-geobt button {
+      background-color: var(--bsOverwrite-primary) !important;
+      color: var(--bsOverwrite-text) !important;
+      min-width: 44px;
+      min-height: 44px;
+    }
+
+    .ol-geobt button:hover {
+      background-color: var(--bsOverwrite-primary-dark) !important;
+    }
+
+    /* Add Location Popup Form on Map */
+    .map-add-location-popup {
+      background: white;
+      border-radius: 12px;
+      box-shadow: 0 4px 20px rgba(0,0,0,0.25);
+      min-width: 280px;
+      max-width: 320px;
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      font-size: 14px;
+      z-index: 1000;
+      border: 2px solid var(--bsOverwrite-primary);
+      overflow: hidden;
+    }
+
+    .add-location-popup-header {
+      background-color: var(--bsOverwrite-primary);
+      color: var(--bsOverwrite-text);
+      padding: 10px 14px;
+      font-weight: 600;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    }
+
+    .add-location-popup-close {
+      background: none;
+      border: none;
+      font-size: 1.5rem;
+      line-height: 1;
+      color: var(--bsOverwrite-text);
+      cursor: pointer;
+      padding: 0 4px;
+      opacity: 0.7;
+    }
+
+    .add-location-popup-close:hover {
+      opacity: 1;
+    }
+
+    #map-add-location-form {
+      padding: 14px;
+    }
+
+    .add-location-popup-field {
+      margin-bottom: 12px;
+    }
+
+    .add-location-popup-field label {
+      display: block;
+      margin-bottom: 4px;
+      font-size: 13px;
+      font-weight: 500;
+      color: var(--bsOverwrite-text);
+    }
+
+    .add-location-popup-field input,
+    .add-location-popup-field select,
+    .add-location-popup-field textarea {
+      width: 100%;
+      padding: 8px 10px;
+      border: 1px solid #ddd;
+      border-radius: 6px;
+      font-size: 14px;
+      min-height: 40px;
+      color: var(--bsOverwrite-text);
+    }
+
+    .add-location-popup-field input:focus,
+    .add-location-popup-field select:focus,
+    .add-location-popup-field textarea:focus {
+      outline: none;
+      border-color: var(--bsOverwrite-primary);
+      box-shadow: 0 0 0 2px rgba(255, 233, 106, 0.3);
+    }
+
+    .add-location-popup-field textarea {
+      resize: vertical;
+      min-height: 60px;
+    }
+
+    .add-location-popup-coords {
+      margin-bottom: 12px;
+      padding: 8px 10px;
+      background: #f8f9fa;
+      border-radius: 6px;
+      color: #666;
+      font-family: monospace;
+    }
+
+    .add-location-popup-submit {
+      width: 100%;
+      padding: 10px 16px;
+      background-color: var(--bsOverwrite-primary);
+      color: var(--bsOverwrite-text);
+      border: none;
+      border-radius: 6px;
+      font-size: 14px;
+      font-weight: 600;
+      cursor: pointer;
+      min-height: 44px;
+      transition: background-color 0.15s;
+    }
+
+    .add-location-popup-submit:hover {
+      background-color: var(--bsOverwrite-primary-dark);
+    }
+
+    .add-location-popup-submit:active {
+      transform: scale(0.98);
+    }
+
+    /* Navbar location count as clickable button */
+    .location-count-btn {
+      background: none;
+      border: none;
+      padding: 0;
+      cursor: pointer;
+      -webkit-tap-highlight-color: transparent;
+    }
+
+    .location-count-btn .badge {
+      transition: transform 0.15s;
+    }
+
+    .location-count-btn:hover .badge {
+      transform: scale(1.1);
+    }
+
+    .location-count-btn:active .badge {
+      transform: scale(0.95);
+    }
+
+    /* Offcanvas styling */
+    .offcanvas {
+      background-color: var(--bsOverwrite-primary) !important;
+      color: var(--bsOverwrite-text);
+    }
+
+    .offcanvas-header {
+      border-bottom: 2px solid var(--bsOverwrite-text);
+    }
+
+    .offcanvas-title {
+      color: var(--bsOverwrite-text);
+      font-weight: 600;
+    }
+
+    .offcanvas-body {
+      color: var(--bsOverwrite-text);
+    }
+
+    /* Right offcanvas - Data Entry panel */
+    .offcanvas-end {
+      width: 320px !important;
+      background-color: var(--bs-body-bg) !important;
+    }
+
+    @media (min-width: 400px) {
+      .offcanvas-end {
+        width: 380px !important;
+      }
+    }
+
+    .offcanvas-end .offcanvas-header {
+      background-color: var(--bsOverwrite-primary);
+    }
+
+    .offcanvas-end .offcanvas-body {
+      background-color: var(--bs-body-bg);
+      padding: 1rem;
+    }
+
+    /* Locations list in offcanvas - can be taller now without form */
+    .offcanvas-end .locations-list {
+      max-height: calc(100vh - 280px);
+      overflow-y: auto;
+    }
+
+    /* Bottom offcanvas height */
+    .offcanvas-bottom {
+      height: 40vh;
+      max-height: 400px;
+    }
+  </style>
+</head>
+<body>
+  <div class="app-container">
+    <!-- Navbar - visible on all screens -->
+    <nav class="navbar bg-primary py-2">
+      <div class="container-fluid">
+        <span class="navbar-brand mb-0 h1">
+          <span class="me-2">🌍</span>LUPMIS Drawing Tools
+        </span>
+        <button type="button"
+                class="location-count-btn"
+                data-bs-toggle="offcanvas"
+                data-bs-target="#offcanvasRight"
+                aria-controls="offcanvasRight"
+                title="View saved locations">
+        <span class="badge bg-light text-dark" id="location-count-mobile">0</span>
+        </button>
+      </div>
+    </nav>
+
+    <!-- Main content area -->
+    <div class="main-content">
+      <!-- Map -->
+      <div class="map-container">
+        <div id="offline-indicator">
+          <span class="badge bg-danger fs-6">
+            📴 OFFLINE
+          </span>
+        </div>
+        <div id="map"></div>
+
+        <!-- Offcanvas toggle buttons -->
+        <button class="offcanvas-toggle offcanvas-toggle-left"
+                type="button"
+                data-bs-toggle="offcanvas"
+                data-bs-target="#offcanvasLeft"
+                aria-controls="offcanvasLeft"
+                title="Open left panel">
+          <i class="bi bi-chevron-left"></i>
+        </button>
+
+        <button class="offcanvas-toggle offcanvas-toggle-right"
+                type="button"
+                data-bs-toggle="offcanvas"
+                data-bs-target="#offcanvasRight"
+                aria-controls="offcanvasRight"
+                title="Open right panel">
+          <i class="bi bi-chevron-right"></i>
+        </button>
+
+        <button class="offcanvas-toggle offcanvas-toggle-bottom"
+                type="button"
+                data-bs-toggle="offcanvas"
+                data-bs-target="#offcanvasBottom"
+                aria-controls="offcanvasBottom"
+                title="Open bottom panel">
+          <i class="bi bi-chevron-down"></i>
+        </button>
+
+        <!-- Bottom Dock -->
+        <div class="bottom-dock">
+          <button class="dock-btn" type="button" id="dock-btn-1" title="Button 1">
+            <i class="bi bi-circle"></i>
+            <span class="dock-btn-label">Button 1</span>
+        </button>
+          <button class="dock-btn" type="button" id="dock-btn-2" title="Button 2">
+            <i class="bi bi-circle"></i>
+            <span class="dock-btn-label">Button 2</span>
+          </button>
+          <button class="dock-btn" type="button" id="dock-btn-3" title="Button 3">
+            <i class="bi bi-circle"></i>
+            <span class="dock-btn-label">Button 3</span>
+          </button>
+          <button class="dock-btn" type="button" id="dock-btn-4" title="Button 4">
+            <i class="bi bi-circle"></i>
+            <span class="dock-btn-label">Button 4</span>
+          </button>
+          </div>
+          </div>
+          </div>
+  </div>
+
+  <!-- Install PWA button -->
+  <button id="install-btn" class="btn btn-primary btn-lg shadow">
+    📲 Install App
+  </button>
+
+  <!-- Status Modal -->
+  <div class="modal fade" id="statusModal" tabindex="-1" aria-labelledby="statusModalLabel" aria-hidden="true">
+    <div class="modal-dialog">
+      <div class="modal-content">
+        <div class="modal-header bg-primary">
+          <h5 class="modal-title" id="statusModalLabel">ℹ️ Database Status</h5>
+          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+        <div class="modal-body">
+          <div id="status-content">
+            <div class="text-center py-4">
+              <div class="spinner-border text-primary" role="status">
+                <span class="visually-hidden">Loading...</span>
+                </div>
+                  </div>
+                  </div>
+                </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+                </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- Left Offcanvas - Placeholder -->
+  <div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvasLeft" aria-labelledby="offcanvasLeftLabel">
+    <div class="offcanvas-header">
+      <h5 class="offcanvas-title" id="offcanvasLeftLabel"><i class="bi bi-chevron-left me-2"></i>Left Panel</h5>
+      <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
+                </div>
+    <div class="offcanvas-body">
+      <p>This is the left offcanvas panel.</p>
+      <p>You can add navigation, filters, or other controls here.</p>
+    </div>
+  </div>
+
+  <!-- Right Offcanvas - Saved Locations Panel -->
+  <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasRight" aria-labelledby="offcanvasRightLabel">
+    <div class="offcanvas-header">
+      <h5 class="offcanvas-title" id="offcanvasRightLabel"><i class="bi bi-geo-alt me-2"></i>Saved Locations</h5>
+      <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
+                </div>
+    <div class="offcanvas-body">
+          <!-- Alert messages -->
+          <div id="error-message" class="alert alert-danger alert-dismissible fade show d-none" role="alert">
+            <span class="message-text"></span>
+            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+            </div>
+          <div id="success-message" class="alert alert-success alert-dismissible fade show d-none" role="alert">
+            <span class="message-text"></span>
+            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+          </div>
+
+      <!-- Tip -->
+          <div class="alert alert-light border-start border-4 border-primary py-2 mb-3" role="alert">
+        <small>💡 Tap on the map to add a new location.</small>
+            </div>
+
+          <!-- Saved Locations Card -->
+          <div class="card">
+            <div class="card-header bg-primary py-2 d-flex justify-content-between align-items-center">
+          <h6 class="mb-0">📍 Locations</h6>
+              <span class="badge bg-light text-dark" id="location-count">0</span>
+            </div>
+            <div class="card-body p-0">
+              <div id="locations-list" class="locations-list list-group list-group-flush">
+                <div class="text-center text-muted py-4">
+                  <div class="spinner-border spinner-border-sm me-2" role="status">
+                    <span class="visually-hidden">Loading...</span>
+                  </div>
+                  Loading...
+                </div>
+              </div>
+            </div>
+            <div class="card-footer bg-transparent">
+              <div class="btn-group btn-group-sm w-100" role="group">
+                <button type="button" class="btn btn-outline-secondary" id="fit-btn" title="Fit map to all markers">
+                  🔍 Fit All
+                </button>
+                <button type="button" class="btn btn-outline-secondary" id="export-btn" title="Export database">
+                  📥 Export
+                </button>
+                <button type="button" class="btn btn-outline-secondary" id="exportGeoJSON-btn" title="Export GeoJSON">
+                  📥 Export
+                </button>
+                <button type="button" class="btn btn-outline-secondary" id="status-btn" title="Show database status">
+                  ℹ️ Status
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+    </div>
+
+  <!-- Bottom Offcanvas -->
+  <div class="offcanvas offcanvas-bottom" tabindex="-1" id="offcanvasBottom" aria-labelledby="offcanvasBottomLabel">
+    <div class="offcanvas-header">
+      <h5 class="offcanvas-title" id="offcanvasBottomLabel"><i class="bi bi-chevron-down me-2"></i>Bottom Panel</h5>
+      <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
+        </div>
+    <div class="offcanvas-body">
+      <p>This is the bottom offcanvas panel.</p>
+      <p>You can add a data table, charts, or other wide content here.</p>
+              </div>
+            </div>
+
+  <!-- Main application script -->
+  <script type="module" src="/main.js"></script>
+</body>
+</html>
diff --git a/main.js b/main.js
new file mode 100644
index 0000000..3c3246d
--- /dev/null
+++ b/main.js
@@ -0,0 +1,498 @@
+/**
+ * Main Application Entry Point
+ *
+ * Demonstrates integration of:
+ * - Bootstrap 5.3 for UI components
+ * - SQLocal (SQLite in browser via OPFS)
+ * - BroadcastChannel for cross-tab sync
+ * - OpenLayers map with ol-ext LayerSwitcher
+ * - PWA features (Service Worker, install prompt, offline detection)
+ */
+
+// Bootstrap CSS and JS
+import 'bootstrap/dist/css/bootstrap.min.css';
+import 'bootstrap-icons/font/bootstrap-icons.css';
+import { Modal, Offcanvas } from 'bootstrap';
+
+// Database module (uses SQLocal directly, BroadcastChannel for tab sync)
+import {
+  sql,
+  dbReady,
+  initSchema,
+  addLocation,
+  getLocations,
+  getLocationCount,
+  getDatabaseStatus,
+  downloadDatabase,
+  onDatabaseChange,
+  exportToGeoJSON
+} from './src/database.js';
+
+// Map component with OpenLayers and ol-ext LayerSwitcher
+import { MapView } from './src/components/MapView.js';
+
+// PWA module (registers Service Worker, handles install/offline)
+import { initPWA, isOnline, onOfflineChange } from './src/pwa.js';
+
+// Map instance (global for access across functions)
+let mapView = null;
+
+// ============================================================================
+// Application Initialization
+// ============================================================================
+
+async function initApp() {
+  console.log('[App] Initializing...');
+
+  // 1. Initialize PWA features (Service Worker, install prompt, offline detection)
+  await initPWA({
+    installButton: '#install-btn',
+    offlineIndicator: '#offline-indicator',
+    autoRegisterSW: true
+  });
+
+  // 2. Initialize the map
+  mapView = new MapView('map', {
+    center: [-1.5, 7.5],  // Ghana
+    zoom: 7,
+    basemap: 'osm'
+  });
+
+  // Category emojis are set up in MapView:
+  // 'water': '💧', 'school': '🏫', 'health': '🏥',
+  // 'market': '🏪', 'default': '📍', 'other': '📌'
+
+  // Set up map click handler immediately after map creation
+  mapView.onClick((lon, lat, feature, evt) => {
+    console.log('[App] Map clicked:', lon, lat, feature);
+    if (feature) {
+      // Clicked on existing marker - select it and show details
+      mapView.selectMarker(feature);
+      showLocationDetails(feature);
+    } else {
+      // Clicked on empty space - show add location popup at click position
+      mapView.clearSelection();
+      mapView.showAddLocationPopup(evt.coordinate);
+    }
+  });
+
+  // Set up handler for the map add location popup form
+  mapView.onAddLocation(async (data) => {
+    console.log('[App] Add location from map popup:', data);
+    try {
+      const result = await addLocation(data.name, data.lon, data.lat, {
+        description: data.description || null,
+        category: data.category || 'default'
+      });
+      console.log('[App] Location added:', data.name, 'id:', result.id);
+
+      await loadLocations();
+
+      // Zoom to the new location on the map
+      mapView?.zoomTo(data.lon, data.lat, 14);
+
+      // Select the new marker
+      if (result.id) {
+        mapView?.selectMarker(result.id);
+      }
+
+      showSuccess('Location added successfully');
+
+    } catch (error) {
+      console.error('[App] Failed to add location:', error);
+      showError('Failed to add location: ' + error.message);
+    }
+  });
+
+  // 3. Initialize database
+  try {
+    console.log('[App] Initializing database...');
+
+    // Initialize schema (creates tables if they don't exist)
+    // This also resolves dbReady when complete
+    await initSchema();
+
+    // Now dbReady should be resolved
+    console.log('[App] Database ready');
+
+    // Show database status
+    const status = await getDatabaseStatus();
+    console.log('[App] Database status:', status);
+
+  } catch (error) {
+    console.error('[App] Database initialization failed:', error);
+    showError('Failed to initialize database. Please refresh the page.');
+    return;
+  }
+
+  // 4. Initialize UI
+  initUI();
+
+  // 5. Load initial data and display on map
+  await loadLocations();
+
+  // 6. Listen for database changes from other tabs
+  onDatabaseChange((change) => {
+    console.log('[App] Database change:', change);
+    if (change.table === 'locations' && !change.local) {
+      // Reload locations when another tab makes changes
+      loadLocations();
+    }
+  });
+
+  // 7. Set up offline handling
+  onOfflineChange((offline) => {
+    if (offline) {
+      console.log('[App] Working offline - data will sync when back online');
+    } else {
+      console.log('[App] Back online - syncing data...');
+      syncData();
+    }
+  });
+
+  console.log('[App] Initialized successfully');
+}
+
+// ============================================================================
+// UI Initialization
+// ============================================================================
+
+function initUI() {
+  // Export button
+  const exportBtn = document.getElementById('export-btn');
+  if (exportBtn) {
+    exportBtn.addEventListener('click', handleExport);
+  }
+
+  // GeoJSON Export button
+  const exportGeoJSONBtn = document.getElementById('exportGeoJSON-btn');
+  if (exportGeoJSONBtn) {
+    exportGeoJSONBtn.addEventListener('click', handleExportGeoJSON);
+  }
+
+  // Status button
+  const statusBtn = document.getElementById('status-btn');
+  if (statusBtn) {
+    statusBtn.addEventListener('click', handleShowStatus);
+  }
+
+  // Fit to markers button
+  const fitBtn = document.getElementById('fit-btn');
+  if (fitBtn) {
+    fitBtn.addEventListener('click', () => mapView?.fitToMarkers());
+  }
+}
+
+// ============================================================================
+// Location Handlers
+// ============================================================================
+
+async function handleAddLocation(event) {
+  event.preventDefault();
+
+  const form = event.target;
+  const formData = new FormData(form);
+
+  const name = formData.get('name');
+  const longitude = parseFloat(formData.get('longitude'));
+  const latitude = parseFloat(formData.get('latitude'));
+  const description = formData.get('description') || null;
+  const category = formData.get('category') || 'default';
+
+  if (!name || isNaN(longitude) || isNaN(latitude)) {
+    showError('Please fill in all required fields');
+    return;
+  }
+
+  try {
+    const result = await addLocation(name, longitude, latitude, { description, category });
+    console.log('[App] Location added:', name, 'id:', result.id);
+
+    form.reset();
+    await loadLocations();
+
+    // Zoom to the new location on the map
+    mapView?.zoomTo(longitude, latitude, 14);
+
+    // Select the new marker
+    if (result.id) {
+      mapView?.selectMarker(result.id);
+    }
+
+    showSuccess('Location added successfully');
+
+  } catch (error) {
+    console.error('[App] Failed to add location:', error);
+    showError('Failed to add location: ' + error.message);
+  }
+}
+
+async function loadLocations() {
+  try {
+    console.log('[App] Loading locations...');
+    const locations = await getLocations();
+    console.log('[App] Locations loaded:', locations);
+
+    // Update the list
+    renderLocations(locations);
+
+    // Update the map markers
+    if (mapView) {
+      mapView.clearMarkers();
+      if (locations.length > 0) {
+        mapView.addMarkers(locations);
+        console.log('[App] Added', locations.length, 'markers to map');
+      }
+    }
+
+    // Update count display
+    const countEl = document.getElementById('location-count');
+    if (countEl) {
+      countEl.textContent = locations.length;
+    }
+
+  } catch (error) {
+    console.error('[App] Failed to load locations:', error);
+  }
+}
+
+/**
+ * Show details for a selected location
+ */
+function showLocationDetails(feature) {
+  const name = feature.get('name');
+  const description = feature.get('description');
+  const category = feature.get('category');
+  const lon = feature.get('lon') || feature.get('longitude');
+  const lat = feature.get('lat') || feature.get('latitude');
+
+  // You could show a popup or info panel here
+  // For now, just log to console
+  console.log('[App] Selected location:', { name, description, category, lon, lat });
+
+  // Optionally zoom to the location
+  // mapView.zoomTo(lon, lat, 14);
+}
+
+function renderLocations(locations) {
+  const container = document.getElementById('locations-list');
+  if (!container) return;
+
+  // Also update mobile count
+  const mobileCount = document.getElementById('location-count-mobile');
+  if (mobileCount) {
+    mobileCount.textContent = locations.length;
+  }
+
+  if (locations.length === 0) {
+    container.innerHTML = `
+      <div class="text-center text-muted py-4">
+        <p class="mb-0">No locations yet.</p>
+        <small>Click the map or fill the form above!</small>
+      </div>
+    `;
+    return;
+  }
+
+  // Category emoji mapping
+  const categoryEmojis = {
+    'water': '💧',
+    'school': '🏫',
+    'health': '🏥',
+    'market': '🏪',
+    'default': '📍',
+    'other': '📌'
+  };
+
+  container.innerHTML = locations.map(loc => {
+    const emoji = categoryEmojis[loc.category] || '📍';
+    return `
+      <a href="#" class="list-group-item list-group-item-action location-item py-2"
+         data-id="${loc.id}" data-lon="${loc.longitude}" data-lat="${loc.latitude}">
+        <div class="d-flex w-100 justify-content-between align-items-start">
+          <div>
+            <h6 class="mb-1">${emoji} ${escapeHtml(loc.name)}</h6>
+            <small class="text-muted font-monospace">${loc.latitude.toFixed(5)}, ${loc.longitude.toFixed(5)}</small>
+          </div>
+          <span class="badge badge-${loc.category}">${loc.category}</span>
+        </div>
+        ${loc.description ? `<small class="text-secondary d-block mt-1">${escapeHtml(loc.description)}</small>` : ''}
+      </a>
+    `;
+  }).join('');
+
+  // Add click handlers to zoom to location
+  container.querySelectorAll('.location-item').forEach(item => {
+    item.addEventListener('click', (e) => {
+      e.preventDefault();
+      const lon = parseFloat(item.dataset.lon);
+      const lat = parseFloat(item.dataset.lat);
+      const id = parseInt(item.dataset.id);
+
+      // Zoom to location on map
+      mapView?.zoomTo(lon, lat, 14);
+
+      // Select the marker
+      mapView?.selectMarker(id);
+    });
+  });
+}
+
+// ============================================================================
+// Export Handler
+// ============================================================================
+
+async function handleExport() {
+  try {
+    await downloadDatabase('lupmis-backup.sqlite3');
+    showSuccess('Database exported successfully');
+  } catch (error) {
+    console.error('[App] Export failed:', error);
+    showError('Export failed: ' + error.message);
+  }
+}
+
+// Export as GeoJSON file
+async function handleExportGeoJSON() {
+  try {
+	  const geojson = await exportToGeoJSON();
+
+	  // Download as file
+	  const blob = new Blob([JSON.stringify(geojson, null, 2)], { type: 'application/json' });
+	  const url = URL.createObjectURL(blob);
+	  const a = document.createElement('a');
+	  a.href = url;
+	  a.download = 'locations.geojson';
+	  a.click();
+	  URL.revokeObjectURL(url);
+
+		showSuccess(`Exported ${geojson.features.length} location(s)`);
+	}catch (error) {
+    console.error('[App] GeoJSON Export failed:', error);
+    showError('GeoJSON Export failed: ' + error.message);
+  }
+}
+
+// ============================================================================
+// Status Handler
+// ============================================================================
+
+async function handleShowStatus() {
+  try {
+    const status = await getDatabaseStatus();
+
+    // Update modal content
+    const statusContent = document.getElementById('status-content');
+    if (statusContent) {
+      statusContent.innerHTML = `
+        <table class="table table-sm table-borderless mb-0">
+          <tbody>
+            <tr>
+              <td class="fw-semibold">Ready:</td>
+              <td><span class="badge ${status.ready ? 'bg-success' : 'bg-danger'}">${status.ready ? 'Yes' : 'No'}</span></td>
+            </tr>
+            <tr>
+              <td class="fw-semibold">Online:</td>
+              <td><span class="badge ${isOnline() ? 'bg-success' : 'bg-warning'}">${isOnline() ? 'Yes' : 'Offline'}</span></td>
+            </tr>
+            <tr>
+              <td class="fw-semibold">Database:</td>
+              <td><code>${status.databasePath || 'N/A'}</code></td>
+            </tr>
+            <tr>
+              <td class="fw-semibold">Tables:</td>
+              <td>${status.tables.map(t => `<span class="badge bg-secondary me-1">${t}</span>`).join('')}</td>
+            </tr>
+            <tr>
+              <td class="fw-semibold">Locations:</td>
+              <td><span class="badge bg-primary">${status.locationCount}</span></td>
+            </tr>
+          </tbody>
+        </table>
+      `;
+    }
+
+    // Show the modal using Bootstrap
+    const statusModal = new Modal(document.getElementById('statusModal'));
+    statusModal.show();
+
+  } catch (error) {
+    console.error('[App] Failed to get status:', error);
+    showError('Failed to get status');
+  }
+}
+
+// ============================================================================
+// Sync (placeholder - implement based on your backend)
+// ============================================================================
+
+async function syncData() {
+  if (!isOnline()) {
+    console.log('[App] Cannot sync - offline');
+    return;
+  }
+
+  // TODO: Implement sync with your backend
+  // Example:
+  // const unsynced = await getUnsyncedLocations();
+  // for (const location of unsynced) {
+  //   await fetch('/api/locations', {
+  //     method: 'POST',
+  //     body: JSON.stringify(location)
+  //   });
+  //   await markLocationsSynced([location.id]);
+  // }
+
+  console.log('[App] Sync placeholder - implement based on your backend');
+}
+
+// ============================================================================
+// Utilities
+// ============================================================================
+
+function escapeHtml(text) {
+  const div = document.createElement('div');
+  div.textContent = text;
+  return div.innerHTML;
+}
+
+function showError(message) {
+  const el = document.getElementById('error-message');
+  if (el) {
+    el.querySelector('.message-text').textContent = message;
+    el.classList.remove('d-none');
+
+    // Auto-hide after 5 seconds
+    setTimeout(() => {
+      el.classList.add('d-none');
+    }, 5000);
+  } else {
+    console.error(message);
+  }
+}
+
+function showSuccess(message) {
+  const el = document.getElementById('success-message');
+  if (el) {
+    el.querySelector('.message-text').textContent = message;
+    el.classList.remove('d-none');
+
+    // Auto-hide after 3 seconds
+    setTimeout(() => {
+      el.classList.add('d-none');
+    }, 3000);
+  } else {
+    console.log(message);
+  }
+}
+
+// ============================================================================
+// Start Application
+// ============================================================================
+
+// Wait for DOM to be ready
+if (document.readyState === 'loading') {
+  document.addEventListener('DOMContentLoaded', initApp);
+} else {
+  initApp();
+}
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..65d3a0d
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,1373 @@
+{
+  "name": "lupmis-pwa",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "lupmis-pwa",
+      "version": "1.0.0",
+      "dependencies": {
+        "@popperjs/core": "^2.11.8",
+        "bootstrap": "^5.3.3",
+        "bootstrap-icons": "^1.11.3",
+        "ol": "^10.3.0",
+        "ol-ext": "^4.0.24",
+        "sqlocal": "^0.16.0"
+      },
+      "devDependencies": {
+        "vite": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.12.tgz",
+      "integrity": "sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.12.tgz",
+      "integrity": "sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.12.tgz",
+      "integrity": "sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.12.tgz",
+      "integrity": "sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.12.tgz",
+      "integrity": "sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.12.tgz",
+      "integrity": "sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.12.tgz",
+      "integrity": "sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.12.tgz",
+      "integrity": "sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.12.tgz",
+      "integrity": "sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.12.tgz",
+      "integrity": "sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.12.tgz",
+      "integrity": "sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.12.tgz",
+      "integrity": "sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng==",
+      "cpu": [
+        "loong64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.12.tgz",
+      "integrity": "sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw==",
+      "cpu": [
+        "mips64el"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.12.tgz",
+      "integrity": "sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.12.tgz",
+      "integrity": "sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.12.tgz",
+      "integrity": "sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.12.tgz",
+      "integrity": "sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.12.tgz",
+      "integrity": "sha512-xXwcTq4GhRM7J9A8Gv5boanHhRa/Q9KLVmcyXHCTaM4wKfIpWkdXiMog/KsnxzJ0A1+nD+zoecuzqPmCRyBGjg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.12.tgz",
+      "integrity": "sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.12.tgz",
+      "integrity": "sha512-fF96T6KsBo/pkQI950FARU9apGNTSlZGsv1jZBAlcLL1MLjLNIWPBkj5NlSz8aAzYKg+eNqknrUJ24QBybeR5A==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.12.tgz",
+      "integrity": "sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openharmony-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.12.tgz",
+      "integrity": "sha512-rm0YWsqUSRrjncSXGA7Zv78Nbnw4XL6/dzr20cyrQf7ZmRcsovpcRBdhD43Nuk3y7XIoW2OxMVvwuRvk9XdASg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.12.tgz",
+      "integrity": "sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.12.tgz",
+      "integrity": "sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.12.tgz",
+      "integrity": "sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.12.tgz",
+      "integrity": "sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@petamoriken/float16": {
+      "version": "3.9.3",
+      "resolved": "https://registry.npmjs.org/@petamoriken/float16/-/float16-3.9.3.tgz",
+      "integrity": "sha512-8awtpHXCx/bNpFt4mt2xdkgtgVvKqty8VbjHI/WWWQuEw+KLzFot3f4+LkQY9YmOtq7A5GdOnqoIC8Pdygjk2g==",
+      "license": "MIT"
+    },
+    "node_modules/@popperjs/core": {
+      "version": "2.11.8",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
+      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
+    "node_modules/@rollup/rollup-android-arm-eabi": {
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.55.3.tgz",
+      "integrity": "sha512-qyX8+93kK/7R5BEXPC2PjUt0+fS/VO2BVHjEHyIEWiYn88rcRBHmdLgoJjktBltgAf+NY7RfCGB1SoyKS/p9kg==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-android-arm64": {
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.55.3.tgz",
+      "integrity": "sha512-6sHrL42bjt5dHQzJ12Q4vMKfN+kUnZ0atHHnv4V0Wd9JMTk7FDzSY35+7qbz3ypQYMBPANbpGK7JpnWNnhGt8g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.55.3.tgz",
+      "integrity": "sha512-1ht2SpGIjEl2igJ9AbNpPIKzb1B5goXOcmtD0RFxnwNuMxqkR6AUaaErZz+4o+FKmzxcSNBOLrzsICZVNYa1Rw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-x64": {
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.55.3.tgz",
+      "integrity": "sha512-FYZ4iVunXxtT+CZqQoPVwPhH7549e/Gy7PIRRtq4t5f/vt54pX6eG9ebttRH6QSH7r/zxAFA4EZGlQ0h0FvXiA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-arm64": {
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.55.3.tgz",
+      "integrity": "sha512-M/mwDCJ4wLsIgyxv2Lj7Len+UMHd4zAXu4GQ2UaCdksStglWhP61U3uowkaYBQBhVoNpwx5Hputo8eSqM7K82Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-x64": {
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.55.3.tgz",
+      "integrity": "sha512-5jZT2c7jBCrMegKYTYTpni8mg8y3uY8gzeq2ndFOANwNuC/xJbVAoGKR9LhMDA0H3nIhvaqUoBEuJoICBudFrA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.55.3.tgz",
+      "integrity": "sha512-YeGUhkN1oA+iSPzzhEjVPS29YbViOr8s4lSsFaZKLHswgqP911xx25fPOyE9+khmN6W4VeM0aevbDp4kkEoHiA==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.55.3.tgz",
+      "integrity": "sha512-eo0iOIOvcAlWB3Z3eh8pVM8hZ0oVkK3AjEM9nSrkSug2l15qHzF3TOwT0747omI6+CJJvl7drwZepT+re6Fy/w==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.55.3.tgz",
+      "integrity": "sha512-DJay3ep76bKUDImmn//W5SvpjRN5LmK/ntWyeJs/dcnwiiHESd3N4uteK9FDLf0S0W8E6Y0sVRXpOCoQclQqNg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.55.3.tgz",
+      "integrity": "sha512-BKKWQkY2WgJ5MC/ayvIJTHjy0JUGb5efaHCUiG/39sSUvAYRBaO3+/EK0AZT1RF3pSj86O24GLLik9mAYu0IJg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loong64-gnu": {
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.55.3.tgz",
+      "integrity": "sha512-Q9nVlWtKAG7ISW80OiZGxTr6rYtyDSkauHUtvkQI6TNOJjFvpj4gcH+KaJihqYInnAzEEUetPQubRwHef4exVg==",
+      "cpu": [
+        "loong64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loong64-musl": {
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.55.3.tgz",
+      "integrity": "sha512-2H5LmhzrpC4fFRNwknzmmTvvyJPHwESoJgyReXeFoYYuIDfBhP29TEXOkCJE/KxHi27mj7wDUClNq78ue3QEBQ==",
+      "cpu": [
+        "loong64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-ppc64-gnu": {
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.55.3.tgz",
+      "integrity": "sha512-9S542V0ie9LCTznPYlvaeySwBeIEa7rDBgLHKZ5S9DBgcqdJYburabm8TqiqG6mrdTzfV5uttQRHcbKff9lWtA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-ppc64-musl": {
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.55.3.tgz",
+      "integrity": "sha512-ukxw+YH3XXpcezLgbJeasgxyTbdpnNAkrIlFGDl7t+pgCxZ89/6n1a+MxlY7CegU+nDgrgdqDelPRNQ/47zs0g==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.55.3.tgz",
+      "integrity": "sha512-Iauw9UsTTvlF++FhghFJjqYxyXdggXsOqGpFBylaRopVpcbfyIIsNvkf9oGwfgIcf57z3m8+/oSYTo6HutBFNw==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-musl": {
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.55.3.tgz",
+      "integrity": "sha512-3OqKAHSEQXKdq9mQ4eajqUgNIK27VZPW3I26EP8miIzuKzCJ3aW3oEn2pzF+4/Hj/Moc0YDsOtBgT5bZ56/vcA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-s390x-gnu": {
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.55.3.tgz",
+      "integrity": "sha512-0CM8dSVzVIaqMcXIFej8zZrSFLnGrAE8qlNbbHfTw1EEPnFTg1U1ekI0JdzjPyzSfUsHWtodilQQG/RA55berA==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.55.3.tgz",
+      "integrity": "sha512-+fgJE12FZMIgBaKIAGd45rxf+5ftcycANJRWk8Vz0NnMTM5rADPGuRFTYar+Mqs560xuART7XsX2lSACa1iOmQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.55.3.tgz",
+      "integrity": "sha512-tMD7NnbAolWPzQlJQJjVFh/fNH3K/KnA7K8gv2dJWCwwnaK6DFCYST1QXYWfu5V0cDwarWC8Sf/cfMHniNq21A==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-openbsd-x64": {
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.55.3.tgz",
+      "integrity": "sha512-u5KsqxOxjEeIbn7bUK1MPM34jrnPwjeqgyin4/N6e/KzXKfpE9Mi0nCxcQjaM9lLmPcHmn/xx1yOjgTMtu1jWQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-openharmony-arm64": {
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.55.3.tgz",
+      "integrity": "sha512-vo54aXwjpTtsAnb3ca7Yxs9t2INZg7QdXN/7yaoG7nPGbOBXYXQY41Km+S1Ov26vzOAzLcAjmMdjyEqS1JkVhw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.55.3.tgz",
+      "integrity": "sha512-HI+PIVZ+m+9AgpnY3pt6rinUdRYrGHvmVdsNQ4odNqQ/eRF78DVpMR7mOq7nW06QxpczibwBmeQzB68wJ+4W4A==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.55.3.tgz",
+      "integrity": "sha512-vRByotbdMo3Wdi+8oC2nVxtc3RkkFKrGaok+a62AT8lz/YBuQjaVYAS5Zcs3tPzW43Vsf9J0wehJbUY5xRSekA==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-gnu": {
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.55.3.tgz",
+      "integrity": "sha512-POZHq7UeuzMJljC5NjKi8vKMFN6/5EOqcX1yGntNLp7rUTpBAXQ1hW8kWPFxYLv07QMcNM75xqVLGPWQq6TKFA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.55.3.tgz",
+      "integrity": "sha512-aPFONczE4fUFKNXszdvnd2GqKEYQdV5oEsIbKPujJmWlCI9zEsv1Otig8RKK+X9bed9gFUN6LAeN4ZcNuu4zjg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@sqlite.org/sqlite-wasm": {
+      "version": "3.50.4-build1",
+      "resolved": "https://registry.npmjs.org/@sqlite.org/sqlite-wasm/-/sqlite-wasm-3.50.4-build1.tgz",
+      "integrity": "sha512-Qig2Wso7gPkU1PtXwFzndh+CTRzrIFxVGqv6eCetjU7YqxlHItj+GvQYwYTppCRgAPawtRN/4AJcEgB9xDHGug==",
+      "license": "Apache-2.0",
+      "bin": {
+        "sqlite-wasm": "bin/index.js"
+      }
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
+      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/rbush": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@types/rbush/-/rbush-4.0.0.tgz",
+      "integrity": "sha512-+N+2H39P8X+Hy1I5mC6awlTX54k3FhiUmvt7HWzGJZvF+syUAAxP/stwppS8JE84YHqFgRMv6fCy31202CMFxQ==",
+      "license": "MIT"
+    },
+    "node_modules/@ungap/structured-clone": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.3.0.tgz",
+      "integrity": "sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==",
+      "license": "ISC"
+    },
+    "node_modules/@ungap/with-resolvers": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/@ungap/with-resolvers/-/with-resolvers-0.1.0.tgz",
+      "integrity": "sha512-g7f0IkJdPW2xhY7H4iE72DAsIyfuwEFc6JWc2tYFwKDMWWAF699vGjrM348cwQuOXgHpe1gWFe+Eiyjx/ewvvw==",
+      "license": "ISC"
+    },
+    "node_modules/bootstrap": {
+      "version": "5.3.8",
+      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.8.tgz",
+      "integrity": "sha512-HP1SZDqaLDPwsNiqRqi5NcP0SSXciX2s9E+RyqJIIqGo+vJeN5AJVM98CXmW/Wux0nQ5L7jeWUdplCEf0Ee+tg==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/twbs"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/bootstrap"
+        }
+      ],
+      "license": "MIT",
+      "peerDependencies": {
+        "@popperjs/core": "^2.11.8"
+      }
+    },
+    "node_modules/bootstrap-icons": {
+      "version": "1.13.1",
+      "resolved": "https://registry.npmjs.org/bootstrap-icons/-/bootstrap-icons-1.13.1.tgz",
+      "integrity": "sha512-ijombt4v6bv5CLeXvRWKy7CuM3TRTuPEuGaGKvTV5cz65rQSY8RQ2JcHt6b90cBBAC7s8fsf2EkQDldzCoXUjw==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/twbs"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/bootstrap"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/coincident": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/coincident/-/coincident-1.2.3.tgz",
+      "integrity": "sha512-Uxz3BMTWIslzeWjuQnizGWVg0j6khbvHUQ8+5BdM7WuJEm4ALXwq3wluYoB+uF68uPBz/oUOeJnYURKyfjexlA==",
+      "license": "ISC",
+      "dependencies": {
+        "@ungap/structured-clone": "^1.2.0",
+        "@ungap/with-resolvers": "^0.1.0",
+        "gc-hook": "^0.3.1",
+        "proxy-target": "^3.0.2"
+      },
+      "optionalDependencies": {
+        "ws": "^8.16.0"
+      }
+    },
+    "node_modules/earcut": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/earcut/-/earcut-3.0.2.tgz",
+      "integrity": "sha512-X7hshQbLyMJ/3RPhyObLARM2sNxxmRALLKx1+NVFFnQ9gKzmCrxm9+uLIAdBcvc8FNLpctqlQ2V6AE92Ol9UDQ==",
+      "license": "ISC"
+    },
+    "node_modules/esbuild": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.12.tgz",
+      "integrity": "sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==",
+      "devOptional": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.25.12",
+        "@esbuild/android-arm": "0.25.12",
+        "@esbuild/android-arm64": "0.25.12",
+        "@esbuild/android-x64": "0.25.12",
+        "@esbuild/darwin-arm64": "0.25.12",
+        "@esbuild/darwin-x64": "0.25.12",
+        "@esbuild/freebsd-arm64": "0.25.12",
+        "@esbuild/freebsd-x64": "0.25.12",
+        "@esbuild/linux-arm": "0.25.12",
+        "@esbuild/linux-arm64": "0.25.12",
+        "@esbuild/linux-ia32": "0.25.12",
+        "@esbuild/linux-loong64": "0.25.12",
+        "@esbuild/linux-mips64el": "0.25.12",
+        "@esbuild/linux-ppc64": "0.25.12",
+        "@esbuild/linux-riscv64": "0.25.12",
+        "@esbuild/linux-s390x": "0.25.12",
+        "@esbuild/linux-x64": "0.25.12",
+        "@esbuild/netbsd-arm64": "0.25.12",
+        "@esbuild/netbsd-x64": "0.25.12",
+        "@esbuild/openbsd-arm64": "0.25.12",
+        "@esbuild/openbsd-x64": "0.25.12",
+        "@esbuild/openharmony-arm64": "0.25.12",
+        "@esbuild/sunos-x64": "0.25.12",
+        "@esbuild/win32-arm64": "0.25.12",
+        "@esbuild/win32-ia32": "0.25.12",
+        "@esbuild/win32-x64": "0.25.12"
+      }
+    },
+    "node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/gc-hook": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/gc-hook/-/gc-hook-0.3.1.tgz",
+      "integrity": "sha512-E5M+O/h2o7eZzGhzRZGex6hbB3k4NWqO0eA+OzLRLXxhdbYPajZnynPwAtphnh+cRHPwsj5Z80dqZlfI4eK55A==",
+      "license": "ISC"
+    },
+    "node_modules/geotiff": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/geotiff/-/geotiff-2.1.3.tgz",
+      "integrity": "sha512-PT6uoF5a1+kbC3tHmZSUsLHBp2QJlHasxxxxPW47QIY1VBKpFB+FcDvX+MxER6UzgLQZ0xDzJ9s48B9JbOCTqA==",
+      "license": "MIT",
+      "dependencies": {
+        "@petamoriken/float16": "^3.4.7",
+        "lerc": "^3.0.0",
+        "pako": "^2.0.4",
+        "parse-headers": "^2.0.2",
+        "quick-lru": "^6.1.1",
+        "web-worker": "^1.2.0",
+        "xml-utils": "^1.0.2",
+        "zstddec": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10.19"
+      }
+    },
+    "node_modules/lerc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/lerc/-/lerc-3.0.0.tgz",
+      "integrity": "sha512-Rm4J/WaHhRa93nCN2mwWDZFoRVF18G1f47C+kvQWyHGEZxFpTUi73p7lMVSAndyxGt6lJ2/CFbOcf9ra5p8aww==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "devOptional": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/ol": {
+      "version": "10.7.0",
+      "resolved": "https://registry.npmjs.org/ol/-/ol-10.7.0.tgz",
+      "integrity": "sha512-122U5gamPqNgLpLOkogFJhgpywvd/5en2kETIDW+Ubfi9lPnZ0G9HWRdG+CX0oP8od2d6u6ky3eewIYYlrVczw==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "@types/rbush": "4.0.0",
+        "earcut": "^3.0.0",
+        "geotiff": "^2.1.3",
+        "pbf": "4.0.1",
+        "rbush": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/openlayers"
+      }
+    },
+    "node_modules/ol-ext": {
+      "version": "4.0.37",
+      "resolved": "https://registry.npmjs.org/ol-ext/-/ol-ext-4.0.37.tgz",
+      "integrity": "sha512-RxzdgMWnNBDP9VZCza3oS3rl1+OCl+1SJLMjt7ATyDDLZl/zzrsQELfJ25WAL6HIWgjkQ2vYDh3nnHFupxOH4w==",
+      "license": "BSD-3-Clause",
+      "peerDependencies": {
+        "ol": ">= 5.3.0"
+      }
+    },
+    "node_modules/pako": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-2.1.0.tgz",
+      "integrity": "sha512-w+eufiZ1WuJYgPXbV/PO3NCMEc3xqylkKHzp8bxp1uW4qaSNQUkwmLLEc3kKsfz8lpV1F8Ht3U1Cm+9Srog2ug==",
+      "license": "(MIT AND Zlib)"
+    },
+    "node_modules/parse-headers": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/parse-headers/-/parse-headers-2.0.6.tgz",
+      "integrity": "sha512-Tz11t3uKztEW5FEVZnj1ox8GKblWn+PvHY9TmJV5Mll2uHEwRdR/5Li1OlXoECjLYkApdhWy44ocONwXLiKO5A==",
+      "license": "MIT"
+    },
+    "node_modules/pbf": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/pbf/-/pbf-4.0.1.tgz",
+      "integrity": "sha512-SuLdBvS42z33m8ejRbInMapQe8n0D3vN/Xd5fmWM3tufNgRQFBpaW2YVJxQZV4iPNqb0vEFvssMEo5w9c6BTIA==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "resolve-protobuf-schema": "^2.1.0"
+      },
+      "bin": {
+        "pbf": "bin/pbf"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "devOptional": true,
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.6",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
+      "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
+      "devOptional": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.11",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/protocol-buffers-schema": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/protocol-buffers-schema/-/protocol-buffers-schema-3.6.0.tgz",
+      "integrity": "sha512-TdDRD+/QNdrCGCE7v8340QyuXd4kIWIgapsE2+n/SaGiSSbomYl4TjHlvIoCWRpE7wFt02EpB35VVA2ImcBVqw==",
+      "license": "MIT"
+    },
+    "node_modules/proxy-target": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/proxy-target/-/proxy-target-3.0.2.tgz",
+      "integrity": "sha512-FFE1XNwXX/FNC3/P8HiKaJSy/Qk68RitG/QEcLy/bVnTAPlgTAWPZKh0pARLAnpfXQPKyalBhk009NRTgsk8vQ==",
+      "license": "MIT"
+    },
+    "node_modules/quick-lru": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-6.1.2.tgz",
+      "integrity": "sha512-AAFUA5O1d83pIHEhJwWCq/RQcRukCkn/NSm2QsTEMle5f2hP0ChI2+3Xb051PZCkLryI/Ir1MVKviT2FIloaTQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/quickselect": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/quickselect/-/quickselect-3.0.0.tgz",
+      "integrity": "sha512-XdjUArbK4Bm5fLLvlm5KpTFOiOThgfWWI4axAZDWg4E/0mKdZyI9tNEfds27qCi1ze/vwTR16kvmmGhRra3c2g==",
+      "license": "ISC"
+    },
+    "node_modules/rbush": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/rbush/-/rbush-4.0.1.tgz",
+      "integrity": "sha512-IP0UpfeWQujYC8Jg162rMNc01Rf0gWMMAb2Uxus/Q0qOFw4lCcq6ZnQEZwUoJqWyUGJ9th7JjwI4yIWo+uvoAQ==",
+      "license": "MIT",
+      "dependencies": {
+        "quickselect": "^3.0.0"
+      }
+    },
+    "node_modules/resolve-protobuf-schema": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/resolve-protobuf-schema/-/resolve-protobuf-schema-2.1.0.tgz",
+      "integrity": "sha512-kI5ffTiZWmJaS/huM8wZfEMer1eRd7oJQhDuxeCLe3t7N7mX3z94CN0xPxBQxFYQTSNz9T0i+v6inKqSdK8xrQ==",
+      "license": "MIT",
+      "dependencies": {
+        "protocol-buffers-schema": "^3.3.1"
+      }
+    },
+    "node_modules/rollup": {
+      "version": "4.55.3",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.55.3.tgz",
+      "integrity": "sha512-y9yUpfQvetAjiDLtNMf1hL9NXchIJgWt6zIKeoB+tCd3npX08Eqfzg60V9DhIGVMtQ0AlMkFw5xa+AQ37zxnAA==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "1.0.8"
+      },
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "@rollup/rollup-android-arm-eabi": "4.55.3",
+        "@rollup/rollup-android-arm64": "4.55.3",
+        "@rollup/rollup-darwin-arm64": "4.55.3",
+        "@rollup/rollup-darwin-x64": "4.55.3",
+        "@rollup/rollup-freebsd-arm64": "4.55.3",
+        "@rollup/rollup-freebsd-x64": "4.55.3",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.55.3",
+        "@rollup/rollup-linux-arm-musleabihf": "4.55.3",
+        "@rollup/rollup-linux-arm64-gnu": "4.55.3",
+        "@rollup/rollup-linux-arm64-musl": "4.55.3",
+        "@rollup/rollup-linux-loong64-gnu": "4.55.3",
+        "@rollup/rollup-linux-loong64-musl": "4.55.3",
+        "@rollup/rollup-linux-ppc64-gnu": "4.55.3",
+        "@rollup/rollup-linux-ppc64-musl": "4.55.3",
+        "@rollup/rollup-linux-riscv64-gnu": "4.55.3",
+        "@rollup/rollup-linux-riscv64-musl": "4.55.3",
+        "@rollup/rollup-linux-s390x-gnu": "4.55.3",
+        "@rollup/rollup-linux-x64-gnu": "4.55.3",
+        "@rollup/rollup-linux-x64-musl": "4.55.3",
+        "@rollup/rollup-openbsd-x64": "4.55.3",
+        "@rollup/rollup-openharmony-arm64": "4.55.3",
+        "@rollup/rollup-win32-arm64-msvc": "4.55.3",
+        "@rollup/rollup-win32-ia32-msvc": "4.55.3",
+        "@rollup/rollup-win32-x64-gnu": "4.55.3",
+        "@rollup/rollup-win32-x64-msvc": "4.55.3",
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "devOptional": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/sqlocal": {
+      "version": "0.16.0",
+      "resolved": "https://registry.npmjs.org/sqlocal/-/sqlocal-0.16.0.tgz",
+      "integrity": "sha512-iK9IAnPGW+98Pw0dWvhPZlapEZ9NaAKMEhRsbY1XlXPpAnRXblF6hP3NGtfLcW2dErWRJ79xzX3tAVZ2jNwqCg==",
+      "license": "MIT",
+      "dependencies": {
+        "@sqlite.org/sqlite-wasm": "^3.50.4-build1",
+        "coincident": "^1.2.3"
+      },
+      "funding": {
+        "type": "paypal",
+        "url": "https://www.paypal.com/biz/fund?id=U3ZNM2Q26WJY8"
+      },
+      "peerDependencies": {
+        "@angular/core": ">=17.0.0",
+        "drizzle-orm": "*",
+        "kysely": "*",
+        "react": ">=18.0.0",
+        "vite": ">=4.0.0",
+        "vue": ">=3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@angular/core": {
+          "optional": true
+        },
+        "drizzle-orm": {
+          "optional": true
+        },
+        "kysely": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        },
+        "vite": {
+          "optional": true
+        },
+        "vue": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.15",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
+      "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/vite": {
+      "version": "6.4.1",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-6.4.1.tgz",
+      "integrity": "sha512-+Oxm7q9hDoLMyJOYfUYBuHQo+dkAloi33apOPP56pzj+vsdJDzr+j1NISE5pyaAuKL4A3UD34qd0lx5+kfKp2g==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "^0.25.0",
+        "fdir": "^6.4.4",
+        "picomatch": "^4.0.2",
+        "postcss": "^8.5.3",
+        "rollup": "^4.34.9",
+        "tinyglobby": "^0.2.13"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0",
+        "jiti": ">=1.21.0",
+        "less": "*",
+        "lightningcss": "^1.21.0",
+        "sass": "*",
+        "sass-embedded": "*",
+        "stylus": "*",
+        "sugarss": "*",
+        "terser": "^5.16.0",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "jiti": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/web-worker": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/web-worker/-/web-worker-1.5.0.tgz",
+      "integrity": "sha512-RiMReJrTAiA+mBjGONMnjVDP2u3p9R1vkcGz6gDIrOMT3oGuYwX2WRMYI9ipkphSuE5XKEhydbhNEJh4NY9mlw==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/ws": {
+      "version": "8.19.0",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.19.0.tgz",
+      "integrity": "sha512-blAT2mjOEIi0ZzruJfIhb3nps74PRWTCz1IjglWEEpQl5XS/UNama6u2/rjFkDDouqr4L67ry+1aGIALViWjDg==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/xml-utils": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/xml-utils/-/xml-utils-1.10.2.tgz",
+      "integrity": "sha512-RqM+2o1RYs6T8+3DzDSoTRAUfrvaejbVHcp3+thnAtDKo8LskR+HomLajEy5UjTz24rpka7AxVBRR3g2wTUkJA==",
+      "license": "CC0-1.0"
+    },
+    "node_modules/zstddec": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/zstddec/-/zstddec-0.1.0.tgz",
+      "integrity": "sha512-w2NTI8+3l3eeltKAdK8QpiLo/flRAr2p8AGeakfMZOXBxOg9HIu4LVDxBi81sYgVhFhdJjv1OrB5ssI8uFPoLg==",
+      "license": "MIT AND BSD-3-Clause"
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..8a686d4
--- /dev/null
+++ b/package.json
@@ -0,0 +1,25 @@
+{
+  "name": "lupmis-pwa",
+  "version": "1.0.0",
+  "type": "module",
+  "description": "LUPMIS Field Data Collection PWA with offline SQLite and maps",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "bootstrap": "^5.3.3",
+    "bootstrap-icons": "^1.11.3",
+    "@popperjs/core": "^2.11.8",
+    "ol": "^10.3.0",
+    "ol-ext": "^4.0.24",
+    "sqlocal": "^0.16.0"
+  },
+  "devDependencies": {
+    "vite": "^6.0.0"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  }
+}
diff --git a/vite.config.js b/vite.config.js
new file mode 100644
index 0000000..3f6a8e6
--- /dev/null
+++ b/vite.config.js
@@ -0,0 +1,47 @@
+/**
+ * Vite Configuration
+ *
+ * Configures:
+ * - Cross-origin isolation headers (required for OPFS/SQLite)
+ * - Worker bundling
+ */
+
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+  // Development server configuration
+  server: {
+    headers: {
+      // Required for OPFS (Origin Private File System) access
+      'Cross-Origin-Opener-Policy': 'same-origin',
+      'Cross-Origin-Embedder-Policy': 'require-corp',
+    },
+  },
+
+  // Preview server (npm run preview) configuration
+  preview: {
+    headers: {
+      'Cross-Origin-Opener-Policy': 'same-origin',
+      'Cross-Origin-Embedder-Policy': 'require-corp',
+    },
+  },
+
+  // Build configuration
+  build: {
+    // Generate source maps for debugging
+    sourcemap: true,
+
+    // Target modern browsers that support OPFS
+    target: 'esnext',
+  },
+
+  // Worker configuration
+  worker: {
+    format: 'es',
+  },
+
+  // Dependency optimization
+  optimizeDeps: {
+    exclude: ['sqlocal'],
+  },
+});

Ready:	${status.ready ? 'Yes' : 'No'}
Online:	${isOnline() ? 'Yes' : 'Offline'}
Database:	`${status.databasePath \|\| 'N/A'}`
Tables:	${status.tables.map(t => `${t}`).join('')}
Locations:	${status.locationCount}