@localazy/strapi-plugin 1.0.11 → 1.1.1

package/dist/_chunks/{LocalazyApp-H3kYTy7p.mjs → LocalazyApp-Czkb4s5J.mjs}

@@ -1,22 +1,24 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useNavigate, useLocation, NavLink, Routes, Route } from "react-router-dom";
-import { i as ForwardRef$2H, j as ForwardRef$d, k as ForwardRef$3P, c as Flex, L as Loader, B as Button, e as Box, T as Typography, l as Link, m as SubNav, n as SubNavHeader, o as SubNavSections, p as SubNavSection, q as SubNavLink, r as ForwardRef$L, G as Grid, D as Divider, s as darkTheme, t as lightTheme, A as Alert, u as Dialog, v as DesignSystemProvider } from "./index-BIHAiJnE.mjs";
-import { useState, useEffect } from "react";
-import { u as useLocalazyIdentity, v as LocalazyUserService, w as emptyIdentity, P as PluginSettingsService, c as cloneDeep, s as set, L as LocalazyIdentityProvider, F as FetchIdentity } from "./FetchIdentity-CkL7UYRt.mjs";
-import { P as PLUGIN_ID } from "./index-C_svJuLd.mjs";
+import { useNavigate, useLocation, NavLink, useParams, Routes, Route } from "react-router-dom";
+import { o as ForwardRef$2H, p as ForwardRef$d, q as ForwardRef$3P, r as ForwardRef$4j, c as Flex, L as Loader, e as Button, B as Box, T as Typography, g as Link, s as SubNav, t as SubNavHeader, u as SubNavSections, v as SubNavSection, w as SubNavLink, x as ForwardRef$L, G as Grid, j as Divider, f as ForwardRef$3, A as Alert, D as Dialog, y as ForwardRef$4L, z as ForwardRef$4N, P as Pagination, E as PreviousLink, H as PageLink, I as Dots, N as NextLink, J as lodashExports, K as ForwardRef$j, i as ForwardRef$2x, F as Field, O as DatePicker$1, Q as Tabs, R as ForwardRef$57, l as DesignSystemProvider } from "./index-CHjIMO9T.mjs";
+import React__default, { useState, useEffect, useCallback, useMemo, useRef } from "react";
+import { u as useLocalazyIdentity, w as LocalazyUserService, x as emptyIdentity, P as PluginSettingsService, c as cloneDeep, s as set, g as getDefaultTheme, H as HeadingFixGlobalStyle, L as LocalazyIdentityProvider, F as FetchIdentity } from "./FetchIdentity-DeThazz9.mjs";
+import { P as PLUGIN_ID } from "./index-Bpf1Mw2A.mjs";
 import { u as useTranslation } from "./useTranslation-CZQ4lU1m.mjs";
 import { g as getDefaultExportFromCjs } from "./_commonjsHelpers-DWwsNxpa.mjs";
-import { c as createStrapiApiAxiosInstance } from "./strapi-api-base-BTpukPev.mjs";
-import { P as ProjectService, L as LanguagesSelector } from "./LanguagesSelector-BUSLrXE9.mjs";
+import { c as createStrapiApiAxiosInstance } from "./strapi-api-base-Bem_CGuz.mjs";
+import { P as ProjectService, L as LanguagesSelector } from "./LanguagesSelector-D62gLZsM.mjs";
 import { Layouts, Page } from "@strapi/strapi/admin";
-import "./i18n-Bga-GG_Z.mjs";
-import { h as hasModelChanged } from "./has-model-changed-VkgGfN-6.mjs";
+import "./i18n-QelOdIB2.mjs";
+import { h as hasModelChanged } from "./has-model-changed-6p1lR-Ho.mjs";
+import { useTheme } from "styled-components";
 var PLUGIN_ROUTES = /* @__PURE__ */ ((PLUGIN_ROUTES2) => {
   PLUGIN_ROUTES2["ROOT"] = "";
   PLUGIN_ROUTES2["LOGIN"] = "login";
   PLUGIN_ROUTES2["UPLOAD"] = "upload";
   PLUGIN_ROUTES2["DOWNLOAD"] = "download";
   PLUGIN_ROUTES2["OVERVIEW"] = "overview";
+  PLUGIN_ROUTES2["ACTIVITY_LOGS"] = "activity-logs";
   PLUGIN_ROUTES2["CONTENT_TRANSFER_SETUP"] = "content-transfer-setup";
   PLUGIN_ROUTES2["GLOBAL_SETTINGS"] = "global-settings";
   return PLUGIN_ROUTES2;
@@ -64,6 +66,14 @@ const useNav = () => {
       icon: /* @__PURE__ */ jsx(ForwardRef$3P, {}),
       to: `/plugins/${PLUGIN_ID}/download`,
       active: false
+    },
+    {
+      id: "activity-logs",
+      label: t2("common.activity_logs"),
+      description: t2("activity_logs.description"),
+      icon: /* @__PURE__ */ jsx(ForwardRef$4j, {}),
+      to: `/plugins/${PLUGIN_ID}/activity-logs`,
+      active: false
     }
   ];
 };
@@ -1115,12 +1125,12 @@ function l(t2, e2) {
   const n2 = e2 || "https://localazy.com";
   return "/" !== new URL(n2).pathname ? `${n2}?${a2.toString()}` : `${n2}/oauth/authorize?${a2.toString()}`;
 }
