@kiteapps/lite-ui 0.1.0 → 0.1.1

package/dist/index.mjs

@@ -1,10 +1,11 @@
-// src/widgets/Primitives.jsx
-import React, { useId, useState } from "react";
+// src/widgets/Primitives.tsx
+import { useId, useState } from "react";
 import { CircleHelp, Info, X } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 function Button({ children, variant = "neutral", icon: Icon, className = "", ...props }) {
   return /* @__PURE__ */ jsxs("button", { className: `ad-button ad-button--${variant} ${className}`, ...props, children: [
     Icon && /* @__PURE__ */ jsx(Icon, { size: 13, strokeWidth: 1.8 }),
+    " ",
     children
   ] });
 }
@@ -34,9 +35,9 @@ function CheckRow({ children, defaultChecked = false, checked, onChange, disable
   const [local, setLocal] = useState(defaultChecked);
   const isChecked = checked === void 0 ? local : checked;
   return /* @__PURE__ */ jsxs("label", { className: `ad-check-row ${disabled ? "is-disabled" : ""} ${className}`, children: [
-    /* @__PURE__ */ jsx("input", { type: "checkbox", checked: isChecked, disabled, onChange: (e) => {
-      setLocal(e.target.checked);
-      onChange?.(e.target.checked);
+    /* @__PURE__ */ jsx("input", { type: "checkbox", checked: isChecked, disabled, onChange: (event) => {
+      if (checked === void 0) setLocal(event.target.checked);
+      onChange?.(event.target.checked);
     } }),
     /* @__PURE__ */ jsx("span", { className: "ad-check-box", "aria-hidden": "true" }),
     /* @__PURE__ */ jsx("span", { children }),
@@ -103,21 +104,22 @@ function Notice({ children, tone = "info" }) {
     /* @__PURE__ */ jsx("div", { children })
   ] });
 }
-function DataTable({ columns = [], rows = [], empty = "No Data Available", onRowClick, getRowId = (row, index) => row.id ?? index }) {
+function DataTable({ columns = [], rows = [], empty = "No Data Available", onRowClick, getRowId = (row, index) => !Array.isArray(row) && row.id != null ? String(row.id) : index }) {
   return /* @__PURE__ */ jsx("div", { className: "ad-table-wrap", children: /* @__PURE__ */ jsxs("table", { className: "ad-table", children: [
     /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: columns.map((raw, index) => {
-      const column = typeof raw === "string" ? { key: index, label: raw } : raw;
-      return /* @__PURE__ */ jsx("th", { children: column.label }, column.key ?? index);
+      const column = typeof raw === "string" ? { key: String(index), label: raw } : raw;
+      return /* @__PURE__ */ jsx("th", { children: column.label }, column.key);
     }) }) }),
     /* @__PURE__ */ jsx("tbody", { children: rows.length ? rows.map((row, index) => /* @__PURE__ */ jsx("tr", { onClick: () => onRowClick?.(row, index), children: columns.map((raw, columnIndex) => {
-      const column = typeof raw === "string" ? { key: columnIndex, label: raw } : raw;
-      return /* @__PURE__ */ jsx("td", { children: column.render ? column.render(row, index) : Array.isArray(row) ? row[columnIndex] : row[column.key] }, column.key ?? columnIndex);
+      const column = typeof raw === "string" ? { key: String(columnIndex), label: raw } : raw;
+      const value = "render" in column && column.render ? column.render(row, index) : Array.isArray(row) ? row[columnIndex] : row[column.key];
+      return /* @__PURE__ */ jsx("td", { children: value }, column.key);
     }) }, getRowId(row, index))) : /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { className: "ad-empty", colSpan: columns.length, children: empty }) }) })
   ] }) });
 }
 function Modal({ title, children, open, onClose, footer, closeLabel = "Close" }) {
   if (!open) return null;
-  return /* @__PURE__ */ jsx("div", { className: "ad-modal-backdrop", onMouseDown: onClose, children: /* @__PURE__ */ jsxs("div", { className: "ad-modal", role: "dialog", "aria-modal": "true", "aria-label": title, onMouseDown: (e) => e.stopPropagation(), children: [
+  return /* @__PURE__ */ jsx("div", { className: "ad-modal-backdrop", onMouseDown: onClose, children: /* @__PURE__ */ jsxs("div", { className: "ad-modal", role: "dialog", "aria-modal": "true", "aria-label": title, onMouseDown: (event) => event.stopPropagation(), children: [
     /* @__PURE__ */ jsxs("div", { className: "ad-modal-head", children: [
       /* @__PURE__ */ jsx("strong", { children: title }),
       /* @__PURE__ */ jsx(IconButton, { icon: X, label: closeLabel, onClick: onClose })
@@ -127,8 +129,8 @@ function Modal({ title, children, open, onClose, footer, closeLabel = "Close" })
   ] }) });
 }
 
-// src/widgets/Shell.jsx
-import React2, { useEffect, useState as useState2 } from "react";
+// src/widgets/Shell.tsx
+import { useEffect, useState as useState2 } from "react";
 import { Bell, ChevronDown, ChevronRight, Download, Grid3X3, Search, Settings, UserRound } from "lucide-react";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var MAIN_SECTIONS = ["Dashboard", "Reports", "Configuration", "Admin", "Support"];
@@ -140,16 +142,18 @@ function TopNavigation({ sections = MAIN_SECTIONS, active = "Admin", onChange, a
   }) });
 }
 function ShellHeader({ brand = "ADSelfService Plus", brandIcon, showBrandOrbit = true, sections = MAIN_SECTIONS, navigationLabel = "Main navigation", activeSection = "Admin", onSectionChange, directories = ["Active Directory", "Microsoft Entra ID"], directory, defaultDirectory, onDirectoryChange, showDownload = true, downloadLabel = "Download Now", onDownload, utilityItems = ["License", "Talk Back"], showNotifications = true, notifications = 2, notificationLabel, onNotificationsClick, showUserMenu = true, userMenuLabel = "User menu", onUserClick, showSearch = true, searchPlaceholder = "Search Employee", searchLabel = "Search Employee", searchValue, onSearchChange, showSettings = true, settingsLabel = "Domain Settings", onSettingsClick, rightContent }) {
-  const [localDirectory, setLocalDirectory] = useState2(defaultDirectory ?? directories[0]);
+  const initialDirectory = defaultDirectory ?? (typeof directories[0] === "string" ? directories[0] : directories[0]?.value);
+  const [localDirectory, setLocalDirectory] = useState2(initialDirectory);
   const [localSearch, setLocalSearch] = useState2("");
   const currentDirectory = directory ?? localDirectory;
   const directoryItem = directories.find((item) => (typeof item === "string" ? item : item.value) === currentDirectory);
   const currentDirectoryLabel = typeof directoryItem === "string" ? directoryItem : directoryItem?.label || currentDirectory;
   const currentSearch = searchValue ?? localSearch;
   const switchDirectory = () => {
+    if (!directories.length) return;
     const index = directories.findIndex((item) => (typeof item === "string" ? item : item.value) === currentDirectory);
     const next = directories[(index + 1) % directories.length];
-    const value = typeof next === "string" ? next : next?.value;
+    const value = typeof next === "string" ? next : next.value;
     if (directory === void 0) setLocalDirectory(value);
     onDirectoryChange?.(value, next);
   };
@@ -245,8 +249,8 @@ function AdminShell({ groups = [], screen, onScreenChange, children, activeSecti
   return /* @__PURE__ */ jsx2(AppShell, { activeSection, onSectionChange, sidebar: sidebar || /* @__PURE__ */ jsx2(CollapsibleSidebar, { groups, selected: screen, onSelect: onScreenChange }), hideSidebar, mainClassName, ...shellProps, children });
 }
 
-// src/widgets/DashboardWidgets.jsx
-import React3, { useState as useState3 } from "react";
+// src/widgets/DashboardWidgets.tsx
+import { useState as useState3 } from "react";
 import { Clock3, UserRoundPlus, Files, AppWindow, Maximize2, MoreHorizontal, RefreshCw, Settings as Settings2, X as X2 } from "lucide-react";
 import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var DASHBOARD_METRICS = [
@@ -368,7 +372,7 @@ function DashboardToolbar({ domains = ["ADSELFSERVICE"], domain, defaultDomain,
   return /* @__PURE__ */ jsxs3("div", { className: "dash-toolbar", children: [
     /* @__PURE__ */ jsx3("label", { htmlFor: "dash-domain", children: domainLabel }),
     /* @__PURE__ */ jsx3("select", { id: "dash-domain", value: domain, defaultValue: domain === void 0 ? defaultDomain ?? (typeof domains[0] === "string" ? domains[0] : domains[0]?.value) : void 0, onChange: (event) => {
-      const item = domains.map((raw) => typeof raw === "string" ? { value: raw, label: raw } : raw).find((option) => option.value === event.target.value);
+      const item = domains.find((option) => (typeof option === "string" ? option : option.value) === event.target.value);
       onDomainChange?.(event.target.value, item);
     }, children: domains.map((option) => {
       const item = typeof option === "string" ? { value: option, label: option } : option;
@@ -399,7 +403,7 @@ function DashboardLayout({ metrics, charts, shortcuts, showShortcuts = true }) {
 }
 function ExpandedWidget({ title, onClose, children, closeLabel = "Close expanded widget" }) {
   if (!title) return null;
-  return /* @__PURE__ */ jsx3("div", { className: "dash-overlay", role: "presentation", onMouseDown: onClose, children: /* @__PURE__ */ jsxs3("div", { className: "dash-expanded", role: "dialog", "aria-modal": "true", "aria-label": title, onMouseDown: (e) => e.stopPropagation(), children: [
+  return /* @__PURE__ */ jsx3("div", { className: "dash-overlay", role: "presentation", onMouseDown: onClose, children: /* @__PURE__ */ jsxs3("div", { className: "dash-expanded", role: "dialog", "aria-modal": "true", "aria-label": title, onMouseDown: (event) => event.stopPropagation(), children: [
     /* @__PURE__ */ jsxs3("div", { className: "dash-expanded-heading", children: [
       /* @__PURE__ */ jsx3("strong", { children: title }),
       /* @__PURE__ */ jsx3("button", { type: "button", "aria-label": closeLabel, onClick: onClose, children: /* @__PURE__ */ jsx3(X2, { size: 18 }) })
@@ -408,8 +412,8 @@ function ExpandedWidget({ title, onClose, children, closeLabel = "Close expanded
   ] }) });
 }
 
-// src/widgets/ReportWidgets.jsx
-import React4, { useEffect as useEffect2, useMemo, useState as useState4 } from "react";
+// src/widgets/ReportWidgets.tsx
+import { useEffect as useEffect2, useMemo, useState as useState4 } from "react";
 import { AlarmClock, ChevronDown as ChevronDown2, ChevronRight as ChevronRight2, CircleHelp as CircleHelp2, Info as Info2, Search as Search2 } from "lucide-react";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var REPORT_GROUPS = [
@@ -431,9 +435,9 @@ function ReportNavigation({ groups = REPORT_GROUPS, selected, defaultSelected, o
   return /* @__PURE__ */ jsxs4("div", { className: "report-navigation", children: [
     /* @__PURE__ */ jsxs4("label", { className: "report-search", children: [
       /* @__PURE__ */ jsx4(Search2, { size: 15 }),
-      /* @__PURE__ */ jsx4("input", { "aria-label": searchLabel, placeholder: searchPlaceholder, value: query, onChange: (e) => {
-        setQuery(e.target.value);
-        onSearchChange?.(e.target.value);
+      /* @__PURE__ */ jsx4("input", { "aria-label": searchLabel, placeholder: searchPlaceholder, value: query, onChange: (event) => {
+        setQuery(event.target.value);
+        onSearchChange?.(event.target.value);
       } })
     ] }),
     /* @__PURE__ */ jsx4("nav", { "aria-label": ariaLabel, children: visibleGroups.map((group) => /* @__PURE__ */ jsxs4("div", { children: [
@@ -458,13 +462,13 @@ function ReportCategoryBar({ groups = REPORT_GROUPS, selected, defaultSelected,
       group.label,
       /* @__PURE__ */ jsx4(ChevronDown2, { size: 10 })
     ] }),
-    open === group.label && /* @__PURE__ */ jsx4("div", { className: "report-category-menu", children: group.items.map((raw, i) => {
+    open === group.label && /* @__PURE__ */ jsx4("div", { className: "report-category-menu", children: group.items.map((raw, index) => {
       const item = normalizeReport(raw);
       return /* @__PURE__ */ jsx4("button", { type: "button", className: currentSelected === item.id ? "is-active" : "", onClick: () => {
         if (selected === void 0) setLocalSelected(item.id);
         onSelect?.(item.id, item);
         setOpen("");
-      }, children: item.label }, item.id ?? i);
+      }, children: item.label }, item.id ?? index);
     }) })
   ] }, group.id ?? group.label)) });
 }
@@ -477,7 +481,7 @@ function ReportFilters({ domains = ["ADSELFSERVICE"], domain, defaultDomain, onD
       /* @__PURE__ */ jsx4("label", { htmlFor: "report-domain", children: labels.domain || "Select Domain" }),
       /* @__PURE__ */ jsx4("select", { id: "report-domain", value: domain, defaultValue: domain === void 0 ? defaultDomain ?? (typeof domains[0] === "string" ? domains[0] : domains[0]?.value) : void 0, onChange: (event) => {
         const value = event.target.value;
-        const item = domains.map((raw) => typeof raw === "string" ? { value: raw, label: raw } : raw).find((option) => option.value === value);
+        const item = domains.find((raw) => (typeof raw === "string" ? raw : raw.value) === value);
         onDomainChange?.(value, item);
       }, children: domains.map((raw) => {
         const item = typeof raw === "string" ? { value: raw, label: raw } : raw;
@@ -495,8 +499,8 @@ function ReportFilters({ domains = ["ADSELFSERVICE"], domain, defaultDomain, onD
         const item = typeof raw === "string" ? { value: raw, label: raw } : raw;
         return /* @__PURE__ */ jsxs4("label", { children: [
           /* @__PURE__ */ jsx4("input", { type: "radio", name: "report-ou", checked: selectedOu === item.value, onChange: () => {
-            setLocalOu(item.value);
-            onOuChange?.(item.value, item);
+            if (ou === void 0) setLocalOu(item.value);
+            onOuChange?.(item.value, raw);
             setOuOpen(false);
           } }),
           " ",
@@ -532,8 +536,8 @@ function ReportPageHeading({ title, onSchedule, scheduleLabel = "Schedule Report
   ] });
 }
 
-// src/widgets/ConfigurationWidgets.jsx
-import React5, { useState as useState5 } from "react";
+// src/widgets/ConfigurationWidgets.tsx
+import { useState as useState5 } from "react";
 import { ChevronDown as ChevronDown3, ChevronLeft, ChevronRight as ChevronRight3, ChevronsLeft, ChevronsRight, Copy, KeyRound, LockKeyhole, Pencil, Plus, Search as Search3, Settings as Settings3, Trash2, UserRoundPen } from "lucide-react";
 import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var CONFIG_GROUPS = [
@@ -657,8 +661,8 @@ function PolicyTable({ policies = DEMO_POLICIES, columns = POLICY_COLUMNS, defau
   ] }) });
 }
 
-// src/widgets/SettingsWidgets.jsx
-import React6, { useState as useState6 } from "react";
+// src/widgets/SettingsWidgets.tsx
+import { useState as useState6 } from "react";
 import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 function Frame({ title, tabs, activeTab, defaultTab, onTabChange, children, action, help, className = "" }) {
   const [localTab, setLocalTab] = useState6(defaultTab ?? (typeof tabs?.[0] === "string" ? tabs[0] : tabs?.[0]?.id));
@@ -698,9 +702,747 @@ function InlineSelect({ options = [], initial, value, onChange, width, ...props
     return /* @__PURE__ */ jsx6("option", { value: item.value, children: item.label }, item.value);
   }) });
 }
+
+// src/pages/DashboardPage.tsx
+import { useState as useState7 } from "react";
+import { Fragment as Fragment4, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+function DashboardPage({ metrics = DASHBOARD_METRICS, directoryData = DIRECTORY_REPORT_DATA, mfaData = MFA_REPORT_DATA, selfServiceData = SELF_SERVICE_REPORT_DATA, shortcuts = DASHBOARD_SHORTCUTS, domains, domain, onDomainChange, chartTitles = {}, chartProps = {}, widgetProps = {}, toolbarProps = {}, onMetricSelect, onReportSelect, onShortcutSelect, onToolbarAction, renderMetric, renderShortcuts }) {
+  const [showShortcuts, setShowShortcuts] = useState7(true);
+  const [expanded, setExpanded] = useState7(null);
+  const titles = { directory: "Active Directory Reports", mfa: "MFA Reports", selfService: "Password Self-Service Reports", ...chartTitles };
+  const reportAction = (key, id, item) => {
+    chartProps[key]?.onSelect?.(id, item);
+    onReportSelect?.(id, item);
+  };
+  const charts = {
+    directory: /* @__PURE__ */ jsx7(ActiveDirectoryChart, { ...chartProps.directory, data: directoryData, onSelect: (id, item) => reportAction("directory", id, item) }),
+    mfa: /* @__PURE__ */ jsx7(MfaChart, { ...chartProps.mfa, data: mfaData, onSelect: (id, item) => reportAction("mfa", id, item) }),
+    selfService: /* @__PURE__ */ jsx7(SelfServiceChart, { ...chartProps.selfService, data: selfServiceData, onSelect: (id, item) => reportAction("selfService", id, item) })
+  };
+  const frame = (key, className = "") => /* @__PURE__ */ jsx7(WidgetFrame, { ...widgetProps[key], title: titles[key], className: className || widgetProps[key]?.className, onExpand: () => {
+    widgetProps[key]?.onExpand?.();
+    setExpanded(key);
+  }, children: charts[key] });
+  return /* @__PURE__ */ jsxs7("div", { className: "dash-page", children: [
+    /* @__PURE__ */ jsx7(
+      DashboardToolbar,
+      {
+        ...toolbarProps,
+        domains: domains ?? toolbarProps.domains,
+        domain: domain ?? toolbarProps.domain,
+        onDomainChange: (value, item) => {
+          onDomainChange?.(value, item);
+          toolbarProps.onDomainChange?.(value, item);
+        },
+        showShortcuts,
+        onToggleShortcuts: () => {
+          setShowShortcuts(!showShortcuts);
+          toolbarProps.onToggleShortcuts?.(!showShortcuts);
+        },
+        onExpand: () => {
+          toolbarProps.onExpand?.();
+          setExpanded("directory");
+        },
+        onMenuAction: (id, item) => {
+          onToolbarAction?.(id, item);
+          toolbarProps.onMenuAction?.(id, item);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx7(
+      DashboardLayout,
+      {
+        showShortcuts,
+        metrics: metrics.map((item, index) => renderMetric ? renderMetric(item, index) : /* @__PURE__ */ jsx7(MetricWidget, { ...item, onClick: () => {
+          item.onClick?.(item);
+          onMetricSelect?.(item);
+          if (item.report !== void 0) onReportSelect?.(item.report, item);
+        } }, item.id ?? item.title ?? index)),
+        charts: /* @__PURE__ */ jsxs7(Fragment4, { children: [
+          frame("directory"),
+          frame("mfa"),
+          frame("selfService", "dash-wide-widget")
+        ] }),
+        shortcuts: renderShortcuts ? renderShortcuts(shortcuts) : /* @__PURE__ */ jsx7(ShortcutRail, { groups: shortcuts, onSelect: onShortcutSelect })
+      }
+    ),
+    /* @__PURE__ */ jsx7(ExpandedWidget, { title: expanded ? titles[expanded] : null, onClose: () => setExpanded(null), children: expanded ? charts[expanded] : null })
+  ] });
+}
+
+// src/pages/ReportsPage.tsx
+import { useState as useState8 } from "react";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+function ReportsPage({ groups = REPORT_GROUPS, selected, defaultSelected, onSelect, filtersProps = {}, labels = {}, status: controlledStatus, onGenerate, onStop, onSchedule, results }) {
+  const firstReport = groups[0]?.items[0] && normalizeReport(groups[0].items[0]);
+  const [localSelected, setLocalSelected] = useState8(defaultSelected ?? firstReport?.id);
+  const [localStatus, setLocalStatus] = useState8("empty");
+  const [showSchedule, setShowSchedule] = useState8(false);
+  const [localDomain, setLocalDomain] = useState8(filtersProps.defaultDomain ?? (typeof filtersProps.domains?.[0] === "string" ? filtersProps.domains[0] : filtersProps.domains?.[0]?.value) ?? "ADSELFSERVICE");
+  const [localOu, setLocalOu] = useState8(filtersProps.defaultOu ?? (typeof filtersProps.ouOptions?.[0] === "string" ? filtersProps.ouOptions[0] : filtersProps.ouOptions?.[0]?.value) ?? "All OU");
+  const currentSelected = selected ?? localSelected;
+  const report = groups.flatMap((group) => group.items.map(normalizeReport)).find((item) => item.id === currentSelected);
+  const title = report?.label || firstReport?.label || labels.untitled || "";
+  const status = controlledStatus ?? localStatus;
+  const domain = filtersProps.domain ?? localDomain;
+  const ou = filtersProps.ou ?? localOu;
+  const select = (id, item) => {
+    if (selected === void 0) setLocalSelected(id);
+    onSelect?.(id, item);
+    if (controlledStatus === void 0) setLocalStatus("empty");
+  };
+  const generate = () => {
+    if (onGenerate) onGenerate({ selected: currentSelected, report, domain, ou });
+    else {
+      setLocalStatus("loading");
+      window.setTimeout(() => setLocalStatus("empty"), 650);
+    }
+  };
+  const stop = () => {
+    onStop?.();
+    if (controlledStatus === void 0) setLocalStatus("empty");
+  };
+  return /* @__PURE__ */ jsxs8("div", { className: "reports-page", children: [
+    /* @__PURE__ */ jsx8(ReportCategoryBar, { groups, selected: currentSelected, onSelect: select }),
+    /* @__PURE__ */ jsxs8("div", { className: "report-page-body", children: [
+      /* @__PURE__ */ jsx8(ReportPageHeading, { title, scheduleLabel: labels.schedule, helpText: labels.help, onSchedule: () => {
+        onSchedule?.(report);
+        setShowSchedule(!showSchedule);
+      } }),
+      showSchedule && /* @__PURE__ */ jsx8("div", { className: "report-schedule-note", children: labels.scheduleNote || "Schedule Reports lets you automate delivery of generated reports." }),
+      /* @__PURE__ */ jsx8(ReportFilters, { ...filtersProps, domain, ou, onDomainChange: (value, item) => {
+        if (filtersProps.domain === void 0) setLocalDomain(value);
+        filtersProps.onDomainChange?.(value, item);
+      }, onOuChange: (value, item) => {
+        if (filtersProps.ou === void 0) setLocalOu(value);
+        filtersProps.onOuChange?.(value, item);
+      }, generating: status === "loading", onGenerate: generate, onStop: stop }),
+      results ?? /* @__PURE__ */ jsx8(ReportResults, { status, emptyMessage: labels.empty, loadingMessage: labels.loading })
+    ] })
+  ] });
+}
+
+// src/pages/ConfigurationPage.tsx
+import { useState as useState9 } from "react";
+import { Fragment as Fragment5, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+function ConfigurationPage({ selected, policyId = "policy", groups = CONFIG_GROUPS, policies, initialPolicies = DEMO_POLICIES, onPoliciesChange, features = POLICY_FEATURES, columns = POLICY_COLUMNS, labels = {}, defaultDomain = "ADSELFSERVICE", onSavePolicy, onDeletePolicy, onCopyPolicy, onFeatureSelect, createPolicy, renderSection, renderPolicyForm, headerProps = {}, featureProps = {}, toolbarProps = {}, tableProps = {} }) {
+  const [localPolicies, setLocalPolicies] = useState9(initialPolicies);
+  const [query, setQuery] = useState9("");
+  const [page, setPage] = useState9(1);
+  const [editor, setEditor] = useState9(null);
+  const [name, setName] = useState9("");
+  const currentSelected = selected ?? policyId;
+  const currentPolicies = policies ?? localPolicies;
+  const update = (next) => {
+    if (policies === void 0) setLocalPolicies(next);
+    onPoliciesChange?.(next);
+  };
+  const item = groups.flatMap((group) => group.items).find((entry) => entry.id === currentSelected);
+  const title = item?.label || labels.title || "Policy Configuration";
+  const filtered = currentPolicies.filter((policy) => String(policy.name || "").toLowerCase().includes(query.toLowerCase()));
+  const pageSize = Math.max(1, toolbarProps.pageSize ?? 25);
+  const currentPage = Math.min(page, Math.max(1, Math.ceil(filtered.length / pageSize)));
+  const visiblePolicies = filtered.slice((currentPage - 1) * pageSize, currentPage * pageSize);
+  const openEditor = (policy) => {
+    setEditor(policy || { name: "" });
+    setName(policy?.name || "");
+  };
+  const savePolicy = () => {
+    if (!editor || !name.trim()) return;
+    const nextPolicy = editor.name ? { ...editor, name: name.trim() } : createPolicy ? createPolicy(name.trim()) : { name: name.trim(), permissions: "", domain: defaultDomain, modifiedBy: "", modified: "" };
+    const next = editor.name ? currentPolicies.map((policy) => policy === editor ? nextPolicy : policy) : [...currentPolicies, nextPolicy];
+    update(next);
+    onSavePolicy?.(nextPolicy, editor);
+    setEditor(null);
+  };
+  const removePolicy = (policy) => {
+    update(currentPolicies.filter((item2) => item2 !== policy));
+    onDeletePolicy?.(policy);
+  };
+  const copyPolicy = (policy) => {
+    const copy = { ...policy, name: `${policy.name} ${labels.copySuffix || "Copy"}` };
+    update([...currentPolicies, copy]);
+    onCopyPolicy?.(copy, policy);
+  };
+  const otherSection = renderSection?.(currentSelected, item);
+  return /* @__PURE__ */ jsxs9("div", { className: "config-page", children: [
+    /* @__PURE__ */ jsx9(ConfigurationHeader, { title, ...headerProps }),
+    currentSelected === policyId ? /* @__PURE__ */ jsxs9(Fragment5, { children: [
+      /* @__PURE__ */ jsx9(PolicyFeatureStrip, { ...featureProps, title: labels.featuresTitle ?? featureProps.title, instruction: labels.instruction ?? featureProps.instruction, features, onFeatureSelect: (id, feature) => {
+        onFeatureSelect?.(id, feature);
+        featureProps.onFeatureSelect?.(id, feature);
+      } }),
+      /* @__PURE__ */ jsx9(PolicyToolbar, { ...toolbarProps, title: labels.policiesTitle || toolbarProps.title, addLabel: labels.add || toolbarProps.addLabel, count: filtered.length, page: currentPage, onPageChange: (next) => {
+        setPage(next);
+        toolbarProps.onPageChange?.(next);
+      }, query, onQueryChange: (value) => {
+        setQuery(value);
+        setPage(1);
+        toolbarProps.onQueryChange?.(value);
+      }, onAdd: () => {
+        openEditor();
+        toolbarProps.onAdd?.();
+      } }),
+      /* @__PURE__ */ jsx9(PolicyTable, { ...tableProps, policies: visiblePolicies, columns, defaultDomain, onEdit: (policy) => {
+        openEditor(policy);
+        tableProps.onEdit?.(policy);
+      }, onDelete: (policy) => {
+        removePolicy(policy);
+        tableProps.onDelete?.(policy);
+      }, onCopy: (policy) => {
+        copyPolicy(policy);
+        tableProps.onCopy?.(policy);
+      } })
+    ] }) : otherSection !== void 0 ? otherSection : /* @__PURE__ */ jsxs9(Panel, { className: "config-detail-panel", children: [
+      /* @__PURE__ */ jsx9("h2", { children: title }),
+      /* @__PURE__ */ jsx9(FormRow, { label: labels.domain || "Select Domain", children: /* @__PURE__ */ jsx9("select", { className: "ad-select", defaultValue: defaultDomain, children: /* @__PURE__ */ jsx9("option", { children: defaultDomain }) }) }),
+      /* @__PURE__ */ jsxs9(CheckRow, { children: [
+        labels.enable || "Enable",
+        " ",
+        title
+      ] }),
+      /* @__PURE__ */ jsx9("p", { children: labels.sectionDescription?.(title) || `Configure ${title.toLowerCase()} for the selected domain.` })
+    ] }),
+    /* @__PURE__ */ jsx9(Modal, { title: editor?.name ? labels.editTitle || "Edit Policy" : labels.addTitle || "Add New Policy", open: !!editor, onClose: () => setEditor(null), footer: /* @__PURE__ */ jsxs9(Fragment5, { children: [
+      /* @__PURE__ */ jsx9(Button, { onClick: () => setEditor(null), children: labels.cancel || "Cancel" }),
+      /* @__PURE__ */ jsx9(Button, { variant: "primary", onClick: savePolicy, children: labels.save || "Save" })
+    ] }), children: renderPolicyForm ? renderPolicyForm({ policy: editor, name, setName }) : /* @__PURE__ */ jsx9(TextField, { label: labels.policyName || "Policy Name", value: name, onChange: (event) => setName(event.target.value) }) })
+  ] });
+}
+
+// src/admin/screens.jsx
+import React, { useState as useState10 } from "react";
+import { ArrowRight, Database, LaptopMinimal, Network, Server } from "lucide-react";
+import { Fragment as Fragment6, jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+var ADMIN_GROUPS = [
+  { label: "Customize", items: [{ id: "login", label: "Login Settings" }, { id: "personalize", label: "Personalize" }] },
+  { label: "Enterprise Essentials", items: [{ id: "failover", label: "Failover and Secure Gateway" }, { id: "reverse", label: "Reverse Proxy" }] },
+  { label: "Product Settings", items: [{ id: "connection", label: "Connection" }, { id: "mail", label: "Mail / SMS Settings" }, { id: "dashboard", label: "Dashboard Updater" }, { id: "backup", label: "Backup Settings" }, { id: "site", label: "Site Based DC Updater" }, { id: "integration", label: "Integration Settings" }, { id: "windows", label: "Windows Service" }, { id: "security", label: "Security and Privacy" }] },
+  { label: "License Management", items: [{ id: "restrict", label: "Restrict Users" }] }
+];
+function RowLink({ children, onClick }) {
+  return /* @__PURE__ */ jsx10(TextLink, { onClick, children });
+}
+function LoginSettings() {
+  const [modal, setModal] = useState10("");
+  const modalItems = modal === "Manage Custom Attributes" ? ["First Name", "Last Name", "Display Name", "Mail Address", "Mobile Number"] : ["ADSELFSERVICE", "Microsoft Entra ID"];
+  return /* @__PURE__ */ jsxs10(Fragment6, { children: [
+    /* @__PURE__ */ jsx10(Frame, { title: "Login Settings", help: "Configure administrator and directory user login behavior", action: /* @__PURE__ */ jsx10(Button, { onClick: () => setModal("Manage Custom Attributes"), children: "Manage Custom Attributes" }), tabs: ["General", "Single Sign-On", "Smart Card Authentication"], children: (active) => active === "General" ? /* @__PURE__ */ jsxs10(Fragment6, { children: [
+      /* @__PURE__ */ jsx10(SectionTitle, { children: "Login Settings" }),
+      /* @__PURE__ */ jsxs10("div", { className: "ad-option-list", children: [
+        /* @__PURE__ */ jsx10(CheckRow, { help: "Hides the administrator option on the self-service login page", children: "Hide self-service admin login" }),
+        /* @__PURE__ */ jsxs10("div", { className: "ad-option-inline", children: [
+          /* @__PURE__ */ jsx10(CheckRow, { disabled: true, children: "Allow/Restrict admin portal access based on IP addresses." }),
+          /* @__PURE__ */ jsx10(RowLink, { onClick: () => setModal("Configure IP addresses"), children: "Configure now" })
+        ] }),
+        /* @__PURE__ */ jsxs10("div", { className: "ad-option-inline", children: [
+          /* @__PURE__ */ jsx10(CheckRow, { defaultChecked: true, children: "Show the directory selection drop-down menu in the web portal's login page." }),
+          /* @__PURE__ */ jsx10(RowLink, { onClick: () => setModal("Configure Directory List"), children: "Configure Directory List" })
+        ] }),
+        /* @__PURE__ */ jsxs10("div", { className: "ad-option-inline", children: [
+          /* @__PURE__ */ jsx10(CheckRow, { defaultChecked: true, children: "Show the directory selection drop-down menu in the mobile app and mobile portal login screen." }),
+          /* @__PURE__ */ jsx10(RowLink, { onClick: () => setModal("Configure Directory List"), children: "Configure Directory List" })
+        ] }),
+        /* @__PURE__ */ jsxs10("div", { className: "ad-option-inline", children: [
+          /* @__PURE__ */ jsx10(CheckRow, { help: "Permit configured attributes as alternate login identifiers", children: "Enable other unique attributes to log in to the product." }),
+          /* @__PURE__ */ jsx10(RowLink, { onClick: () => setModal("Select attribute list"), children: "Select attribute list" })
+        ] }),
+        /* @__PURE__ */ jsxs10("div", { className: "ad-option-inline", children: [
+          /* @__PURE__ */ jsx10(CheckRow, { children: "Enable user disclaimer" }),
+          /* @__PURE__ */ jsx10(RowLink, { onClick: () => setModal("Customize disclaimer"), children: "Customize" })
+        ] }),
+        /* @__PURE__ */ jsxs10("div", { className: "ad-option-inline", children: [
+          /* @__PURE__ */ jsx10(CheckRow, { children: "Prevent hackers from finding out valid users." }),
+          /* @__PURE__ */ jsx10(RowLink, { onClick: () => setModal("Configure user protection"), children: "Configure" }),
+          /* @__PURE__ */ jsx10(HelpTip, { text: "Use the same message for valid and invalid usernames" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx10(SectionTitle, { children: "CAPTCHA settings" }),
+      /* @__PURE__ */ jsxs10("div", { className: "ad-option-list", children: [
+        /* @__PURE__ */ jsxs10("div", { className: "ad-option-inline", children: [
+          /* @__PURE__ */ jsx10(CheckRow, { children: "Show CAPTCHA (word verification image) on login page." }),
+          /* @__PURE__ */ jsx10(RowLink, { onClick: () => setModal("CAPTCHA settings"), children: "CAPTCHA settings" })
+        ] }),
+        /* @__PURE__ */ jsxs10("div", { className: "ad-indent", children: [
+          /* @__PURE__ */ jsxs10(CheckRow, { disabled: true, children: [
+            "On ",
+            /* @__PURE__ */ jsx10("em", { children: "Admin" }),
+            " & ",
+            /* @__PURE__ */ jsx10("em", { children: "Directory User" }),
+            " login page."
+          ] }),
+          /* @__PURE__ */ jsxs10(CheckRow, { disabled: true, children: [
+            "On ",
+            /* @__PURE__ */ jsx10("em", { children: "Reset Password" }),
+            " & ",
+            /* @__PURE__ */ jsx10("em", { children: "Unlock Account" }),
+            " login page."
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx10(CheckRow, { help: "Enable an audio alternative for the CAPTCHA", children: "Enable audio CAPTCHA." })
+      ] }),
+      /* @__PURE__ */ jsx10(SectionTitle, { children: "Other Settings" }),
+      /* @__PURE__ */ jsxs10("div", { className: "ad-option-list", children: [
+        /* @__PURE__ */ jsxs10(CheckRow, { children: [
+          "Hide ",
+          /* @__PURE__ */ jsx10("em", { children: "Help" }),
+          " button on end users page"
+        ] }),
+        /* @__PURE__ */ jsxs10(CheckRow, { children: [
+          "Hide ",
+          /* @__PURE__ */ jsx10("em", { children: "Mobile Access" }),
+          " button on end users page"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs10("div", { className: "ad-tail-link", children: [
+        /* @__PURE__ */ jsx10(RowLink, { onClick: () => setModal("Customize HTML"), children: "Customize" }),
+        " end user login page completely as HTML"
+      ] }),
+      /* @__PURE__ */ jsx10(SaveBar, {})
+    ] }) : active === "Single Sign-On" ? /* @__PURE__ */ jsxs10(Fragment6, { children: [
+      /* @__PURE__ */ jsxs10("div", { className: "ad-option-list", children: [
+        /* @__PURE__ */ jsx10(CheckRow, { children: /* @__PURE__ */ jsx10("strong", { children: "Enable SSO" }) }),
+        /* @__PURE__ */ jsx10(RadioRow, { name: "sso", value: "SAML", disabled: true, children: "SAML Authentication" }),
+        /* @__PURE__ */ jsx10(RadioRow, { name: "sso", value: "NTLM", checked: true, disabled: true, children: "NTLM Authentication" })
+      ] }),
+      /* @__PURE__ */ jsxs10(Notice, { children: [
+        "To complete the NTLM SSO configuration, download the latest Jespa JAR file, add it to the /lib folder, and restart ADSelfService Plus. ",
+        /* @__PURE__ */ jsx10(TextLink, { children: "Learn More" })
+      ] }),
+      /* @__PURE__ */ jsx10(DataTable, { columns: ["", "Domain Name", "Computer Account", "Status"], rows: [[/* @__PURE__ */ jsx10(CheckRow, {}), "ADSELFSERVICE", "-", /* @__PURE__ */ jsx10(TextLink, { onClick: () => setModal("Configure SSO"), children: "Configure now" })]] }),
+      /* @__PURE__ */ jsx10(SaveBar, { cancel: false })
+    ] }) : /* @__PURE__ */ jsxs10(Fragment6, { children: [
+      /* @__PURE__ */ jsxs10("div", { className: "ad-form-block", children: [
+        /* @__PURE__ */ jsx10(FormRow, { label: "Import CA Root Certificate", children: /* @__PURE__ */ jsx10("input", { type: "file", "aria-label": "Choose certificate file" }) }),
+        /* @__PURE__ */ jsx10(FormRow, { label: "Mapping Attribute in Certificate", children: /* @__PURE__ */ jsx10(InlineSelect, { options: ["SAN.OtherName", "Subject", "SAN.Email"] }) }),
+        /* @__PURE__ */ jsx10(FormRow, { label: "Mapping Attribute in AD", children: /* @__PURE__ */ jsx10(InlineSelect, { options: ["userPrincipalName", "sAMAccountName", "mail"] }) }),
+        /* @__PURE__ */ jsx10(FormRow, { label: "Linked Domains", children: /* @__PURE__ */ jsx10("input", { className: "ad-input", disabled: true, defaultValue: "adselfservice.com" }) }),
+        /* @__PURE__ */ jsx10(SaveBar, {})
+      ] }),
+      /* @__PURE__ */ jsx10(Notice, { tone: "warning", children: "You must restart ADSelfService Plus for the changes to take effect. Smart Card Authentication is supported only for users in Active Directory." })
+    ] }) }),
+    /* @__PURE__ */ jsx10(Modal, { title: modal, open: !!modal, onClose: () => setModal(""), footer: /* @__PURE__ */ jsxs10(Fragment6, { children: [
+      /* @__PURE__ */ jsx10(Button, { onClick: () => setModal(""), children: "Cancel" }),
+      /* @__PURE__ */ jsx10(Button, { variant: "primary", onClick: () => setModal(""), children: "Done" })
+    ] }), children: modal === "Configure IP addresses" ? /* @__PURE__ */ jsx10(TextField, { label: "Allowed IP address or range", placeholder: "192.168.1.0/24" }) : modal === "Customize disclaimer" || modal === "Customize HTML" ? /* @__PURE__ */ jsx10("textarea", { className: "ad-textarea", rows: "6", "aria-label": "Custom content" }) : /* @__PURE__ */ jsx10("div", { className: "ad-modal-options", children: modalItems.map((item) => /* @__PURE__ */ jsx10(CheckRow, { defaultChecked: true, children: item }, item)) }) })
+  ] });
+}
+function Personalize() {
+  return /* @__PURE__ */ jsx10(Frame, { title: "Personalize Settings", tabs: ["Display Settings", "Portal Rebranding", "Mobile Rebranding", "Change Password", "Language Customization"], children: (active) => active === "Display Settings" ? /* @__PURE__ */ jsxs10("div", { className: "ad-form-block", children: [
+    /* @__PURE__ */ jsx10(FormRow, { label: "Choose Language", children: /* @__PURE__ */ jsx10(InlineSelect, { options: ["Browser Default", "English", "Japanese", "Spanish", "German", "French"] }) }),
+    /* @__PURE__ */ jsx10(FormRow, { label: "Choose AD Welcome Name", children: /* @__PURE__ */ jsx10(InlineSelect, { options: ["SamAccountName", "UserPrincipalName", "DisplayName", "FirstName", "LastName"] }) }),
+    /* @__PURE__ */ jsx10(FormRow, { label: "Choose Entra ID Welcome Name", children: /* @__PURE__ */ jsx10(InlineSelect, { options: ["UserPrincipalName", "DisplayName", "FirstName", "Mail Address"] }) }),
+    /* @__PURE__ */ jsx10(FormRow, { label: "Time Format", children: /* @__PURE__ */ jsx10(InlineSelect, { options: ["02:45 PM", "14:45", "14:45:00"] }) }),
+    /* @__PURE__ */ jsx10(FormRow, { label: "Date Format", children: /* @__PURE__ */ jsx10(InlineSelect, { options: ["2016/08/15 (yyyy/MM/dd)", "08/15/2016 (MM/dd/yyyy)", "15-08-2016 (dd-MM-yyyy)"], width: 230 }) }),
+    /* @__PURE__ */ jsx10(FormRow, { label: "Time Zone", children: /* @__PURE__ */ jsx10(InlineSelect, { options: ["(GMT -8:00) Pacific Daylight Time(America/Los_Angeles)", "(GMT +5:30) India Standard Time(Asia/Kolkata)", "(GMT 00:00) UTC"], width: 355 }) }),
+    /* @__PURE__ */ jsx10(SaveBar, { cancelLabel: "Restore" })
+  ] }) : active === "Portal Rebranding" ? /* @__PURE__ */ jsxs10(Fragment6, { children: [
+    /* @__PURE__ */ jsx10(SectionTitle, { children: "General Customization" }),
+    /* @__PURE__ */ jsx10(FormRow, { label: "Choose Theme Color", children: /* @__PURE__ */ jsx10(InlineSelect, { options: ["Dark Gray", "Blue", "Green"] }) }),
+    /* @__PURE__ */ jsx10(FormRow, { label: "Browser Title", children: /* @__PURE__ */ jsx10(TextField, { defaultValue: "ADSelfService Plus" }) }),
+    /* @__PURE__ */ jsx10(FormRow, { label: "Browser Title Image", hint: "Preferred image format is .ico", children: /* @__PURE__ */ jsx10("input", { type: "file", accept: ".ico" }) }),
+    /* @__PURE__ */ jsx10(FormRow, { label: "Change Logo", hint: "Dimension: 200 x 50, Size 2MB", children: /* @__PURE__ */ jsx10("input", { type: "file", accept: "image/*" }) }),
+    /* @__PURE__ */ jsx10(SectionTitle, { children: "Login Customization" }),
+    /* @__PURE__ */ jsx10(FormRow, { label: "Customize Login Page Buttons", children: /* @__PURE__ */ jsxs10("div", { className: "ad-option-list", children: [
+      /* @__PURE__ */ jsx10(CheckRow, { defaultChecked: true, children: "Log In" }),
+      /* @__PURE__ */ jsx10(CheckRow, { defaultChecked: true, children: "Forgot your password?" }),
+      /* @__PURE__ */ jsx10(CheckRow, { defaultChecked: true, children: "Account locked out?" })
+    ] }) }),
+    /* @__PURE__ */ jsx10(FormRow, { label: "Login Screen Background Image", hint: "Dimension: 1300 x 700, Size 2MB", children: /* @__PURE__ */ jsx10("input", { type: "file", accept: "image/*" }) }),
+    /* @__PURE__ */ jsx10(SaveBar, { cancelLabel: "Restore" })
+  ] }) : active === "Mobile Rebranding" ? /* @__PURE__ */ jsxs10(Fragment6, { children: [
+    /* @__PURE__ */ jsx10(FormRow, { label: "Change Logo", hint: "Dimension 1000x400 - Size 2 MB", children: /* @__PURE__ */ jsx10("input", { type: "file", accept: "image/*" }) }),
+    /* @__PURE__ */ jsx10(SectionTitle, { children: "Customize Home Screen" }),
+    /* @__PURE__ */ jsx10("div", { className: "ad-option-list", children: ["Password Reset", "Account Unlock", "Change Password", "Server Settings", "Login", "Help", "Feedback"].map((item) => /* @__PURE__ */ jsx10(CheckRow, { defaultChecked: item !== "Change Password", children: item }, item)) }),
+    /* @__PURE__ */ jsx10(CheckRow, { children: "Restrict Mobile Access" }),
+    /* @__PURE__ */ jsxs10("div", { className: "ad-indent", children: [
+      /* @__PURE__ */ jsx10(CheckRow, { disabled: true, children: "Restrict Mobile site access" }),
+      /* @__PURE__ */ jsx10(CheckRow, { disabled: true, children: "Restrict Mobile app (iOS/android) access" })
+    ] }),
+    /* @__PURE__ */ jsx10(CheckRow, { children: "Remember login in mobile app for auto login." }),
+    /* @__PURE__ */ jsx10(SectionTitle, { children: "Advanced" }),
+    /* @__PURE__ */ jsx10("div", { className: "ad-spaced", children: /* @__PURE__ */ jsx10(Button, { children: "Preview" }) }),
+    /* @__PURE__ */ jsx10(SaveBar, { cancelLabel: "Restore" })
+  ] }) : active === "Change Password" ? /* @__PURE__ */ jsxs10(Fragment6, { children: [
+    /* @__PURE__ */ jsxs10("div", { className: "ad-form-block", children: [
+      /* @__PURE__ */ jsx10(FormRow, { label: "Old Password", required: true, children: /* @__PURE__ */ jsx10(TextField, { type: "password" }) }),
+      /* @__PURE__ */ jsx10(FormRow, { label: "New Password", required: true, children: /* @__PURE__ */ jsx10(TextField, { type: "password" }) }),
+      /* @__PURE__ */ jsx10(FormRow, { label: "Confirm New Password", required: true, children: /* @__PURE__ */ jsx10(TextField, { type: "password" }) })
+    ] }),
+    /* @__PURE__ */ jsxs10("ul", { className: "ad-password-rules", children: [
+      /* @__PURE__ */ jsx10("li", { children: "Minimum length should be at least 8" }),
+      /* @__PURE__ */ jsx10("li", { children: "Number of special characters to include 2" }),
+      /* @__PURE__ */ jsx10("li", { children: "Must contain at least 1 upper case character" }),
+      /* @__PURE__ */ jsx10("li", { children: "Number of numerals to include 1" }),
+      /* @__PURE__ */ jsx10("li", { children: "Must not be a palindrome" })
+    ] }),
+    /* @__PURE__ */ jsx10(SaveBar, { saveLabel: "Change Password" })
+  ] }) : /* @__PURE__ */ jsxs10(Fragment6, { children: [
+    /* @__PURE__ */ jsx10(Notice, { children: "Personalize ADSelfService Plus by modifying text displayed in its web interface. Retain curly braces in sentences that contain them, then reload the web console to view changes." }),
+    /* @__PURE__ */ jsx10(FormRow, { label: "Select Language", children: /* @__PURE__ */ jsx10(InlineSelect, { options: ["English", "Japanese", "Chinese-Simplified", "Spanish", "German", "French"] }) }),
+    /* @__PURE__ */ jsxs10("div", { className: "ad-language-toolbar", children: [
+      /* @__PURE__ */ jsx10(TextField, { placeholder: "Enter text to search" }),
+      /* @__PURE__ */ jsx10(Button, { children: "Find & Replace" }),
+      /* @__PURE__ */ jsx10("span", { children: "1 - 25 of 18324" })
+    ] }),
+    /* @__PURE__ */ jsx10(DataTable, { columns: ["Text", "Action"], rows: ["Force Enrollment using Logon Script", "Mandatory fields cannot be left empty.", "Logon Hours", "Modules", "Trusted IPs", "Embed Widget", "Active Directory account unlock failed.", "Successfully changed the password"].map((text) => [text, /* @__PURE__ */ jsx10(TextLink, { children: "Modify" })]) })
+  ] }) });
+}
+function Failover() {
+  const [mode, setMode] = useState10("Load Balancing");
+  const [open, setOpen] = useState10(false);
+  return /* @__PURE__ */ jsxs10(Fragment6, { children: [
+    /* @__PURE__ */ jsx10(PageHeader, { title: "Failover and Secure Gateway", action: /* @__PURE__ */ jsx10(Button, { variant: "outline", onClick: () => setOpen(true), children: "How to configure?" }) }),
+    /* @__PURE__ */ jsx10(Panel, { className: "ad-architecture-panel", children: /* @__PURE__ */ jsxs10("div", { className: "ad-architecture", children: [
+      /* @__PURE__ */ jsx10("h3", { children: "Load Balancer Architecture" }),
+      /* @__PURE__ */ jsx10(Tabs, { tabs: ["Load Balancing", "Failover"], active: mode, onChange: setMode }),
+      /* @__PURE__ */ jsxs10("div", { className: "ad-architecture-diagram", children: [
+        /* @__PURE__ */ jsxs10("div", { className: "ad-architecture-node", children: [
+          /* @__PURE__ */ jsx10(LaptopMinimal, { size: 48 }),
+          /* @__PURE__ */ jsx10("span", { children: "Web Interface" })
+        ] }),
+        /* @__PURE__ */ jsx10(ArrowRight, { size: 23 }),
+        /* @__PURE__ */ jsxs10("div", { className: "ad-architecture-node", children: [
+          /* @__PURE__ */ jsx10(Network, { size: 48 }),
+          /* @__PURE__ */ jsx10("span", { children: "Virtual IP/Hostname" })
+        ] }),
+        /* @__PURE__ */ jsx10(ArrowRight, { size: 23 }),
+        /* @__PURE__ */ jsxs10("div", { className: "ad-server-stack", children: [
+          /* @__PURE__ */ jsxs10("div", { className: "ad-architecture-node", children: [
+            /* @__PURE__ */ jsx10(Server, { size: 45 }),
+            /* @__PURE__ */ jsx10("small", { children: "Primary" })
+          ] }),
+          /* @__PURE__ */ jsxs10("div", { className: "ad-architecture-node", children: [
+            /* @__PURE__ */ jsx10(Server, { size: 45 }),
+            /* @__PURE__ */ jsx10("small", { children: "Secondary" })
+          ] }),
+          /* @__PURE__ */ jsx10("span", { children: "ADSelfService Plus Servers" })
+        ] }),
+        /* @__PURE__ */ jsx10(ArrowRight, { size: 23 }),
+        /* @__PURE__ */ jsxs10("div", { className: "ad-architecture-node", children: [
+          /* @__PURE__ */ jsx10(Database, { size: 48 }),
+          /* @__PURE__ */ jsx10("span", { children: "ADSelfService Plus Database" })
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx10("div", { className: "ad-configure-action", children: /* @__PURE__ */ jsx10(Button, { variant: "primary", onClick: () => setOpen(true), children: "Click to Configure" }) }),
+    /* @__PURE__ */ jsxs10(Modal, { title: `${mode} Configuration`, open, onClose: () => setOpen(false), footer: /* @__PURE__ */ jsx10(Button, { variant: "primary", onClick: () => setOpen(false), children: "Close" }), children: [
+      /* @__PURE__ */ jsxs10(Notice, { children: [
+        "Specify the access URL and server details to configure ",
+        mode.toLowerCase(),
+        "."
+      ] }),
+      /* @__PURE__ */ jsx10(TextField, { label: "Access URL", placeholder: "https://adselfservice.example.com" })
+    ] })
+  ] });
+}
+function ReverseProxy() {
+  return /* @__PURE__ */ jsxs10(Frame, { title: "Reverse Proxy", children: [
+    /* @__PURE__ */ jsxs10("div", { className: "ad-proxy", children: [
+      /* @__PURE__ */ jsx10("strong", { children: "Context Based" }),
+      /* @__PURE__ */ jsxs10("dl", { children: [
+        /* @__PURE__ */ jsx10("dt", { children: "Protocol" }),
+        /* @__PURE__ */ jsx10("dd", { children: "HTTPS" }),
+        /* @__PURE__ */ jsx10("dt", { children: "Port" }),
+        /* @__PURE__ */ jsx10("dd", { children: "443" }),
+        /* @__PURE__ */ jsx10("dt", { children: "Context" }),
+        /* @__PURE__ */ jsx10("dd", { children: "adssp" }),
+        /* @__PURE__ */ jsx10("dt", { children: "Access URL" }),
+        /* @__PURE__ */ jsx10("dd", { children: "https://WIN-6VQ61ODR35T:443/adssp" }),
+        /* @__PURE__ */ jsx10("dt", { children: "Target URL" }),
+        /* @__PURE__ */ jsx10("dd", { children: "https://ADSSPDEMO1:443" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx10(Notice, { tone: "warning", children: "To modify reverse proxy details, navigate to AD360 > Admin > Administration > Reverse Proxy." })
+  ] });
+}
+function Connection() {
+  const [port, setPort] = useState10("https");
+  return /* @__PURE__ */ jsx10(Frame, { title: "Connection Settings", action: /* @__PURE__ */ jsx10(TextLink, { children: "Configure Access URL" }), tabs: ["Connection Settings", "Proxy Settings", "General Settings"], children: (active) => active === "Connection Settings" ? /* @__PURE__ */ jsxs10(Fragment6, { children: [
+    /* @__PURE__ */ jsxs10("div", { className: "ad-form-block", children: [
+      /* @__PURE__ */ jsxs10(FormRow, { label: "ADSelfService Plus Port [http]", children: [
+        /* @__PURE__ */ jsx10(RadioRow, { name: "port", value: "http", checked: port === "http", onChange: setPort }),
+        /* @__PURE__ */ jsx10("input", { className: "ad-input ad-short", defaultValue: "8888", disabled: port !== "http" })
+      ] }),
+      /* @__PURE__ */ jsxs10(FormRow, { label: "ADSelfService Plus Port [https]", children: [
+        /* @__PURE__ */ jsx10(RadioRow, { name: "port", value: "https", checked: port === "https", onChange: setPort }),
+        /* @__PURE__ */ jsx10("input", { className: "ad-input ad-short", defaultValue: "443", disabled: port !== "https" }),
+        /* @__PURE__ */ jsx10(TextLink, { children: "Apply SSL Certificate" })
+      ] }),
+      /* @__PURE__ */ jsxs10(FormRow, { label: "Encrypt Keystore Password", children: [
+        /* @__PURE__ */ jsx10(CheckRow, {}),
+        /* @__PURE__ */ jsx10("input", { className: "ad-input", disabled: true, type: "password" })
+      ] }),
+      /* @__PURE__ */ jsx10(FormRow, { label: "", children: /* @__PURE__ */ jsx10(CheckRow, { children: "Use LDAP SSL(LDAPS)" }) }),
+      /* @__PURE__ */ jsx10(FormRow, { label: "", children: /* @__PURE__ */ jsx10(TextLink, { children: "Advanced Settings" }) })
+    ] }),
+    /* @__PURE__ */ jsx10(SaveBar, {}),
+    /* @__PURE__ */ jsx10("p", { className: "ad-footnote", children: "Changes will reflect only on restart of ADSelfService Plus." })
+  ] }) : active === "Proxy Settings" ? /* @__PURE__ */ jsxs10(Fragment6, { children: [
+    /* @__PURE__ */ jsx10(CheckRow, { children: "Enable Proxy Server" }),
+    /* @__PURE__ */ jsxs10("div", { className: "ad-form-block", children: [
+      /* @__PURE__ */ jsx10(FormRow, { label: "Server Name or IP", required: true, children: /* @__PURE__ */ jsx10(TextField, { placeholder: "Server Name or IP" }) }),
+      /* @__PURE__ */ jsx10(FormRow, { label: "Port", children: /* @__PURE__ */ jsx10(TextField, { placeholder: "Port" }) }),
+      /* @__PURE__ */ jsx10(FormRow, { label: "Username", children: /* @__PURE__ */ jsx10(TextField, {}) }),
+      /* @__PURE__ */ jsx10(FormRow, { label: "Password", children: /* @__PURE__ */ jsx10(TextField, { type: "password" }) })
+    ] }),
+    /* @__PURE__ */ jsx10("p", { className: "ad-footnote", children: "Provide username and password if the proxy server requires authentication." }),
+    /* @__PURE__ */ jsx10(SaveBar, { cancelLabel: "Reset" }),
+    /* @__PURE__ */ jsx10("div", { className: "ad-tail-link", children: /* @__PURE__ */ jsx10(TextLink, { children: "Test Connection" }) })
+  ] }) : /* @__PURE__ */ jsxs10(Fragment6, { children: [
+    /* @__PURE__ */ jsx10(SectionTitle, { children: "Session Settings" }),
+    /* @__PURE__ */ jsx10(FormRow, { label: "Session Expiration Time", children: /* @__PURE__ */ jsx10(InlineSelect, { options: ["10 mins", "15 mins", "20 mins", "25 mins", "30 mins", "45 mins", "60 mins", "24 hrs", "Never"] }) }),
+    /* @__PURE__ */ jsx10(CheckRow, { children: "Deny Concurrent Logins" }),
+    /* @__PURE__ */ jsx10(SectionTitle, { children: "Startup & Logging Settings" }),
+    /* @__PURE__ */ jsx10(SaveBar, { saveLabel: "Save Settings" }),
+    /* @__PURE__ */ jsx10("p", { className: "ad-footnote", children: "Changes will reflect only on restart of ADSelfService Plus." })
+  ] }) });
+}
+function MailSms() {
+  const [mode, setMode] = useState10("SMTP");
+  const [auth, setAuth] = useState10("basic");
+  const [smsAlert, setSmsAlert] = useState10(false);
+  return /* @__PURE__ */ jsx10(Frame, { title: "Mail / SMS Server Settings", action: /* @__PURE__ */ jsx10(TextLink, { children: "Mail/Mobile Attributes" }), tabs: ["Mail Settings", "SMS Settings", "Notification Settings"], children: (active) => active === "Mail Settings" ? /* @__PURE__ */ jsxs10("div", { className: "ad-form-block", children: [
+    /* @__PURE__ */ jsx10(SectionTitle, { children: "Configure Mail Server" }),
+    /* @__PURE__ */ jsxs10(FormRow, { label: "Mode", children: [
+      /* @__PURE__ */ jsx10(RadioRow, { name: "mailmode", value: "SMTP", checked: mode === "SMTP", onChange: setMode, children: "SMTP" }),
+      /* @__PURE__ */ jsx10(RadioRow, { name: "mailmode", value: "API", checked: mode === "API", onChange: setMode, children: "API" })
+    ] }),
+    /* @__PURE__ */ jsx10(FormRow, { label: "Server Name or IP", required: true, children: /* @__PURE__ */ jsx10(TextField, { defaultValue: "smtp" }) }),
+    /* @__PURE__ */ jsx10(FormRow, { label: "Port", required: true, children: /* @__PURE__ */ jsx10(TextField, { defaultValue: "25" }) }),
+    /* @__PURE__ */ jsx10(FormRow, { label: "From Address", required: true, children: /* @__PURE__ */ jsx10(TextField, { defaultValue: "noreply@adselfserviceplus.com" }) }),
+    /* @__PURE__ */ jsxs10(FormRow, { label: "Admin Mail Address", required: true, hint: "Use comma (,) to separate multiple email addresses.", children: [
+      /* @__PURE__ */ jsx10(TextField, { defaultValue: "noreply@adselfserviceplus.com" }),
+      /* @__PURE__ */ jsx10(TextLink, { children: "Send a test mail" })
+    ] }),
+    /* @__PURE__ */ jsx10(FormRow, { label: "Secure Connection (SSL/TLS)", children: /* @__PURE__ */ jsx10(InlineSelect, { options: ["None", "SSL", "TLS"], initial: "SSL" }) }),
+    /* @__PURE__ */ jsx10(SectionTitle, { children: "Authentication" }),
+    /* @__PURE__ */ jsxs10(FormRow, { label: "Authentication Type", children: [
+      /* @__PURE__ */ jsx10(RadioRow, { name: "auth", value: "basic", checked: auth === "basic", onChange: setAuth, children: "Basic Authentication" }),
+      /* @__PURE__ */ jsx10(RadioRow, { name: "auth", value: "oauth", checked: auth === "oauth", onChange: setAuth, children: "OAuth Authentication" })
+    ] }),
+    /* @__PURE__ */ jsx10(FormRow, { label: "Username", children: /* @__PURE__ */ jsx10(TextField, {}) }),
+    /* @__PURE__ */ jsx10(FormRow, { label: "Password", children: /* @__PURE__ */ jsx10(TextField, { type: "password" }) }),
+    /* @__PURE__ */ jsx10(SaveBar, { saveLabel: "Save Settings" }),
+    /* @__PURE__ */ jsx10("p", { className: "ad-footnote", children: "Once the mail server settings are saved, a test mail will be sent to the Admin Mail Address." })
+  ] }) : active === "SMS Settings" ? /* @__PURE__ */ jsxs10(Fragment6, { children: [
+    /* @__PURE__ */ jsxs10(FormRow, { label: "SMS Provider", children: [
+      /* @__PURE__ */ jsx10(InlineSelect, { options: ["GSMModem", "Clickatell", "Custom"], initial: "Clickatell" }),
+      /* @__PURE__ */ jsx10(TextLink, { children: "Send Test SMS" })
+    ] }),
+    /* @__PURE__ */ jsxs10("div", { className: "ad-option-inline", children: [
+      /* @__PURE__ */ jsx10(CheckRow, { checked: smsAlert, onChange: setSmsAlert, children: "Please notify me when my credit balance reaches" }),
+      /* @__PURE__ */ jsx10("input", { className: "ad-input ad-short", defaultValue: "10", disabled: !smsAlert })
+    ] }),
+    /* @__PURE__ */ jsx10(SaveBar, { saveLabel: "Save Settings" }),
+    /* @__PURE__ */ jsxs10("div", { className: "ad-notes", children: [
+      /* @__PURE__ */ jsx10("strong", { children: "Quick Help" }),
+      /* @__PURE__ */ jsxs10("ul", { children: [
+        /* @__PURE__ */ jsx10("li", { children: "Mobile numbers should use the standard international format with country code." }),
+        /* @__PURE__ */ jsx10("li", { children: "Do not include a leading zero, plus sign, or spaces." }),
+        /* @__PURE__ */ jsx10("li", { children: "1 credit = 1 message of 70 characters." })
+      ] })
+    ] })
+  ] }) : /* @__PURE__ */ jsxs10(Fragment6, { children: [
+    /* @__PURE__ */ jsx10(SectionTitle, { children: "Mail Notification" }),
+    /* @__PURE__ */ jsxs10("div", { className: "ad-option-list", children: [
+      /* @__PURE__ */ jsx10(CheckRow, { children: "Enable License Expiry Notification" }),
+      /* @__PURE__ */ jsx10(CheckRow, { children: "Enable notifications for product startup and downtime events" }),
+      /* @__PURE__ */ jsx10(CheckRow, { children: "Enable notifications for new product updates" }),
+      /* @__PURE__ */ jsx10(CheckRow, { children: "Enable notifications for events and workshops" }),
+      /* @__PURE__ */ jsx10(CheckRow, { children: "Send notifications to the secondary email addresses of all end users" }),
+      /* @__PURE__ */ jsxs10("div", { className: "ad-option-inline", children: [
+        /* @__PURE__ */ jsx10(CheckRow, { children: "Notify when SSL certificate is" }),
+        /* @__PURE__ */ jsx10("input", { className: "ad-input ad-short", disabled: true }),
+        "days before expiration"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx10(SectionTitle, { children: "SMS Notification" }),
+    /* @__PURE__ */ jsxs10("div", { className: "ad-option-list", children: [
+      /* @__PURE__ */ jsxs10("div", { className: "ad-option-inline", children: [
+        /* @__PURE__ */ jsx10(CheckRow, { children: "Enable product startup and downtime SMS notifications for this mobile number" }),
+        /* @__PURE__ */ jsx10("input", { className: "ad-input", disabled: true, placeholder: "Enter the mobile Number" })
+      ] }),
+      /* @__PURE__ */ jsx10(CheckRow, { children: "Send notifications to the secondary mobile numbers of all end users" })
+    ] }),
+    /* @__PURE__ */ jsx10(SaveBar, { saveLabel: "Save Settings" })
+  ] }) });
+}
+function DashboardUpdater() {
+  const [selected, setSelected] = useState10("");
+  const rows = [["AD Synchronizer", "ADSELFSERVICE", "Once in every 1 Hrs 0 Mins.", "Today 09:36 PM", "Success"], ["Locked Out Users", "ADSELFSERVICE", "Once in every 3 Hrs 0 Mins.", "Today 10:36 PM", "Success"], ["Password Expired Users", "ADSELFSERVICE", "Daily at 7 Hrs 0 Mins.", "2026/10/14 06:30 PM", "Success"], ["Soon-To-Expire User Passwords", "ADSELFSERVICE", "Daily at 7 Hrs 0 Mins.", "2026/10/14 06:30 PM", "Success"], ["Microsoft Entra ID Synchronizer", "Zoho", "Once in every 1 Hrs 0 Mins.", "Today 09:52 PM", "Success"]];
+  return /* @__PURE__ */ jsxs10(Fragment6, { children: [
+    /* @__PURE__ */ jsx10(Frame, { title: "Dashboard Updater", children: /* @__PURE__ */ jsx10(DataTable, { columns: ["Actions", "Scheduler Name", "Applies to (Directories)", "Schedule Frequency", "Next Run", "Status"], rows: rows.map((row) => [/* @__PURE__ */ jsx10(TextLink, { onClick: () => setSelected(row[0]), children: "Edit" }), ...row.slice(0, 4), /* @__PURE__ */ jsx10("span", { className: "ad-success", children: row[4] })]) }) }),
+    /* @__PURE__ */ jsx10(Modal, { title: selected, open: !!selected, onClose: () => setSelected(""), footer: /* @__PURE__ */ jsx10(Button, { variant: "primary", onClick: () => setSelected(""), children: "Done" }), children: /* @__PURE__ */ jsx10(FormRow, { label: "Schedule Frequency", children: /* @__PURE__ */ jsx10(InlineSelect, { options: ["Every hour", "Every 3 hours", "Daily"] }) }) })
+  ] });
+}
+function Backup() {
+  return /* @__PURE__ */ jsxs10(Frame, { title: "Backup Settings", action: /* @__PURE__ */ jsx10(TextLink, { children: "Backup History" }), tabs: ["Backup Settings"], children: [
+    /* @__PURE__ */ jsxs10("div", { className: "ad-form-block", children: [
+      /* @__PURE__ */ jsxs10(FormRow, { label: "Backup Frequency", children: [
+        /* @__PURE__ */ jsx10(InlineSelect, { options: ["Daily", "Weekly", "Monthly"] }),
+        /* @__PURE__ */ jsx10(InlineSelect, { options: ["00", "01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12"] }),
+        " hrs ",
+        /* @__PURE__ */ jsx10(InlineSelect, { options: ["00", "05", "10", "15", "20", "25", "30", "35", "40", "45", "50", "55"] }),
+        " mins"
+      ] }),
+      /* @__PURE__ */ jsxs10(FormRow, { label: "Backup Storage Path", required: true, hint: "Path Format: C:\\local-path\\ (or) \\\\network-path\\", children: [
+        /* @__PURE__ */ jsx10(TextField, {}),
+        /* @__PURE__ */ jsx10(TextLink, { children: "Backup Now" })
+      ] }),
+      /* @__PURE__ */ jsx10(FormRow, { label: "Retain Backup Files", children: /* @__PURE__ */ jsx10(InlineSelect, { options: ["Delete files older than 15 days", "Delete files older than 30 days", "Keep last 10 files", "Keep all files"] }) }),
+      /* @__PURE__ */ jsx10("div", { className: "ad-inline-save", children: /* @__PURE__ */ jsx10(SaveBar, { cancel: false }) })
+    ] }),
+    /* @__PURE__ */ jsxs10("div", { className: "ad-notes", children: [
+      /* @__PURE__ */ jsx10("strong", { children: "Note:" }),
+      /* @__PURE__ */ jsxs10("ul", { children: [
+        /* @__PURE__ */ jsx10("li", { children: "If the specified path is wrong or unavailable, backup files will be stored in the default Backup folder." }),
+        /* @__PURE__ */ jsx10("li", { children: "You can protect your backup with a password under Admin > Product Settings > Security and Privacy." }),
+        /* @__PURE__ */ jsx10("li", { children: "Automatic backup can be enabled only if you are using the built-in PostgreSQL database." })
+      ] })
+    ] })
+  ] });
+}
+function SiteBased() {
+  const [selected, setSelected] = useState10("adselfservice.com");
+  const [open, setOpen] = useState10(false);
+  const ous = ["adselfservice.com", "Computers", "Demo-Admins", "Demo-Computers", "Demo-Contact", "Demo-Developers", "Demo-Engineering", "Demo-Finance", "Demo-Groups", "Demo-HR", "Demo-Marketing", "Demo-Sales", "Demo-SelfService", "Demo-Technical Support", "Demo-Testing", "Demo-Users", "Domain Controllers", "Users"];
+  return /* @__PURE__ */ jsxs10(Fragment6, { children: [
+    /* @__PURE__ */ jsxs10(Frame, { title: "Site Based DC Updater", help: "Configure site based domain controller selection", children: [
+      /* @__PURE__ */ jsxs10("div", { className: "ad-site-domain", children: [
+        /* @__PURE__ */ jsx10("strong", { children: "Select Domain" }),
+        /* @__PURE__ */ jsx10(InlineSelect, { options: ["ADSELFSERVICE"] })
+      ] }),
+      /* @__PURE__ */ jsxs10("div", { className: "ad-site-picker", children: [
+        /* @__PURE__ */ jsxs10("div", { className: "ad-site-column", children: [
+          /* @__PURE__ */ jsx10("strong", { children: "OUs" }),
+          /* @__PURE__ */ jsx10("div", { className: "ad-ou-tree", children: ous.map((ou, i) => /* @__PURE__ */ jsxs10("label", { className: "ad-ou-row", style: { paddingLeft: i === 0 ? 16 : 36 }, children: [
+            /* @__PURE__ */ jsx10("input", { type: "checkbox", checked: selected === ou, onChange: () => setSelected(ou) }),
+            /* @__PURE__ */ jsx10("span", { children: i === 0 ? "\u25A3" : "\u25B8" }),
+            ou
+          ] }, ou)) })
+        ] }),
+        /* @__PURE__ */ jsxs10("div", { className: "ad-site-column", children: [
+          /* @__PURE__ */ jsxs10("strong", { children: [
+            "Domain Controller (",
+            selected,
+            ")"
+          ] }),
+          /* @__PURE__ */ jsx10("div", { className: "ad-dc-list", children: "\u25A3 \xA0 adsspdemo1.adselfservice.com" }),
+          /* @__PURE__ */ jsx10(TextLink, { onClick: () => setOpen(true), children: "Select More DCs" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx10(CheckRow, { children: "Set higher priority to Site-based DC Updater over policy-based DC Updater" }),
+      /* @__PURE__ */ jsx10(SaveBar, {})
+    ] }),
+    /* @__PURE__ */ jsx10(Modal, { title: "Select More DCs", open, onClose: () => setOpen(false), footer: /* @__PURE__ */ jsx10(Button, { variant: "primary", onClick: () => setOpen(false), children: "Done" }), children: /* @__PURE__ */ jsx10(CheckRow, { defaultChecked: true, children: "adsspdemo1.adselfservice.com" }) })
+  ] });
+}
+function Integration() {
+  const [selected, setSelected] = useState10("");
+  const apps = [["ADManager Plus", "ADManager Plus"], ["ServiceDesk Plus", "ServiceDesk Plus"], ["splunk>", "Splunk Server"], ["SYSLOG", "Syslog Server"], ["Hibp?", "Have I Been Pwned?"], ["Log360 - EventLog Analyzer", "Log360"], ["ServiceDesk Plus Cloud", "ServiceDesk Plus Cloud"]];
+  return /* @__PURE__ */ jsxs10(Fragment6, { children: [
+    /* @__PURE__ */ jsx10(Frame, { title: "Integration Settings", help: "Configure external integrations", children: /* @__PURE__ */ jsx10("div", { className: "ad-integration-grid", children: apps.map(([logo, label]) => /* @__PURE__ */ jsxs10("button", { className: "ad-integration-tile", onClick: () => setSelected(label), children: [
+      /* @__PURE__ */ jsx10("strong", { children: logo }),
+      /* @__PURE__ */ jsx10("span", { children: label })
+    ] }, label)) }) }),
+    /* @__PURE__ */ jsxs10(Modal, { title: selected, open: !!selected, onClose: () => setSelected(""), footer: /* @__PURE__ */ jsx10(Button, { onClick: () => setSelected(""), children: "Close" }), children: [
+      /* @__PURE__ */ jsxs10(Notice, { children: [
+        "Configure the connection for ",
+        selected,
+        "."
+      ] }),
+      /* @__PURE__ */ jsx10(TextField, { label: "Server URL" })
+    ] })
+  ] });
+}
+function WindowsService() {
+  return /* @__PURE__ */ jsx10(Frame, { title: "ADSelfService Plus as Windows Service", children: /* @__PURE__ */ jsxs10("div", { className: "ad-service-instructions", children: [
+    /* @__PURE__ */ jsx10("h2", { children: "To install and start ADSelfService Plus as a service:" }),
+    /* @__PURE__ */ jsxs10("ol", { children: [
+      /* @__PURE__ */ jsx10("li", { children: "Please stop ADSelfService Plus if it is running. (Start-->All Programs-->ADSelfService Plus-->Stop ADSelfService Plus)" }),
+      /* @__PURE__ */ jsx10("li", { children: "Install as a service. (Start-->All Programs-->ADSelfService Plus-->NT Service-->Install ADSelfService Plus as Service)" }),
+      /* @__PURE__ */ jsxs10("li", { children: [
+        "Start as a service:",
+        /* @__PURE__ */ jsxs10("ol", { type: "i", children: [
+          /* @__PURE__ */ jsx10("li", { children: 'Start-->Run and type "services.msc"' }),
+          /* @__PURE__ */ jsx10("li", { children: 'Right-click on "ManageEngine ADSelfService Plus" and Click on Properties.' }),
+          /* @__PURE__ */ jsx10("li", { children: 'Go to Logon Tab and choose "This Account" option. Enter administrative credentials and click OK.' }),
+          /* @__PURE__ */ jsx10("li", { children: 'Right-click on "ManageEngine ADSelfService Plus" and Click on Start.' })
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+function Security() {
+  return /* @__PURE__ */ jsxs10(Frame, { title: "Security and Privacy", tabs: ["Privacy Settings"], children: [
+    /* @__PURE__ */ jsx10(SectionTitle, { children: "Data Security" }),
+    /* @__PURE__ */ jsx10("p", { children: "Enable password protection for" }),
+    /* @__PURE__ */ jsxs10("div", { className: "ad-option-list", children: [
+      /* @__PURE__ */ jsxs10("div", { className: "ad-option-inline", children: [
+        /* @__PURE__ */ jsx10(CheckRow, { children: "Scheduled and exported reports" }),
+        /* @__PURE__ */ jsx10("input", { className: "ad-input", type: "password", disabled: true })
+      ] }),
+      /* @__PURE__ */ jsxs10("div", { className: "ad-option-inline", children: [
+        /* @__PURE__ */ jsx10(CheckRow, { children: "Database backup files" }),
+        /* @__PURE__ */ jsx10("input", { className: "ad-input", type: "password", disabled: true })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx10(SectionTitle, { children: "Usage Statistics" }),
+    /* @__PURE__ */ jsx10(CheckRow, { defaultChecked: true, children: "Send product usage statistics anonymously" }),
+    /* @__PURE__ */ jsx10(SaveBar, { saveLabel: "Save Settings" })
+  ] });
+}
+function RestrictUsers() {
+  const [active, setActive] = useState10("Restrict Users");
+  const [open, setOpen] = useState10(false);
+  return /* @__PURE__ */ jsxs10(Fragment6, { children: [
+    /* @__PURE__ */ jsxs10(Frame, { title: "Restricted Users", action: /* @__PURE__ */ jsxs10("div", { className: "ad-header-links", children: [
+      /* @__PURE__ */ jsx10(TextLink, { children: "Schedule to Restrict/Derestrict" }),
+      /* @__PURE__ */ jsx10(TextLink, { children: "License Info" })
+    ] }), children: [
+      /* @__PURE__ */ jsxs10(Notice, { tone: "warning", children: [
+        /* @__PURE__ */ jsx10("strong", { children: "Note" }),
+        /* @__PURE__ */ jsxs10("ul", { children: [
+          /* @__PURE__ */ jsx10("li", { children: "Prevent licenses being wasted by stale user accounts." }),
+          /* @__PURE__ */ jsx10("li", { children: "Restrict inactive user accounts and prevent them from being exploited." }),
+          /* @__PURE__ */ jsx10("li", { children: "Enrolment data of a restricted user would be deleted automatically." }),
+          /* @__PURE__ */ jsx10("li", { children: "Restricting a user revokes and frees up the Endpoint MFA license they have consumed." })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx10(Tabs, { tabs: ["Restrict Users", "Derestrict Users"], active, onChange: setActive }),
+      /* @__PURE__ */ jsxs10("div", { className: "ad-restrict-toolbar", children: [
+        /* @__PURE__ */ jsx10("span", { children: "Select Directory" }),
+        /* @__PURE__ */ jsx10(InlineSelect, { options: ["ADSELFSERVICE"] }),
+        /* @__PURE__ */ jsx10("span", { className: "ad-restrict-count", children: "0-0 of 0" }),
+        /* @__PURE__ */ jsx10(InlineSelect, { options: ["25", "50", "100"] })
+      ] }),
+      /* @__PURE__ */ jsx10(DataTable, { columns: [""], empty: `There are no ${active === "Restrict Users" ? "restricted" : "derestricted"} users in this directory. Click ${active} to start.` }),
+      /* @__PURE__ */ jsx10("div", { className: "ad-spaced", children: /* @__PURE__ */ jsx10(Button, { variant: "primary", onClick: () => setOpen(true), children: active }) })
+    ] }),
+    /* @__PURE__ */ jsx10(Modal, { title: active, open, onClose: () => setOpen(false), footer: /* @__PURE__ */ jsx10(Button, { variant: "primary", onClick: () => setOpen(false), children: "Done" }), children: /* @__PURE__ */ jsx10(TextField, { label: "Search Users", placeholder: "Search by name" }) })
+  ] });
+}
+var SCREENS = { login: LoginSettings, personalize: Personalize, failover: Failover, reverse: ReverseProxy, connection: Connection, mail: MailSms, dashboard: DashboardUpdater, backup: Backup, site: SiteBased, integration: Integration, windows: WindowsService, security: Security, restrict: RestrictUsers };
+function AdminScreen({ screen, screens = {}, renderScreen, screenProps = {} }) {
+  const override = renderScreen?.(screen);
+  if (override !== void 0) return override;
+  const Component = screens[screen] || SCREENS[screen] || LoginSettings;
+  return /* @__PURE__ */ jsx10(Component, { ...screenProps }, screen);
+}
+
+// src/pages/AdminScreen.tsx
+import { jsx as jsx11 } from "react/jsx-runtime";
+var ADMIN_GROUPS2 = ADMIN_GROUPS;
+function AdminScreen2(props) {
+  const Component = AdminScreen;
+  return /* @__PURE__ */ jsx11(Component, { ...props });
+}
 export {
+  ADMIN_GROUPS2 as ADMIN_GROUPS,
   ActionBar,
   ActiveDirectoryChart,
+  AdminScreen2 as AdminScreen,
   AdminShell,
   AppShell,
   Button,
@@ -708,12 +1450,14 @@ export {
   CheckRow,
   CollapsibleSidebar,
   ConfigurationHeader,
+  ConfigurationPage,
   ConfigurationSidebar,
   DASHBOARD_METRICS,
   DASHBOARD_SHORTCUTS,
   DEMO_POLICIES,
   DIRECTORY_REPORT_DATA,
   DashboardLayout,
+  DashboardPage,
   DashboardToolbar,
   DataTable,
   ExpandedWidget,
@@ -743,6 +1487,7 @@ export {
   ReportNavigation,
   ReportPageHeading,
   ReportResults,
+  ReportsPage,
   SELF_SERVICE_REPORT_DATA,
   SaveBar,
   SectionTitle,