feat: implement analytics component

Author: drduhe

.gitignore

@@ -37,3 +37,4 @@ __pycache__/
 /doc/_apidoc/
 /build
 /public/cesium/
+docs/

package-lock.json

@@ -26,44 +26,44 @@
     }
   },
   "dependencies": {
-    "@aws-sdk/client-dynamodb": "^3.971.0",
-    "@aws-sdk/client-s3": "^3.971.0",
-    "@aws-sdk/client-sagemaker": "^3.971.0",
-    "@aws-sdk/client-sqs": "^3.971.0",
-    "@aws-sdk/client-sts": "^3.971.0",
-    "@aws-sdk/credential-providers": "^3.971.0",
-    "@aws-sdk/util-dynamodb": "^3.971.0",
+    "@aws-sdk/client-dynamodb": "^3.997.0",
+    "@aws-sdk/client-s3": "^3.997.0",
+    "@aws-sdk/client-sagemaker": "^3.997.0",
+    "@aws-sdk/client-sqs": "^3.997.0",
+    "@aws-sdk/client-sts": "^3.997.0",
+    "@aws-sdk/credential-providers": "^3.997.0",
+    "@aws-sdk/util-dynamodb": "^3.996.1",
     "config-ini-parser": "^1.6.1",
-    "electron-updater": "^6.7.3",
-    "resium": "^1.19.2",
+    "electron-updater": "^6.8.3",
+    "resium": "^1.19.4",
     "uuid": "^13.0.0"
   },
   "devDependencies": {
-    "@playwright/test": "^1.57.0",
+    "@playwright/test": "^1.58.2",
     "@types/jest": "^30.0.0",
-    "@types/react": "^19.2.9",
+    "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@types/uuid": "^11.0.0",
-    "@typescript-eslint/eslint-plugin": "^8.53.1",
-    "@vitejs/plugin-react": "^5.1.2",
-    "cesium": "^1.137.0",
-    "electron": "^40.0.0",
-    "electron-builder": "^26.5.0",
-    "eslint": "^9.39.2",
+    "@typescript-eslint/eslint-plugin": "^8.56.1",
+    "@vitejs/plugin-react": "^5.1.4",
+    "cesium": "^1.138.0",
+    "electron": "^40.6.1",
+    "electron-builder": "^26.8.1",
+    "eslint": "^10.0.2",
     "eslint-config-prettier": "^10.1.8",
     "eslint-import-resolver-typescript": "^4.4.4",
     "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-jest": "^29.12.1",
+    "eslint-plugin-jest": "^29.15.0",
     "eslint-plugin-prettier": "^5.5.5",
     "eslint-plugin-promise": "^7.2.1",
     "eslint-plugin-simple-import-sort": "^12.1.1",
     "jest": "^30.2.0",
     "lint-staged": "^16.2.7",
-    "patch-package": "^8.0.0",
-    "prettier": "^3.8.0",
-    "react": "^19.2.3",
-    "react-dom": "^19.2.3",
-    "sass": "^1.97.2",
+    "patch-package": "^8.0.1",
+    "prettier": "^3.8.1",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "sass": "^1.97.3",
     "ts-jest": "^29.4.6",
     "typescript": "^5.9.3",
     "vite": "^7.3.1",

package.json

@@ -14,6 +14,8 @@ import Logo from "@/components/Logo";
 import FeaturePopup, { type FeaturePopupData } from "@/components/FeaturePopup";
 import ConfigWarnings from "@/components/alert/ConfigWarnings";
 import { ResourceProvider } from "@/context/ResourceContext";
+import { AnalyticsProvider } from "@/context/AnalyticsContext";
+import { AnalyticsPanel } from "@/components/analytics";
 import type { ImageRequestState } from "@/types";
 
 /** Natural Earth II fallback (offline, bundled with Cesium) */
@@ -45,6 +47,7 @@ const App = () => {
 
   const [baseLayer, setBaseLayer] = useState<Cesium.ImageryLayer | null>(null);
   const [featurePopupData, setFeaturePopupData] = useState<FeaturePopupData | null>(null);
+  const [showAnalytics, setShowAnalytics] = useState(false);
 
   // Callback for feature clicks -- called from cesiumHelper
   const handleFeaturePopup = useCallback((data: FeaturePopupData | null) => {
@@ -101,22 +104,56 @@ const App = () => {
       fullscreenButton={false}
     >
       <ResourceProvider>
-        <Logo />
-        <OsmlTray
-          imageRequestStatus={imageRequestStatus}
-          setImageRequestStatus={setImageRequestStatus}
-          onFeatureClick={handleFeaturePopup}
-        />
-        <StatusDisplay
-          imageRequestStatus={imageRequestStatus}
-          setImageRequestStatus={setImageRequestStatus}
-        />
-        {featurePopupData && (
-          <FeaturePopup
-            data={featurePopupData}
-            onClose={() => setFeaturePopupData(null)}
+        <AnalyticsProvider>
+          <Logo />
+          <OsmlTray
+            imageRequestStatus={imageRequestStatus}
+            setImageRequestStatus={setImageRequestStatus}
+            onFeatureClick={handleFeaturePopup}
           />
-        )}
+          <div className="analytics-toggle">
+            <button
+              onClick={() => setShowAnalytics((prev) => !prev)}
+              title="Toggle Analytics Panel"
+              style={{
+                background: showAnalytics ? "rgba(0, 115, 187, 0.3)" : "rgba(12, 15, 22, 0.7)",
+                backdropFilter: "blur(12px)",
+                WebkitBackdropFilter: "blur(12px)",
+                border: "1px solid rgba(255, 255, 255, 0.1)",
+                borderRadius: "10px",
+                padding: "8px 12px",
+                cursor: "pointer",
+                color: "rgba(255, 255, 255, 0.8)",
+                fontSize: "13px",
+                fontFamily: "inherit",
+                display: "flex",
+                alignItems: "center",
+                gap: "6px",
+                transition: "all 0.15s ease",
+              }}
+            >
+              <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
+                <rect x="1" y="8" width="3" height="7" rx="1" fill="currentColor" opacity="0.6" />
+                <rect x="5.5" y="5" width="3" height="10" rx="1" fill="currentColor" opacity="0.7" />
+                <rect x="10" y="2" width="3" height="13" rx="1" fill="currentColor" opacity="0.9" />
+              </svg>
+              Analytics
+            </button>
+          </div>
+          {showAnalytics && (
+            <AnalyticsPanel onClose={() => setShowAnalytics(false)} />
+          )}
+          <StatusDisplay
+            imageRequestStatus={imageRequestStatus}
+            setImageRequestStatus={setImageRequestStatus}
+          />
+          {featurePopupData && (
+            <FeaturePopup
+              data={featurePopupData}
+              onClose={() => setFeaturePopupData(null)}
+            />
+          )}
+        </AnalyticsProvider>
       </ResourceProvider>
     </ResiumViewer>
     </>