-const BASE_PATH$2 = "/auth";
-const axiosInstance = createStrapiApiAxiosInstance();
+const BASE_PATH$3 = "/auth";
+const axiosInstance$1 = createStrapiApiAxiosInstance();
 class LocalazyLoginService {
   static async generateKeys() {
     try {
-      const result = await axiosInstance.get(`${BASE_PATH$2}/generate-keys`);
+      const result = await axiosInstance$1.get(`${BASE_PATH$3}/generate-keys`);
       return result.data;
     } catch (e2) {
       throw e2;
@@ -1128,7 +1138,7 @@ class LocalazyLoginService {
   }
   static async continuousPoll(readKey) {
     try {
-      const result = await axiosInstance.get(`${BASE_PATH$2}/continuous-poll?readKey=${readKey}`);
+      const result = await axiosInstance$1.get(`${BASE_PATH$3}/continuous-poll?readKey=${readKey}`);
       return result.data;
     } catch (e2) {
       throw e2;
@@ -1354,13 +1364,14 @@ class ProductAnalyticsService {
     }
   }
   static async buildData(event, project, params) {
-    const { version } = await PluginService.getPluginVersion();
+    const { version, versionStrapi } = await PluginService.getPluginVersion();
     return {
       event,
       data: {
         "Project Id": project.id,
         "Project Name": project.name,
         version,
+        versionStrapi,
         ...params
       }
     };
@@ -1376,7 +1387,7 @@ const Login = ({ title, subtitle, isLoading = false }) => {
   };
   useEffect(() => {
     if (isLoggedIn && identity.user && identity.project) {
-      ProductAnalyticsService.trackAppConnected(identity.user.id, identity.project);
+      void ProductAnalyticsService.trackAppConnected(identity.user.id, identity.project);
     }
   }, [isLoggedIn, identity]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -1427,7 +1438,7 @@ const LogoutButton = (props) => {
   const { setIdentity } = useLocalazyIdentity();
   const logout = async () => {
     setIsLoading(true);
-    LocalazyUserService.deleteIdentity();
+    void LocalazyUserService.deleteIdentity();
     setIdentity(emptyIdentity);
     setIsLoading(false);
     props.onResultFetched();
@@ -1463,13 +1474,13 @@ const Overview = ({ title, subtitle, isLoadingProp = false }) => {
       setIsLoading(true);
       const project = await ProjectService.getConnectedProject();
       setConnectedProject(project);
-      PluginSettingsService.updatePluginSettings({ defaultRoute: PLUGIN_ROUTES.OVERVIEW });
+      void PluginSettingsService.updatePluginSettings({ defaultRoute: PLUGIN_ROUTES.OVERVIEW });
       setIsLoading(false);
     }
-    initComponent();
+    void initComponent();
   }, []);
   const onLoggedOut = () => {
-    ProductAnalyticsService.trackAppDisconnected(identity.user.id, identity.project);
+    void ProductAnalyticsService.trackAppDisconnected(identity.user.id, identity.project);
     navigateToPluginRoute(PLUGIN_ROUTES.LOGIN);
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -1478,8 +1489,7 @@ const Overview = ({ title, subtitle, isLoadingProp = false }) => {
       {
         title,
         subtitle,
-        primaryAction: /* @__PURE__ */ jsx(LogoutButton, { onResultFetched: onLoggedOut }),
-        as: "h2"
+        primaryAction: /* @__PURE__ */ jsx(LogoutButton, { onResultFetched: onLoggedOut })
       }
     ),
     (isLoadingProp || isLoading) && /* @__PURE__ */ jsx(PluginPageLoader, {}),
@@ -1525,21 +1535,56 @@ const Overview = ({ title, subtitle, isLoadingProp = false }) => {
     ) })
   ] });
 };
-const THEME_KEY = "STRAPI_THEME";
-const getDefaultThemeName = () => {
-  const persistedTheme = localStorage.getItem(THEME_KEY);
-  return persistedTheme || "system";
-};
-const getDefaultTheme = () => {
-  const themeName = getDefaultThemeName();
-  return themeName === "system" ? window.matchMedia("(prefers-color-scheme: dark)").matches ? darkTheme : lightTheme : themeName === "dark" ? darkTheme : lightTheme;
+class ErrorBoundaryInner extends React__default.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false, error: null };
+  }
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
+  }
+  reset = () => {
+    this.setState({ hasError: false, error: null });
+  };
+  render() {
+    if (this.state.hasError && this.state.error) {
+      return this.props.fallback(this.state.error, this.reset);
+    }
+    return this.props.children;
+  }
+}
+const ErrorFallback = ({ error, reset }) => {
+  const { t: t2 } = useTranslation();
+  const { setIdentity } = useLocalazyIdentity();
+  const handleDisconnect = useCallback(() => {
+    void LocalazyUserService.deleteIdentity();
+    setIdentity(emptyIdentity);
+    reset();
+  }, [setIdentity, reset]);
+  return /* @__PURE__ */ jsx(Layouts.Root, { children: /* @__PURE__ */ jsx(Box, { padding: 10, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "center", gap: 6, paddingTop: 10, children: [
+    /* @__PURE__ */ jsx(ForwardRef$3, { width: 48, height: 48, fill: "danger600" }),
+    /* @__PURE__ */ jsx(Typography, { variant: "alpha", textColor: "neutral800", children: t2("common.error_boundary_title") }),
+    /* @__PURE__ */ jsx(Box, { maxWidth: "600px", children: /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral600", textAlign: "center", children: t2("common.error_boundary_description") }) }),
+    /* @__PURE__ */ jsx(Box, { padding: 4, background: "neutral100", hasRadius: true, maxWidth: "600px", width: "100%", children: /* @__PURE__ */ jsx(
+      Typography,
+      {
+        variant: "pi",
+        textColor: "neutral500",
+        tag: "pre",
+        style: { whiteSpace: "pre-wrap", wordBreak: "break-word" },
+        children: error.message
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Button, { startIcon: /* @__PURE__ */ jsx(ForwardRef$L, {}), variant: "danger-light", onClick: handleDisconnect, children: t2("common.error_boundary_disconnect") })
+  ] }) }) });
 };
-const BASE_PATH$1 = "/transfer";
+const PluginErrorBoundary = ({ children }) => /* @__PURE__ */ jsx(ErrorBoundaryInner, { fallback: (error, reset) => /* @__PURE__ */ jsx(ErrorFallback, { error, reset }), children });
+const BASE_PATH$2 = "/transfer";
 class LocalazyUploadService {
   static async upload(data = {}) {
     try {
       const strapiApiInstance2 = createStrapiApiAxiosInstance();
-      const result = await strapiApiInstance2.post(`${BASE_PATH$1}/upload`, data);
+      const result = await strapiApiInstance2.post(`${BASE_PATH$2}/upload`, data);
       return result.data;
     } catch (e2) {
       throw e2.data;
@@ -4999,7 +5044,7 @@ const Upload = (props) => {
       setIsUploading(false);
       setShowUploadFinishedModal(true);
     });
-    ProductAnalyticsService.trackUploadToLocalazy(identity.user.id, identity.project, {
+    void ProductAnalyticsService.trackUploadToLocalazy(identity.user.id, identity.project, {
       "Source Language Code": localazySourceLanguage.code
     });
   };
@@ -5016,10 +5061,10 @@ const Upload = (props) => {
       setLocalazySourceLanguage(sourceLanguage);
       setModelChanged(modelChangedResult);
       setLocalesIncompatible(!localesCompatibleResult);
-      PluginSettingsService.updatePluginSettings({ defaultRoute: PLUGIN_ROUTES.UPLOAD });
+      void PluginSettingsService.updatePluginSettings({ defaultRoute: PLUGIN_ROUTES.UPLOAD });
       setIsLoading(false);
     }
-    initComponent();
+    void initComponent();
   }, []);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
@@ -5036,8 +5081,7 @@ const Upload = (props) => {
             onClick: onUploadClick,
             children: t2("upload.upload_to_localazy")
           }
-        ),
-        as: "h2"
+        )
       }
     ),
     isLoading && /* @__PURE__ */ jsx(PluginPageLoader, {}),
@@ -5111,12 +5155,12 @@ const Upload = (props) => {
     ] })
   ] });
 };
-const BASE_PATH = "/transfer";
+const BASE_PATH$1 = "/transfer";
 class LocalazyDownloadService {
   static async download(data = {}) {
     try {
       const strapiApiInstance2 = createStrapiApiAxiosInstance();
-      const result = await strapiApiInstance2.post(`${BASE_PATH}/download`, data);
+      const result = await strapiApiInstance2.post(`${BASE_PATH$1}/download`, data);
       return result.data;
     } catch (e2) {
       throw e2.data;
@@ -5156,7 +5200,7 @@ const Download = (props) => {
     set(newFormModel, "download.uiLanguages", languages);
     setFormModel(newFormModel);
     try {
-      PluginSettingsService.updatePluginSettings(newFormModel);
+      void PluginSettingsService.updatePluginSettings(newFormModel);
     } catch (e2) {
       console.error(e2.message);
     }
@@ -5186,13 +5230,11 @@ const Download = (props) => {
       setshowDownloadFinishedModal(true);
       try {
         const cursor = await PluginSettingsService.getSyncCursor();
-        setHasSyncCursor(
-          cursor?.processedKeys !== void 0 && Object.keys(cursor.processedKeys).length > 0
-        );
-      } catch (_e) {
+        setHasSyncCursor(cursor?.processedKeys !== void 0 && Object.keys(cursor.processedKeys).length > 0);
+      } catch {
       }
     });
-    ProductAnalyticsService.trackDownloadToStrapi(identity.user.id, identity.project, {
+    void ProductAnalyticsService.trackDownloadToStrapi(identity.user.id, identity.project, {
       "Target Languages Codes": "all"
     });
   };
@@ -5208,16 +5250,14 @@ const Download = (props) => {
       ]);
       setModelChanged(modelChangedResult);
       setLocalesIncompatible(!localesCompatibleResult);
-      setHasSyncCursor(
-        syncCursor?.processedKeys !== void 0 && Object.keys(syncCursor.processedKeys).length > 0
-      );
+      setHasSyncCursor(syncCursor?.processedKeys !== void 0 && Object.keys(syncCursor.processedKeys).length > 0);
       const projectLanguagesWithoutDefaultLanguage = project?.languages?.filter((language) => language.id !== project.sourceLanguage) || [];
       setProjectLanguages(projectLanguagesWithoutDefaultLanguage);
       setFormModel(globalSettings);
-      PluginSettingsService.updatePluginSettings({ defaultRoute: PLUGIN_ROUTES.DOWNLOAD });
+      void PluginSettingsService.updatePluginSettings({ defaultRoute: PLUGIN_ROUTES.DOWNLOAD });
       setIsLoading(false);
     }
-    initComponent();
+    void initComponent();
   }, []);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
@@ -5246,8 +5286,7 @@ const Download = (props) => {
               children: t2("download.incremental_download")
             }
           )
-        ] }),
-        as: "h2"
+        ] })
       }
     ),
     isLoading && /* @__PURE__ */ jsx(PluginPageLoader, {}),
@@ -5334,7 +5373,7 @@ const Download = (props) => {
             variant: "danger-light",
             onClick: () => {
               setShowFullSyncConfirm(false);
-              onDownloadClick(true);
+              void onDownloadClick(true);
             },
             children: t2("download.full_sync")
           }
@@ -5343,6 +5382,677 @@ const Download = (props) => {
     ] }) })
   ] });
 };
+const BASE_PATH = "/activity-logs";
+const axiosInstance = createStrapiApiAxiosInstance();
+class ActivityLogsService {
+  static async getSessions(type) {
+    const params = type ? `?type=${type}` : "";
+    const result = await axiosInstance.get(`${BASE_PATH}${params}`);
+    return result.data;
+  }
+  static async getSession(sessionId) {
+    const result = await axiosInstance.get(`${BASE_PATH}/${sessionId}`);
+    return result.data;
+  }
+  static async exportSessions() {
+    const result = await axiosInstance.get(`${BASE_PATH}/export`);
+    return result.data;
+  }
+  static async clearSessions() {
+    const result = await axiosInstance.delete(`${BASE_PATH}`);
+    return result.data;
+  }
+}
+const exportAsJson = (data, filename) => {
+  const json = JSON.stringify(data, null, 2);
+  const blob = new Blob([json], { type: "application/json" });
+  const url2 = URL.createObjectURL(blob);
+  const a2 = document.createElement("a");
+  a2.href = url2;
+  a2.download = filename.endsWith(".json") ? filename : `${filename}.json`;
+  a2.click();
+  URL.revokeObjectURL(url2);
+};
+const exportLogsAsJson = async () => {
+  const sessions = await ActivityLogsService.exportSessions();
+  exportAsJson(sessions, `localazy-activity-logs-${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}`);
+};
+const formatDate = (timestamp) => {
+  return new Date(timestamp).toLocaleString();
+};
+const formatTime = (timestamp) => {
+  return new Date(timestamp).toLocaleTimeString(void 0, {
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit",
+    fractionalSecondDigits: 3
+  });
+};
+const formatDuration = (start, end) => {
+  if (!end) return "-";
+  const diff = end - start;
+  if (diff < 1e3) return `${diff}ms`;
+  if (diff < 6e4) return `${Math.round(diff / 1e3)}s`;
+  return `${Math.round(diff / 6e4)}m ${Math.round(diff % 6e4 / 1e3)}s`;
+};
+const getStatusColor = (status) => {
+  switch (status) {
+    case "completed":
+      return "success600";
+    case "failed":
+      return "danger600";
+    case "in-progress":
+      return "warning600";
+    default:
+      return "neutral600";
+  }
+};
+const SortableHeader = ({ label, sortKey, activeSortKey, direction, onSort }) => {
+  const isActive = sortKey === activeSortKey;
+  const theme = useTheme();
+  return /* @__PURE__ */ jsx(
+    "th",
+    {
+      onClick: () => onSort(sortKey),
+      style: {
+        textAlign: "left",
+        padding: "12px 16px",
+        borderBottom: `1px solid ${theme.colors.neutral150}`,
+        cursor: "pointer",
+        userSelect: "none"
+      },
+      children: /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 1, children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: isActive ? "primary600" : "neutral600", children: label }),
+        /* @__PURE__ */ jsx("span", { style: { width: 8, display: "inline-flex", flexShrink: 0 }, children: isActive && (direction === "asc" ? /* @__PURE__ */ jsx(ForwardRef$4L, { width: 8, height: 8 }) : /* @__PURE__ */ jsx(ForwardRef$4N, { width: 8, height: 8 })) })
+      ] })
+    }
+  );
+};
+const HighlightMatch = ({ text, query }) => {
+  const theme = useTheme();
+  if (!query) return /* @__PURE__ */ jsx(Fragment, { children: text });
+  const escaped = query.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+  const parts2 = text.split(new RegExp(`(${escaped})`, "gi"));
+  if (parts2.length === 1) return /* @__PURE__ */ jsx(Fragment, { children: text });
+  return /* @__PURE__ */ jsx(Fragment, { children: parts2.map(
+    (part, i2) => part.toLowerCase() === query.toLowerCase() ? /* @__PURE__ */ jsx("span", { style: { backgroundColor: theme.colors.warning200, borderRadius: "2px", padding: "0 1px" }, children: part }, i2) : part
+  ) });
+};
+const StatusLabel = ({ status, searchQuery }) => {
+  const { t: t2 } = useTranslation();
+  const label = status === "in-progress" ? t2("activity_logs.status_in_progress") : status === "completed" ? t2("activity_logs.status_completed") : t2("activity_logs.status_failed");
+  return /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: getStatusColor(status), children: searchQuery ? /* @__PURE__ */ jsx(HighlightMatch, { text: label, query: searchQuery }) : label });
+};
+const DEFAULT_SORT = { key: "startedAt", direction: "desc" };
+const PAGE_SIZE = 20;
+const getDuration = (session) => {
+  if (!session.finishedAt) return Infinity;
+  return session.finishedAt - session.startedAt;
+};
+const compareSessions = (a2, b, sortKey, direction) => {
+  let cmp = 0;
+  switch (sortKey) {
+    case "status":
+      cmp = a2.status.localeCompare(b.status);
+      break;
+    case "startedAt":
+      cmp = a2.startedAt - b.startedAt;
+      break;
+    case "duration":
+      cmp = getDuration(a2) - getDuration(b);
+      break;
+    case "initiatedBy":
+      cmp = a2.initiatedBy.localeCompare(b.initiatedBy);
+      break;
+    case "summary":
+      cmp = (a2.summary || "").localeCompare(b.summary || "");
+      break;
+  }
+  return direction === "asc" ? cmp : -cmp;
+};
+const SessionsTable = ({ sessions, searchQuery, dateFrom, dateTo, eventType, sortPreferences, onSortChange, onSessionClick, t: t2 }) => {
+  const theme = useTheme();
+  const stored = sortPreferences[eventType];
+  const [sortKey, setSortKey] = useState(stored?.key || DEFAULT_SORT.key);
+  const [sortDirection, setSortDirection] = useState(
+    stored?.direction || DEFAULT_SORT.direction
+  );
+  const [page, setPage] = useState(1);
+  useEffect(() => {
+    const pref = sortPreferences[eventType];
+    if (pref?.key) setSortKey(pref.key);
+    if (pref?.direction) setSortDirection(pref.direction);
+  }, [eventType, sortPreferences]);
+  useEffect(() => {
+    setPage(1);
+  }, [searchQuery, dateFrom, dateTo, eventType]);
+  const onSort = (key) => {
+    const newDirection = key === sortKey ? sortDirection === "asc" ? "desc" : "asc" : "asc";
+    setSortKey(key);
+    setSortDirection(newDirection);
+    onSortChange(eventType, key, newDirection);
+    setPage(1);
+  };
+  const filteredSessions = sessions.filter((session) => {
+    if (dateFrom) {
+      const startOfDay = new Date(dateFrom.getUTCFullYear(), dateFrom.getUTCMonth(), dateFrom.getUTCDate()).getTime();
+      if (session.startedAt < startOfDay) return false;
+    }
+    if (dateTo) {
+      const endOfDay = new Date(
+        dateTo.getUTCFullYear(),
+        dateTo.getUTCMonth(),
+        dateTo.getUTCDate(),
+        23,
+        59,
+        59,
+        999
+      ).getTime();
+      if (session.startedAt > endOfDay) return false;
+    }
+    if (!searchQuery) return true;
+    const query = searchQuery.toLowerCase();
+    return session.summary.toLowerCase().includes(query) || session.initiatedBy.toLowerCase().includes(query) || session.status.toLowerCase().includes(query) || formatDate(session.startedAt).toLowerCase().includes(query);
+  }).sort((a2, b) => compareSessions(a2, b, sortKey, sortDirection));
+  const totalCount = filteredSessions.length;
+  const totalPages = Math.max(1, Math.ceil(totalCount / PAGE_SIZE));
+  const safePage = Math.min(page, totalPages);
+  const paginatedSessions = filteredSessions.slice((safePage - 1) * PAGE_SIZE, safePage * PAGE_SIZE);
+  if (filteredSessions.length === 0) {
+    return /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral600", children: t2("activity_logs.no_sessions") }) });
+  }
+  return /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsxs("table", { style: { width: "100%", borderCollapse: "collapse" }, children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx(
+          SortableHeader,
+          {
+            label: t2("activity_logs.status"),
+            sortKey: "status",
+            activeSortKey: sortKey,
+            direction: sortDirection,
+            onSort
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          SortableHeader,
+          {
+            label: t2("activity_logs.started_at"),
+            sortKey: "startedAt",
+            activeSortKey: sortKey,
+            direction: sortDirection,
+            onSort
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          SortableHeader,
+          {
+            label: t2("activity_logs.duration"),
+            sortKey: "duration",
+            activeSortKey: sortKey,
+            direction: sortDirection,
+            onSort
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          SortableHeader,
+          {
+            label: t2("activity_logs.initiated_by"),
+            sortKey: "initiatedBy",
+            activeSortKey: sortKey,
+            direction: sortDirection,
+            onSort
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          SortableHeader,
+          {
+            label: t2("activity_logs.summary"),
+            sortKey: "summary",
+            activeSortKey: sortKey,
+            direction: sortDirection,
+            onSort
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { children: paginatedSessions.map((session) => /* @__PURE__ */ jsxs(
+        "tr",
+        {
+          onClick: () => onSessionClick(session.id),
+          style: { cursor: "pointer", borderBottom: `1px solid ${theme.colors.neutral150}` },
+          onMouseEnter: (e2) => {
+            e2.currentTarget.style.backgroundColor = theme.colors.neutral100;
+          },
+          onMouseLeave: (e2) => {
+            e2.currentTarget.style.backgroundColor = "transparent";
+          },
+          children: [
+            /* @__PURE__ */ jsx("td", { style: { padding: "12px 16px" }, children: /* @__PURE__ */ jsx(StatusLabel, { status: session.status, searchQuery }) }),
+            /* @__PURE__ */ jsx("td", { style: { padding: "12px 16px" }, children: /* @__PURE__ */ jsx(Typography, { variant: "omega", children: /* @__PURE__ */ jsx(HighlightMatch, { text: formatDate(session.startedAt), query: searchQuery }) }) }),
+            /* @__PURE__ */ jsx("td", { style: { padding: "12px 16px" }, children: /* @__PURE__ */ jsx(Typography, { variant: "omega", children: formatDuration(session.startedAt, session.finishedAt) }) }),
+            /* @__PURE__ */ jsx("td", { style: { padding: "12px 16px" }, children: /* @__PURE__ */ jsx(Typography, { variant: "omega", children: /* @__PURE__ */ jsx(HighlightMatch, { text: session.initiatedBy, query: searchQuery }) }) }),
+            /* @__PURE__ */ jsx("td", { style: { padding: "12px 16px" }, children: /* @__PURE__ */ jsx(Typography, { variant: "omega", children: /* @__PURE__ */ jsx(HighlightMatch, { text: session.summary || "-", query: searchQuery }) }) })
+          ]
+        },
+        session.id
+      )) })
+    ] }),
+    /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsxs(Pagination, { activePage: safePage, pageCount: totalPages, children: [
+      /* @__PURE__ */ jsx(PreviousLink, { onClick: () => setPage(Math.max(1, safePage - 1)) }),
+      (() => {
+        const pages = [];
+        const WINDOW = 2;
+        if (totalPages <= 7) {
+          for (let i2 = 1; i2 <= totalPages; i2++) {
+            pages.push(/* @__PURE__ */ jsx(PageLink, { number: i2, onClick: () => setPage(i2) }, i2));
+          }
+        } else {
+          pages.push(/* @__PURE__ */ jsx(PageLink, { number: 1, onClick: () => setPage(1) }, 1));
+          if (safePage > 1 + WINDOW + 1) {
+            pages.push(/* @__PURE__ */ jsx(Dots, {}, "dots-start"));
+          }
+          const start = Math.max(2, safePage - WINDOW);
+          const end = Math.min(totalPages - 1, safePage + WINDOW);
+          for (let i2 = start; i2 <= end; i2++) {
+            pages.push(/* @__PURE__ */ jsx(PageLink, { number: i2, onClick: () => setPage(i2) }, i2));
+          }
+          if (safePage < totalPages - WINDOW - 1) {
+            pages.push(/* @__PURE__ */ jsx(Dots, {}, "dots-end"));
+          }
+          pages.push(/* @__PURE__ */ jsx(PageLink, { number: totalPages, onClick: () => setPage(totalPages) }, totalPages));
+        }
+        return pages;
+      })(),
+      /* @__PURE__ */ jsx(NextLink, { onClick: () => setPage(Math.min(totalPages, safePage + 1)) })
+    ] }) })
+  ] });
+};
+const DEBOUNCE_MS = 300;
+const useDebouncedSearch = () => {
+  const [searchInput, setSearchInput] = useState("");
+  const [searchQuery, setSearchQuery] = useState("");
+  const debouncedSetQuery = useMemo(() => lodashExports.debounce((value2) => setSearchQuery(value2), DEBOUNCE_MS), []);
+  useEffect(() => {
+    return () => {
+      debouncedSetQuery.cancel();
+    };
+  }, [debouncedSetQuery]);
+  const onSearchChange = useCallback(
+    (value2) => {
+      setSearchInput(value2);
+      debouncedSetQuery(value2);
+    },
+    [debouncedSetQuery]
+  );
+  return { searchInput, searchQuery, onSearchChange };
+};
+const ActivityLogs = (props) => {
+  const { t: t2 } = useTranslation();
+  const navigate = useNavigate();
+  const [isLoading, setIsLoading] = useState(true);
+  const [sessions, setSessions] = useState([]);
+  const [activeTab, setActiveTab] = useState("upload");
+  const { searchInput, searchQuery, onSearchChange } = useDebouncedSearch();
+  const [dateFrom, setDateFrom] = useState(void 0);
+  const [dateTo, setDateTo] = useState(void 0);
+  const [showClearConfirm, setShowClearConfirm] = useState(false);
+  const [clearSuccess, setClearSuccess] = useState(false);
+  const [sortPreferences, setSortPreferences] = useState({});
+  const saveSortTimerRef = useRef(null);
+  const debouncedSaveSortPrefs = useCallback((prefs) => {
+    if (saveSortTimerRef.current) clearTimeout(saveSortTimerRef.current);
+    saveSortTimerRef.current = setTimeout(() => {
+      void PluginSettingsService.updatePluginSettings({ activityLogsSort: prefs });
+    }, 1e3);
+  }, []);
+  const onSortChange = (eventType, key, direction) => {
+    const updated = { ...sortPreferences, [eventType]: { key, direction } };
+    setSortPreferences(updated);
+    debouncedSaveSortPrefs(updated);
+  };
+  const fetchSessions = async (type, showLoader = true) => {
+    if (showLoader) setIsLoading(true);
+    try {
+      const data = await ActivityLogsService.getSessions(type);
+      setSessions(data || []);
+    } catch (e2) {
+      console.error("Failed to fetch activity logs:", e2);
+      setSessions([]);
+    }
+    if (showLoader) setIsLoading(false);
+  };
+  const onTabChange = (value2) => {
+    setActiveTab(value2);
+    void fetchSessions(value2, false);
+  };
+  const onSessionClick = (sessionId) => {
+    navigate(`/plugins/${PLUGIN_ID}/activity-logs/${sessionId}`);
+  };
+  const onExportLogs = async () => {
+    try {
+      await exportLogsAsJson();
+    } catch (e2) {
+      console.error("Failed to export activity logs:", e2);
+    }
+  };
+  const onClearLogs = async () => {
+    try {
+      await ActivityLogsService.clearSessions();
+      setSessions([]);
+      setClearSuccess(true);
+      setShowClearConfirm(false);
+      setTimeout(() => setClearSuccess(false), 3e3);
+    } catch (e2) {
+      console.error("Failed to clear activity logs:", e2);
+    }
+  };
+  useEffect(() => {
+    const init = async () => {
+      try {
+        const settings = await PluginSettingsService.getPluginSettings();
+        if (settings?.activityLogsSort) {
+          setSortPreferences(settings.activityLogsSort);
+        }
+      } catch {
+      }
+      void fetchSessions("upload");
+    };
+    void init();
+    void PluginSettingsService.updatePluginSettings({ defaultRoute: PLUGIN_ROUTES.ACTIVITY_LOGS });
+  }, []);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Layouts.Header,
+      {
+        title: props.title,
+        subtitle: props.subtitle,
+        primaryAction: /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+          /* @__PURE__ */ jsx(Button, { variant: "secondary", startIcon: /* @__PURE__ */ jsx(ForwardRef$3P, {}), onClick: onExportLogs, children: t2("activity_logs.export_logs") }),
+          /* @__PURE__ */ jsx(Button, { variant: "danger-light", startIcon: /* @__PURE__ */ jsx(ForwardRef$j, {}), onClick: () => setShowClearConfirm(true), children: t2("activity_logs.clear_logs") })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(Box, { paddingRight: 10, paddingLeft: 10, paddingBottom: 4, children: /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
+      /* @__PURE__ */ jsx(ForwardRef$2x, { width: 14, height: 14, fill: "neutral500" }),
+      /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", children: t2("activity_logs.retention_info") })
+    ] }) }),
+    isLoading && /* @__PURE__ */ jsx(PluginPageLoader, {}),
+    !isLoading && /* @__PURE__ */ jsxs(Box, { paddingRight: 10, paddingLeft: 10, children: [
+      clearSuccess && /* @__PURE__ */ jsx(Box, { marginBottom: 4, children: /* @__PURE__ */ jsx(Alert, { onClose: () => setClearSuccess(false), closeLabel: t2("activity_logs.close"), variant: "success", children: t2("activity_logs.clear_logs_success") }) }),
+      /* @__PURE__ */ jsxs(
+        Box,
+        {
+          background: "neutral0",
+          paddingTop: 6,
+          paddingRight: 7,
+          paddingBottom: 6,
+          paddingLeft: 7,
+          hasRadius: true,
+          shadow: "tableShadow",
+          children: [
+            /* @__PURE__ */ jsxs(Flex, { marginBottom: 4, gap: 3, wrap: "wrap", alignItems: "center", children: [
+              /* @__PURE__ */ jsx(Box, { grow: 1, basis: "200px", children: /* @__PURE__ */ jsx(Field.Root, { children: /* @__PURE__ */ jsx(
+                Field.Input,
+                {
+                  placeholder: t2("activity_logs.search_placeholder"),
+                  value: searchInput,
+                  onChange: (e2) => onSearchChange(e2.target.value)
+                }
+              ) }) }),
+              /* @__PURE__ */ jsx(Box, { basis: "160px", children: /* @__PURE__ */ jsx(
+                DatePicker$1,
+                {
+                  placeholder: t2("activity_logs.date_from"),
+                  value: dateFrom,
+                  onChange: (date) => {
+                    if (!date) {
+                      setDateFrom(void 0);
+                      return;
+                    }
+                    setDateFrom(new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate())));
+                  },
+                  onClear: () => setDateFrom(void 0),
+                  clearLabel: t2("activity_logs.clear"),
+                  size: "M"
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Box, { basis: "160px", children: /* @__PURE__ */ jsx(
+                DatePicker$1,
+                {
+                  placeholder: t2("activity_logs.date_to"),
+                  value: dateTo,
+                  onChange: (date) => {
+                    if (!date) {
+                      setDateTo(void 0);
+                      return;
+                    }
+                    setDateTo(new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate())));
+                  },
+                  onClear: () => setDateTo(void 0),
+                  clearLabel: t2("activity_logs.clear"),
+                  size: "M"
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxs(Tabs.Root, { value: activeTab, onValueChange: onTabChange, children: [
+              /* @__PURE__ */ jsxs(Tabs.List, { children: [
+                /* @__PURE__ */ jsx(Tabs.Trigger, { value: "upload", children: t2("activity_logs.tab_upload") }),
+                /* @__PURE__ */ jsx(Tabs.Trigger, { value: "download", children: t2("activity_logs.tab_download") }),
+                /* @__PURE__ */ jsx(Tabs.Trigger, { value: "webhook", children: t2("activity_logs.tab_webhooks") })
+              ] }),
+              /* @__PURE__ */ jsx(Tabs.Content, { value: "upload", children: /* @__PURE__ */ jsx(
+                SessionsTable,
+                {
+                  sessions,
+                  searchQuery,
+                  dateFrom,
+                  dateTo,
+                  eventType: "upload",
+                  sortPreferences,
+                  onSortChange,
+                  onSessionClick,
+                  t: t2
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Tabs.Content, { value: "download", children: /* @__PURE__ */ jsx(
+                SessionsTable,
+                {
+                  sessions,
+                  searchQuery,
+                  dateFrom,
+                  dateTo,
+                  eventType: "download",
+                  sortPreferences,
+                  onSortChange,
+                  onSessionClick,
+                  t: t2
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Tabs.Content, { value: "webhook", children: /* @__PURE__ */ jsx(
+                SessionsTable,
+                {
+                  sessions,
+                  searchQuery,
+                  dateFrom,
+                  dateTo,
+                  eventType: "webhook",
+                  sortPreferences,
+                  onSortChange,
+                  onSessionClick,
+                  t: t2
+                }
+              ) })
+            ] })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(Dialog.Root, { open: showClearConfirm, onOpenChange: setShowClearConfirm, children: /* @__PURE__ */ jsxs(Dialog.Content, { children: [
+      /* @__PURE__ */ jsx(Dialog.Header, { children: t2("activity_logs.clear_logs") }),
+      /* @__PURE__ */ jsx(Dialog.Body, { children: /* @__PURE__ */ jsx(Typography, { variant: "omega", children: t2("activity_logs.clear_logs_confirm") }) }),
+      /* @__PURE__ */ jsxs(Dialog.Footer, { children: [
+        /* @__PURE__ */ jsx(Dialog.Cancel, { children: /* @__PURE__ */ jsx(Button, { variant: "tertiary", children: t2("activity_logs.close") }) }),
+        /* @__PURE__ */ jsx(Dialog.Action, { children: /* @__PURE__ */ jsx(Button, { variant: "danger-light", onClick: onClearLogs, children: t2("activity_logs.clear_logs") }) })
+      ] })
+    ] }) })
+  ] });
+};
+const SessionMetadata = ({ session, showEntryCount }) => {
+  const { t: t2 } = useTranslation();
+  return /* @__PURE__ */ jsxs(Flex, { gap: 6, wrap: "wrap", children: [
+    /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: t2("activity_logs.status") }),
+      /* @__PURE__ */ jsx("br", {}),
+      /* @__PURE__ */ jsx(StatusLabel, { status: session.status })
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: t2("activity_logs.started_at") }),
+      /* @__PURE__ */ jsx("br", {}),
+      /* @__PURE__ */ jsx(Typography, { variant: "omega", children: formatDate(session.startedAt) })
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: t2("activity_logs.duration") }),
+      /* @__PURE__ */ jsx("br", {}),
+      /* @__PURE__ */ jsx(Typography, { variant: "omega", children: formatDuration(session.startedAt, session.finishedAt) })
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: t2("activity_logs.initiated_by") }),
+      /* @__PURE__ */ jsx("br", {}),
+      /* @__PURE__ */ jsx(Typography, { variant: "omega", children: session.initiatedBy })
+    ] }),
+    showEntryCount !== void 0 && /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: t2("activity_logs.entries_count") }),
+      /* @__PURE__ */ jsx("br", {}),
+      /* @__PURE__ */ jsx(Typography, { variant: "omega", children: showEntryCount })
+    ] })
+  ] });
+};
+const ActivityLogDetail = (props) => {
+  const { t: t2 } = useTranslation();
+  const theme = useTheme();
+  const { sessionId } = useParams();
+  const [isLoading, setIsLoading] = useState(true);
+  const [session, setSession] = useState(null);
+  const { searchInput, searchQuery, onSearchChange } = useDebouncedSearch();
+  useEffect(() => {
+    const fetchSession = async () => {
+      if (!sessionId) return;
+      setIsLoading(true);
+      try {
+        const data = await ActivityLogsService.getSession(sessionId);
+        setSession(data);
+      } catch (e2) {
+        console.error("Failed to fetch session detail:", e2);
+      }
+      setIsLoading(false);
+    };
+    void fetchSession();
+  }, [sessionId]);
+  const filteredEntries = (session?.entries || []).filter((entry) => {
+    if (!searchQuery) return true;
+    const query = searchQuery.toLowerCase();
+    return entry.message.toLowerCase().includes(query) || formatTime(entry.timestamp).toLowerCase().includes(query);
+  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Layouts.Header,
+      {
+        title: props.title,
+        subtitle: props.subtitle,
+        navigationAction: /* @__PURE__ */ jsx(Link, { tag: NavLink, to: `/plugins/${PLUGIN_ID}/activity-logs`, startIcon: /* @__PURE__ */ jsx(ForwardRef$57, {}), children: t2("activity_logs.back_to_list") })
+      }
+    ),
+    isLoading && /* @__PURE__ */ jsx(PluginPageLoader, {}),
+    !isLoading && !session && /* @__PURE__ */ jsx(Box, { paddingRight: 10, paddingLeft: 10, children: /* @__PURE__ */ jsx(Typography, { variant: "omega", children: t2("activity_logs.no_sessions") }) }),
+    !isLoading && session && /* @__PURE__ */ jsxs(Box, { paddingRight: 10, paddingLeft: 10, children: [
+      /* @__PURE__ */ jsxs(
+        Box,
+        {
+          background: "neutral0",
+          paddingTop: 6,
+          paddingRight: 7,
+          paddingBottom: 6,
+          paddingLeft: 7,
+          hasRadius: true,
+          shadow: "tableShadow",
+          children: [
+            /* @__PURE__ */ jsx(SessionMetadata, { session, showEntryCount: session.entries.length }),
+            session.summary && /* @__PURE__ */ jsxs(Box, { marginTop: 4, children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: t2("activity_logs.summary") }),
+              /* @__PURE__ */ jsx("br", {}),
+              /* @__PURE__ */ jsx(Typography, { variant: "omega", children: session.summary })
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(Box, { marginTop: 4, children: /* @__PURE__ */ jsxs(
+        Box,
+        {
+          background: "neutral0",
+          paddingTop: 6,
+          paddingRight: 7,
+          paddingBottom: 6,
+          paddingLeft: 7,
+          hasRadius: true,
+          shadow: "tableShadow",
+          children: [
+            /* @__PURE__ */ jsx(Box, { marginBottom: 4, children: /* @__PURE__ */ jsx(Field.Root, { children: /* @__PURE__ */ jsx(
+              Field.Input,
+              {
+                placeholder: t2("activity_logs.search_entries_placeholder"),
+                value: searchInput,
+                onChange: (e2) => onSearchChange(e2.target.value)
+              }
+            ) }) }),
+            /* @__PURE__ */ jsx(Divider, {}),
+            filteredEntries.length === 0 && /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral600", children: t2("activity_logs.no_entries") }) }),
+            filteredEntries.map((entry, index) => /* @__PURE__ */ jsxs(
+              Box,
+              {
+                paddingTop: 3,
+                paddingBottom: 3,
+                paddingLeft: 4,
+                paddingRight: 4,
+                style: {
+                  borderBottom: index < filteredEntries.length - 1 ? `1px solid ${theme.colors.neutral150}` : "none",
+                  fontFamily: "monospace"
+                },
+                children: [
+                  /* @__PURE__ */ jsxs(Flex, { gap: 3, children: [
+                    /* @__PURE__ */ jsx(
+                      Typography,
+                      {
+                        variant: "pi",
+                        textColor: "neutral500",
+                        style: { whiteSpace: "nowrap", fontFamily: "monospace" },
+                        children: /* @__PURE__ */ jsx(HighlightMatch, { text: formatTime(entry.timestamp), query: searchQuery })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(Typography, { variant: "omega", style: { fontFamily: "monospace" }, children: /* @__PURE__ */ jsx(HighlightMatch, { text: entry.message, query: searchQuery }) })
+                  ] }),
+                  entry.data && /* @__PURE__ */ jsx(Box, { marginTop: 2, marginLeft: 6, children: /* @__PURE__ */ jsx(
+                    Typography,
+                    {
+                      variant: "pi",
+                      textColor: "neutral500",
+                      style: {
+                        fontFamily: "monospace",
+                        whiteSpace: "pre-wrap",
+                        wordBreak: "break-all"
+                      },
+                      children: JSON.stringify(entry.data, null, 2)
+                    }
+                  ) })
+                ]
+              },
+              index
+            ))
+          ]
+        }
+      ) })
+    ] })
+  ] });
+};
 const App = () => {
   const { navigateToPluginRoute } = useRedirectToPluginRoute();
   const location2 = useLocation();
@@ -5368,24 +6078,41 @@ const App = () => {
         navigateToPluginRoute(lastRoute);
       }
     };
-    fetchData();
+    void fetchData();
   }, [isLoggedIn, isFetchingIdentity, normalizedPath]);
-  return /* @__PURE__ */ jsx(DesignSystemProvider, { theme: getDefaultTheme(), children: /* @__PURE__ */ jsx(Box, { background: "neutral100", children: /* @__PURE__ */ jsxs(Layouts.Root, { sideNav: isLoggedIn && /* @__PURE__ */ jsx(SideNav, {}), children: [
-    isFetchingIdentity && /* @__PURE__ */ jsx(PluginPageLoader, {}),
-    /* @__PURE__ */ jsxs(Routes, { children: [
-      /* @__PURE__ */ jsx(Route, { path: `login`, element: /* @__PURE__ */ jsx(Login, { title: headerTitle, subtitle: headerSubtitle, isLoading: false }) }),
-      /* @__PURE__ */ jsx(
-        Route,
-        {
-          path: `overview`,
-          element: /* @__PURE__ */ jsx(Overview, { title: headerTitle, subtitle: headerSubtitle, isLoadingProp: false })
-        }
-      ),
-      /* @__PURE__ */ jsx(Route, { path: `upload`, element: /* @__PURE__ */ jsx(Upload, { title: headerTitle, subtitle: headerSubtitle }) }),
-      /* @__PURE__ */ jsx(Route, { path: `download`, element: /* @__PURE__ */ jsx(Download, { title: headerTitle, subtitle: headerSubtitle }) }),
-      /* @__PURE__ */ jsx(Route, { path: "*", element: /* @__PURE__ */ jsx(Page.Error, {}) })
-    ] })
-  ] }) }) });
+  return /* @__PURE__ */ jsxs(DesignSystemProvider, { theme: getDefaultTheme(), children: [
+    /* @__PURE__ */ jsx(HeadingFixGlobalStyle, {}),
+    /* @__PURE__ */ jsx(PluginErrorBoundary, { children: /* @__PURE__ */ jsx(Box, { background: "neutral100", children: /* @__PURE__ */ jsxs(Layouts.Root, { sideNav: isLoggedIn && /* @__PURE__ */ jsx(SideNav, {}), children: [
+      isFetchingIdentity && /* @__PURE__ */ jsx(PluginPageLoader, {}),
+      /* @__PURE__ */ jsxs(Routes, { children: [
+        /* @__PURE__ */ jsx(
+          Route,
+          {
+            path: `login`,
+            element: /* @__PURE__ */ jsx(Login, { title: headerTitle, subtitle: headerSubtitle, isLoading: false })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Route,
+          {
+            path: `overview`,
+            element: /* @__PURE__ */ jsx(Overview, { title: headerTitle, subtitle: headerSubtitle, isLoadingProp: false })
+          }
+        ),
+        /* @__PURE__ */ jsx(Route, { path: `upload`, element: /* @__PURE__ */ jsx(Upload, { title: headerTitle, subtitle: headerSubtitle }) }),
+        /* @__PURE__ */ jsx(Route, { path: `download`, element: /* @__PURE__ */ jsx(Download, { title: headerTitle, subtitle: headerSubtitle }) }),
+        /* @__PURE__ */ jsx(Route, { path: `activity-logs`, element: /* @__PURE__ */ jsx(ActivityLogs, { title: headerTitle, subtitle: headerSubtitle }) }),
+        /* @__PURE__ */ jsx(
+          Route,
+          {
+            path: `activity-logs/:sessionId`,
+            element: /* @__PURE__ */ jsx(ActivityLogDetail, { title: headerTitle, subtitle: headerSubtitle })
+          }
+        ),
+        /* @__PURE__ */ jsx(Route, { path: "*", element: /* @__PURE__ */ jsx(Page.Error, {}) })
+      ] })
+    ] }) }) })
+  ] });
 };
 const LocalazyApp = () => /* @__PURE__ */ jsxs(LocalazyIdentityProvider, { children: [
   /* @__PURE__ */ jsx(FetchIdentity, {}),