@shellui/core 0.0.11 → 0.0.12

package/dist/SettingsView-2QMtfS71.js

@@ -0,0 +1,2207 @@
+import { jsx as e, jsxs as n, Fragment as W } from "react/jsx-runtime";
+import { forwardRef as D, Children as _, isValidElement as ae, cloneElement as ie, useState as w, useEffect as E, useMemo as R, useCallback as H } from "react";
+import { Slot as se } from "@radix-ui/react-slot";
+import { c as N, a as S, u as I, e as oe, g as le, B as p, h as re, i as B, j as q, k as Q, l as M, m as ce, n as de, o as me, b as ge, r as ue, p as V, q as pe } from "./index-PsePV0Ng.js";
+import { S as he, a as fe, c as ve, e as be, f as ye, g as xe, h as ke, i as Ne, j as we } from "./sidebar-Cvm_uv4l.js";
+import { useLocation as Ce, useNavigate as Te, Routes as G, Route as j, Navigate as Ae } from "react-router";
+import { useTranslation as C } from "react-i18next";
+import L from "./constants/urls.js";
+import { shellui as m, getLogger as Le } from "@shellui/sdk";
+import { S as z } from "./switch-BjkiJBIa.js";
+const Y = D(({ ...t }, a) => /* @__PURE__ */ e(
+  "nav",
+  {
+    ref: a,
+    "aria-label": "breadcrumb",
+    ...t
+  }
+));
+Y.displayName = "Breadcrumb";
+const J = D(
+  ({ className: t, ...a }, s) => /* @__PURE__ */ e(
+    "ol",
+    {
+      ref: s,
+      className: N(
+        "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",
+        t
+      ),
+      ...a
+    }
+  )
+);
+J.displayName = "BreadcrumbList";
+const U = D(
+  ({ className: t, ...a }, s) => /* @__PURE__ */ e(
+    "li",
+    {
+      ref: s,
+      className: N("inline-flex items-center gap-1.5", t),
+      ...a
+    }
+  )
+);
+U.displayName = "BreadcrumbItem";
+const Se = D(({ asChild: t, className: a, ...s }, l) => /* @__PURE__ */ e(
+  t ? se : "a",
+  {
+    ref: l,
+    className: N("transition-colors hover:text-foreground", a),
+    ...s
+  }
+));
+Se.displayName = "BreadcrumbLink";
+const X = D(
+  ({ className: t, ...a }, s) => /* @__PURE__ */ e(
+    "span",
+    {
+      ref: s,
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: N("font-normal text-foreground", t),
+      ...a
+    }
+  )
+);
+X.displayName = "BreadcrumbPage";
+const ee = ({ children: t, className: a, ...s }) => /* @__PURE__ */ e(
+  "li",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    className: N("[&>svg]:size-3.5", a),
+    ...s,
+    children: t ?? /* @__PURE__ */ e(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        children: /* @__PURE__ */ e("polyline", { points: "9 18 15 12 9 6" })
+      }
+    )
+  }
+);
+ee.displayName = "BreadcrumbSeparator";
+const Fe = () => /* @__PURE__ */ e(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: /* @__PURE__ */ e(
+      "path",
+      {
+        fill: "none",
+        d: "m14.622 17.897l-10.68-2.913M18.376 2.622a1 1 0 1 1 3.002 3.002L17.36 9.643a.5.5 0 0 0 0 .707l.944.944a2.41 2.41 0 0 1 0 3.408l-.944.944a.5.5 0 0 1-.707 0L8.354 7.348a.5.5 0 0 1 0-.707l.944-.944a2.41 2.41 0 0 1 3.408 0l.944.944a.5.5 0 0 0 .707 0zM9 8c-1.804 2.71-3.97 3.46-6.583 3.948a.507.507 0 0 0-.302.819l7.32 8.883a1 1 0 0 0 1.185.204C12.735 20.405 16 16.792 16 15"
+      }
+    )
+  }
+), Be = () => /* @__PURE__ */ n(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ e(
+        "circle",
+        {
+          cx: "12",
+          cy: "12",
+          r: "10"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "line",
+        {
+          x1: "2",
+          x2: "22",
+          y1: "12",
+          y2: "12"
+        }
+      ),
+      /* @__PURE__ */ e("path", { d: "M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" })
+    ]
+  }
+), Ee = () => /* @__PURE__ */ e(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: /* @__PURE__ */ e("polyline", { points: "20 6 9 17 4 12" })
+  }
+), De = () => /* @__PURE__ */ n(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ e("path", { d: "M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" }),
+      /* @__PURE__ */ e(
+        "circle",
+        {
+          cx: "12",
+          cy: "12",
+          r: "3"
+        }
+      )
+    ]
+  }
+), Ie = () => /* @__PURE__ */ n(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ e("polyline", { points: "16 18 22 12 16 6" }),
+      /* @__PURE__ */ e("polyline", { points: "8 6 2 12 8 18" })
+    ]
+  }
+), Pe = () => /* @__PURE__ */ e(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: /* @__PURE__ */ e("polyline", { points: "9 18 15 12 9 6" })
+  }
+), Re = () => /* @__PURE__ */ e(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: /* @__PURE__ */ e("polyline", { points: "15 18 9 12 15 6" })
+  }
+), We = () => /* @__PURE__ */ e(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: /* @__PURE__ */ e("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" })
+  }
+), Me = () => /* @__PURE__ */ n(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    width: "16",
+    height: "16",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ e("path", { d: "M21 12a9 9 0 0 0-9-9a9.75 9.75 0 0 0-6.74 2.74L3 8" }),
+      /* @__PURE__ */ e("path", { d: "M3 3v5h5m-5 4a9 9 0 0 0 9 9a9.75 9.75 0 0 0 6.74-2.74L21 16" }),
+      /* @__PURE__ */ e("path", { d: "M16 16h5v5" })
+    ]
+  }
+), ze = () => /* @__PURE__ */ n(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ e("path", { d: "m7.5 4.27 9 5.15" }),
+      /* @__PURE__ */ e("path", { d: "M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z" }),
+      /* @__PURE__ */ e("path", { d: "m3.3 7 8.7 5 8.7-5" }),
+      /* @__PURE__ */ e("path", { d: "M12 22V12" })
+    ]
+  }
+), Z = D(
+  ({ className: t, children: a, ...s }, l) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: l,
+      className: N("inline-flex rounded-md", t),
+      role: "group",
+      ...s,
+      children: _.map(a, (i, f) => {
+        if (ae(i)) {
+          const r = f === 0, c = f === _.count(a) - 1;
+          return ie(i, {
+            className: N(
+              // Remove rounded corners from all buttons
+              "rounded-none",
+              // First button: rounded left only (uses theme radius)
+              r && "rounded-l-md",
+              // Last button: rounded right only (uses theme radius)
+              c && "rounded-r-md",
+              // Remove left border from all except first, using theme border color
+              !r && "border-l-0 -ml-px",
+              i.props.className
+            )
+          });
+        }
+        return i;
+      })
+    }
+  )
+);
+Z.displayName = "ButtonGroup";
+const je = () => /* @__PURE__ */ n(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ e(
+        "circle",
+        {
+          cx: "12",
+          cy: "12",
+          r: "4"
+        }
+      ),
+      /* @__PURE__ */ e("path", { d: "M12 2v2" }),
+      /* @__PURE__ */ e("path", { d: "M12 20v2" }),
+      /* @__PURE__ */ e("path", { d: "m4.93 4.93 1.41 1.41" }),
+      /* @__PURE__ */ e("path", { d: "m17.66 17.66 1.41 1.41" }),
+      /* @__PURE__ */ e("path", { d: "M2 12h2" }),
+      /* @__PURE__ */ e("path", { d: "M20 12h2" }),
+      /* @__PURE__ */ e("path", { d: "m6.34 17.66-1.41 1.41" }),
+      /* @__PURE__ */ e("path", { d: "m19.07 4.93-1.41 1.41" })
+    ]
+  }
+), Ue = () => /* @__PURE__ */ e(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: /* @__PURE__ */ e("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" })
+  }
+), Ze = () => /* @__PURE__ */ n(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ e(
+        "rect",
+        {
+          width: "20",
+          height: "14",
+          x: "2",
+          y: "3",
+          rx: "2"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "line",
+        {
+          x1: "8",
+          x2: "16",
+          y1: "21",
+          y2: "21"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "line",
+        {
+          x1: "12",
+          x2: "12",
+          y1: "17",
+          y2: "21"
+        }
+      )
+    ]
+  }
+), $e = ({
+  theme: t,
+  isSelected: a,
+  isDark: s
+}) => {
+  const l = s ? t.colors.dark : t.colors.light;
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: N(
+        "relative overflow-hidden rounded-lg border-2 transition-all",
+        a ? "border-primary shadow-lg" : "border-border"
+      ),
+      style: { backgroundColor: l.background },
+      children: [
+        /* @__PURE__ */ n("div", { className: "p-3 space-y-2", children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: "h-8 rounded-md",
+              style: { backgroundColor: l.primary }
+            }
+          ),
+          /* @__PURE__ */ n("div", { className: "flex gap-1", children: [
+            /* @__PURE__ */ e(
+              "div",
+              {
+                className: "h-6 flex-1 rounded",
+                style: { backgroundColor: l.background }
+              }
+            ),
+            /* @__PURE__ */ e(
+              "div",
+              {
+                className: "h-6 flex-1 rounded",
+                style: { backgroundColor: l.secondary }
+              }
+            ),
+            /* @__PURE__ */ e(
+              "div",
+              {
+                className: "h-6 flex-1 rounded",
+                style: { backgroundColor: l.accent }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ n("div", { className: "flex gap-1", children: [
+            /* @__PURE__ */ e(
+              "div",
+              {
+                className: "h-4 flex-1 rounded",
+                style: { backgroundColor: l.muted }
+              }
+            ),
+            /* @__PURE__ */ e(
+              "div",
+              {
+                className: "h-4 flex-1 rounded",
+                style: { backgroundColor: l.border }
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: "absolute bottom-0 left-0 right-0 bg-background/90 backdrop-blur-sm px-2 py-1",
+            style: { backgroundColor: l.background },
+            children: /* @__PURE__ */ e(
+              "p",
+              {
+                className: "text-xs font-medium text-center",
+                style: t.fontFamily ? {
+                  fontFamily: t.fontFamily,
+                  letterSpacing: t.letterSpacing || "normal",
+                  textShadow: t.textShadow || "none"
+                } : {},
+                children: t.displayName
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}, _e = () => {
+  const { t } = C("settings"), { settings: a, updateSetting: s } = S(), { config: l } = I(), i = a.appearance?.theme || "system", f = a.appearance?.themeName || "default", [r, c] = w([]);
+  E(() => {
+    l?.themes && l.themes.forEach((g) => {
+      oe(g);
+    }), c(le());
+  }, [l]);
+  const [u, v] = w(() => typeof window > "u" ? !1 : i === "dark" || i === "system" && window.matchMedia("(prefers-color-scheme: dark)").matches);
+  E(() => {
+    if (typeof window > "u") return;
+    const g = () => {
+      v(
+        i === "dark" || i === "system" && window.matchMedia("(prefers-color-scheme: dark)").matches
+      );
+    };
+    if (g(), i === "system") {
+      const d = window.matchMedia("(prefers-color-scheme: dark)"), h = () => g();
+      if (d.addEventListener)
+        return d.addEventListener("change", h), () => d.removeEventListener("change", h);
+      if (d.addListener)
+        return d.addListener(h), () => d.removeListener(h);
+    }
+  }, [i]);
+  const x = [
+    { value: "light", label: t("appearance.themes.light"), icon: je },
+    { value: "dark", label: t("appearance.themes.dark"), icon: Ue },
+    { value: "system", label: t("appearance.themes.system"), icon: Ze }
+  ];
+  return /* @__PURE__ */ n("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ n("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ n("div", { className: "space-y-0.5", children: [
+        /* @__PURE__ */ e(
+          "label",
+          {
+            className: "text-sm font-medium leading-none",
+            style: { fontFamily: "var(--heading-font-family, inherit)" },
+            children: t("appearance.mode")
+          }
+        ),
+        /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: t("appearance.modeDescription") })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "mt-2", children: /* @__PURE__ */ e(Z, { children: x.map((g) => {
+        const d = g.icon, h = i === g.value;
+        return /* @__PURE__ */ n(
+          p,
+          {
+            variant: h ? "default" : "outline",
+            onClick: () => {
+              s("appearance", { theme: g.value });
+            },
+            className: N(
+              "h-10 px-4 transition-all flex items-center gap-2 cursor-pointer",
+              h && ["font-semibold"],
+              !h && ["bg-background hover:bg-accent/50", "text-muted-foreground"]
+            ),
+            "aria-label": g.label,
+            title: g.label,
+            children: [
+              /* @__PURE__ */ e(d, {}),
+              /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: g.label })
+            ]
+          },
+          g.value
+        );
+      }) }) })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ n("div", { className: "space-y-0.5", children: [
+        /* @__PURE__ */ e(
+          "label",
+          {
+            className: "text-sm font-medium leading-none",
+            style: { fontFamily: "var(--heading-font-family, inherit)" },
+            children: t("appearance.colorTheme")
+          }
+        ),
+        /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: t("appearance.colorThemeDescription") })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "mt-2 grid grid-cols-2 md:grid-cols-3 gap-4", children: r.map((g) => {
+        const d = f === g.name;
+        return /* @__PURE__ */ e(
+          "button",
+          {
+            onClick: () => {
+              s("appearance", { themeName: g.name });
+            },
+            className: N(
+              "text-left transition-all cursor-pointer",
+              d && "ring-2 ring-primary ring-offset-2 rounded-lg"
+            ),
+            "aria-label": g.displayName,
+            children: /* @__PURE__ */ e(
+              $e,
+              {
+                theme: g,
+                isSelected: d,
+                isDark: u
+              }
+            )
+          },
+          g.name
+        );
+      }) })
+    ] })
+  ] });
+}, $ = D(
+  ({ className: t, children: a, ...s }, l) => /* @__PURE__ */ e(
+    "select",
+    {
+      className: N(
+        "select-field flex h-10 w-full rounded-md border border-input bg-background pl-3 pr-10 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 cursor-pointer disabled:cursor-not-allowed disabled:opacity-50",
+        t
+      ),
+      ref: l,
+      ...s,
+      children: a
+    }
+  )
+);
+$.displayName = "Select";
+const He = () => /* @__PURE__ */ n(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ e(
+        "circle",
+        {
+          cx: "12",
+          cy: "12",
+          r: "10"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "line",
+        {
+          x1: "2",
+          x2: "22",
+          y1: "12",
+          y2: "12"
+        }
+      ),
+      /* @__PURE__ */ e("path", { d: "M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" })
+    ]
+  }
+), Ve = () => /* @__PURE__ */ n(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ e(
+        "circle",
+        {
+          cx: "12",
+          cy: "12",
+          r: "10"
+        }
+      ),
+      /* @__PURE__ */ e("polyline", { points: "12 6 12 12 16 14" })
+    ]
+  }
+), Ge = [
+  {
+    label: "UTC",
+    timezones: [{ value: "UTC", label: "UTC (Coordinated Universal Time)" }]
+  },
+  {
+    label: "North America",
+    timezones: [
+      { value: "America/New_York", label: "Eastern Time (US & Canada)" },
+      { value: "America/Chicago", label: "Central Time (US & Canada)" },
+      { value: "America/Denver", label: "Mountain Time (US & Canada)" },
+      { value: "America/Los_Angeles", label: "Pacific Time (US & Canada)" },
+      { value: "America/Toronto", label: "Toronto" },
+      { value: "America/Vancouver", label: "Vancouver" },
+      { value: "America/Mexico_City", label: "Mexico City" }
+    ]
+  },
+  {
+    label: "South America",
+    timezones: [
+      { value: "America/Sao_Paulo", label: "São Paulo" },
+      { value: "America/Buenos_Aires", label: "Buenos Aires" }
+    ]
+  },
+  {
+    label: "Europe",
+    timezones: [
+      { value: "Europe/London", label: "London" },
+      { value: "Europe/Paris", label: "Paris" },
+      { value: "Europe/Berlin", label: "Berlin" },
+      { value: "Europe/Rome", label: "Rome" },
+      { value: "Europe/Madrid", label: "Madrid" },
+      { value: "Europe/Amsterdam", label: "Amsterdam" },
+      { value: "Europe/Stockholm", label: "Stockholm" },
+      { value: "Europe/Zurich", label: "Zurich" }
+    ]
+  },
+  {
+    label: "Asia",
+    timezones: [
+      { value: "Asia/Tokyo", label: "Tokyo" },
+      { value: "Asia/Shanghai", label: "Shanghai" },
+      { value: "Asia/Hong_Kong", label: "Hong Kong" },
+      { value: "Asia/Singapore", label: "Singapore" },
+      { value: "Asia/Dubai", label: "Dubai" },
+      { value: "Asia/Kolkata", label: "Mumbai, New Delhi" },
+      { value: "Asia/Bangkok", label: "Bangkok" }
+    ]
+  },
+  {
+    label: "Australia & Pacific",
+    timezones: [
+      { value: "Australia/Sydney", label: "Sydney" },
+      { value: "Australia/Melbourne", label: "Melbourne" },
+      { value: "Pacific/Auckland", label: "Auckland" }
+    ]
+  }
+], O = (t, a, s) => {
+  try {
+    return new Intl.DateTimeFormat(s, {
+      timeZone: a,
+      weekday: "long",
+      year: "numeric",
+      month: "long",
+      day: "numeric"
+    }).format(t);
+  } catch {
+    return t.toLocaleDateString(s);
+  }
+}, K = (t, a, s) => {
+  try {
+    return new Intl.DateTimeFormat(s, {
+      timeZone: a,
+      hour: "2-digit",
+      minute: "2-digit",
+      second: "2-digit",
+      hour12: !1
+    }).format(t);
+  } catch {
+    return t.toLocaleTimeString(s);
+  }
+}, Oe = () => typeof Intl < "u" ? Intl.DateTimeFormat().resolvedOptions().timeZone : "UTC", Ke = (t, a = "en") => {
+  try {
+    const i = new Intl.DateTimeFormat(a, {
+      timeZone: t,
+      timeZoneName: "long"
+    }).formatToParts(/* @__PURE__ */ new Date()).find((r) => r.type === "timeZoneName")?.value;
+    return i || t.split("/").pop()?.replace(/_/g, " ") || t;
+  } catch {
+    return t;
+  }
+}, qe = () => {
+  const { t } = C("settings"), { settings: a, updateSetting: s } = S(), { config: l } = I(), i = a.language?.code || "en", f = Oe(), r = a.region?.timezone || f, c = r === f, u = re(l?.language), v = () => {
+    s("region", { timezone: f });
+  }, [x, g] = w(() => {
+    const d = /* @__PURE__ */ new Date();
+    return {
+      date: O(d, r, i),
+      time: K(d, r, i)
+    };
+  });
+  return E(() => {
+    const d = () => {
+      const y = /* @__PURE__ */ new Date();
+      g({
+        date: O(y, r, i),
+        time: K(y, r, i)
+      });
+    };
+    d();
+    const h = setInterval(d, 1e3);
+    return () => clearInterval(h);
+  }, [r, i]), /* @__PURE__ */ n("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ n("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ e(
+        "label",
+        {
+          className: "text-sm font-medium leading-none",
+          style: { fontFamily: "var(--heading-font-family, inherit)" },
+          children: t("languageAndRegion.language")
+        }
+      ),
+      /* @__PURE__ */ e("div", { className: "mt-2", children: /* @__PURE__ */ e(Z, { children: u.map((d) => {
+        const h = i === d.code;
+        return /* @__PURE__ */ n(
+          p,
+          {
+            variant: h ? "default" : "outline",
+            onClick: () => {
+              s("language", { code: d.code });
+            },
+            className: N(
+              "h-10 px-4 transition-all flex items-center gap-2",
+              h && ["shadow-md", "font-semibold"],
+              !h && ["bg-background hover:bg-accent/50", "text-muted-foreground"]
+            ),
+            "aria-label": d.nativeName,
+            title: d.nativeName,
+            children: [
+              /* @__PURE__ */ e(He, {}),
+              /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: d.nativeName })
+            ]
+          },
+          d.code
+        );
+      }) }) })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ e(
+          "label",
+          {
+            className: "text-sm font-medium leading-none",
+            style: { fontFamily: "var(--heading-font-family, inherit)" },
+            children: t("languageAndRegion.region")
+          }
+        ),
+        !c && /* @__PURE__ */ e(
+          p,
+          {
+            variant: "ghost",
+            size: "sm",
+            onClick: v,
+            className: "h-8 text-xs",
+            children: t("languageAndRegion.resetToBrowser")
+          }
+        )
+      ] }),
+      /* @__PURE__ */ n("div", { className: "mt-2 space-y-3", children: [
+        /* @__PURE__ */ e(
+          $,
+          {
+            value: r,
+            onChange: (d) => {
+              s("region", { timezone: d.target.value });
+            },
+            className: "w-full",
+            children: Ge.map((d) => /* @__PURE__ */ e(
+              "optgroup",
+              {
+                label: d.label,
+                children: d.timezones.map((h) => {
+                  const y = h.value === f;
+                  return /* @__PURE__ */ n(
+                    "option",
+                    {
+                      value: h.value,
+                      children: [
+                        h.label,
+                        y ? ` (${t("languageAndRegion.defaultBrowser")})` : ""
+                      ]
+                    },
+                    h.value
+                  );
+                })
+              },
+              d.label
+            ))
+          }
+        ),
+        /* @__PURE__ */ n("div", { className: "flex items-center gap-2 px-3 py-2 rounded-md bg-muted/60 border border-border/50", children: [
+          /* @__PURE__ */ e(Ve, {}),
+          /* @__PURE__ */ n("div", { className: "flex items-baseline gap-2", children: [
+            /* @__PURE__ */ e("span", { className: "text-lg font-semibold tabular-nums", children: x.time }),
+            /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: x.date })
+          ] })
+        ] }),
+        /* @__PURE__ */ n("div", { className: "text-xs text-muted-foreground flex items-center gap-1", children: [
+          /* @__PURE__ */ n("span", { children: [
+            t("languageAndRegion.timezoneLabel"),
+            ":"
+          ] }),
+          /* @__PURE__ */ e("span", { className: "font-medium", children: Ke(r, i) }),
+          c && /* @__PURE__ */ n("span", { className: "ml-1", children: [
+            "(",
+            t("languageAndRegion.defaultBrowser"),
+            ")"
+          ] })
+        ] })
+      ] })
+    ] })
+  ] });
+}, Qe = Le("shellcore"), Ye = () => {
+  const { t } = C("settings"), { config: a } = I(), { settings: s } = S(), [l, i] = w(!1), [f, r] = w(!1), [c, u] = w(!1), [v, x] = w(!1), g = s?.serviceWorker?.enabled ?? !0;
+  E(() => B() ? void 0 : ((async () => {
+    const b = await M();
+    i(b.updateAvailable);
+  })(), q((b) => {
+    i(b.updateAvailable), b.updateAvailable && (u(!1), x(!1));
+  })), []);
+  const d = async () => {
+    if (!B()) {
+      u(!1), x(!1), r(!0);
+      try {
+        if ((await M()).updateAvailable)
+          return;
+        await ce(), await new Promise((o) => setTimeout(o, 1e3)), l || (await M()).updateAvailable || (u(!0), window.setTimeout(() => u(!1), 3e3));
+      } catch (y) {
+        x(!0), Qe.error("Failed to check for service worker update:", { error: y });
+      } finally {
+        r(!1);
+      }
+    }
+  }, h = a?.version ?? t("updateApp.versionUnknown");
+  return B() ? /* @__PURE__ */ e("div", { className: "space-y-6", children: /* @__PURE__ */ n("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ n("div", { className: "space-y-0.5", children: [
+      /* @__PURE__ */ e(
+        "label",
+        {
+          className: "text-sm font-medium leading-none",
+          style: { fontFamily: "var(--heading-font-family, inherit)" },
+          children: t("updateApp.currentVersion")
+        }
+      ),
+      /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: h })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "rounded-lg border border-border bg-muted/30 p-4", children: /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: t("updateApp.tauriComingSoon") }) })
+  ] }) }) : /* @__PURE__ */ e("div", { className: "space-y-6", children: /* @__PURE__ */ n("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ n("div", { className: "space-y-0.5", children: [
+      /* @__PURE__ */ e(
+        "label",
+        {
+          className: "text-sm font-medium leading-none",
+          style: { fontFamily: "var(--heading-font-family, inherit)" },
+          children: t("updateApp.currentVersion")
+        }
+      ),
+      /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: h })
+    ] }),
+    g ? /* @__PURE__ */ n(W, { children: [
+      /* @__PURE__ */ n("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ e(
+          "label",
+          {
+            className: "text-sm font-medium leading-none",
+            style: { fontFamily: "var(--heading-font-family, inherit)" },
+            children: t("updateApp.status")
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: "flex items-center gap-2 text-sm mt-2", children: l ? /* @__PURE__ */ n("span", { className: "text-blue-600 dark:text-blue-400", children: [
+          "● ",
+          t("updateApp.statusUpdateAvailable")
+        ] }) : /* @__PURE__ */ n("span", { className: "text-green-600 dark:text-green-400", children: [
+          "● ",
+          t("updateApp.statusUpToDate")
+        ] }) })
+      ] }),
+      /* @__PURE__ */ n("div", { className: "flex items-center gap-2 flex-wrap", children: [
+        l && /* @__PURE__ */ e(
+          p,
+          {
+            variant: "default",
+            onClick: async () => {
+              await Q();
+            },
+            className: "w-full sm:w-auto",
+            children: t("updateApp.installNow")
+          }
+        ),
+        /* @__PURE__ */ e(
+          p,
+          {
+            variant: "outline",
+            onClick: d,
+            disabled: f || l,
+            className: "w-full sm:w-auto",
+            children: f ? /* @__PURE__ */ n(W, { children: [
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  className: "inline-block h-4 w-4 shrink-0 animate-spin rounded-full border-2 border-current border-t-transparent mr-2",
+                  "aria-hidden": !0
+                }
+              ),
+              t("updateApp.checking")
+            ] }) : v ? /* @__PURE__ */ e("span", { className: "inline-flex items-center gap-2 text-red-600 dark:text-red-400", children: t("updateApp.checkError") }) : c && !l ? /* @__PURE__ */ n("span", { className: "inline-flex items-center gap-2 text-green-600 dark:text-green-400", children: [
+              /* @__PURE__ */ e(Ee, {}),
+              t("updateApp.youAreUpToDate")
+            ] }) : t("updateApp.checkForUpdate")
+          }
+        )
+      ] })
+    ] }) : /* @__PURE__ */ n("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: t("updateApp.swDisabledMessage") }),
+      /* @__PURE__ */ e(
+        p,
+        {
+          variant: "outline",
+          onClick: () => {
+            m.sendMessageToParent({
+              type: "SHELLUI_REFRESH_PAGE",
+              payload: {}
+            }) || window.location.reload();
+          },
+          className: "w-full sm:w-auto",
+          children: t("updateApp.refreshApp")
+        }
+      )
+    ] })
+  ] }) });
+}, Je = () => {
+  const { t } = C("settings"), { config: a } = I(), { settings: s, updateSetting: l, resetAllData: i } = S(), f = !!a?.sentry?.dsn, r = (u) => {
+    l("errorReporting", { enabled: u }), u ? de() : me();
+  }, c = () => {
+    m.dialog({
+      title: t("advanced.dangerZone.reset.toast.title"),
+      description: t("advanced.dangerZone.reset.toast.description"),
+      mode: "delete",
+      size: "sm",
+      okLabel: t("advanced.dangerZone.reset.toast.confirm"),
+      cancelLabel: t("advanced.dangerZone.reset.toast.cancel"),
+      onOk: () => {
+        i(), m.toast({
+          title: t("advanced.dangerZone.reset.toast.success.title"),
+          description: t("advanced.dangerZone.reset.toast.success.description"),
+          type: "success"
+        }), m.navigate("/");
+      },
+      onCancel: () => {
+      }
+    });
+  };
+  return /* @__PURE__ */ n("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ n("div", { className: "space-y-0.5", children: [
+        /* @__PURE__ */ e(
+          "span",
+          {
+            className: "text-sm font-medium leading-none",
+            style: { fontFamily: "var(--heading-font-family, inherit)" },
+            children: t("advanced.errorReporting.label")
+          }
+        ),
+        /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: t(f ? "advanced.errorReporting.statusConfigured" : "advanced.errorReporting.statusNotConfigured") })
+      ] }),
+      f && /* @__PURE__ */ e(
+        z,
+        {
+          id: "error-reporting",
+          checked: s.errorReporting.enabled,
+          onCheckedChange: r
+        }
+      )
+    ] }),
+    /* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ n("div", { className: "space-y-0.5", children: [
+        /* @__PURE__ */ e(
+          "label",
+          {
+            htmlFor: "developer-features",
+            className: "text-sm font-medium leading-none",
+            style: { fontFamily: "var(--heading-font-family, inherit)" },
+            children: t("advanced.developerFeatures.label")
+          }
+        ),
+        /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: t("advanced.developerFeatures.description") })
+      ] }),
+      /* @__PURE__ */ e(
+        z,
+        {
+          id: "developer-features",
+          checked: s.developerFeatures.enabled,
+          onCheckedChange: (u) => l("developerFeatures", { enabled: u })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e("div", { className: "border-t pt-6 mt-6", children: /* @__PURE__ */ n("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ n("div", { className: "space-y-0.5", children: [
+        /* @__PURE__ */ e(
+          "h3",
+          {
+            className: "text-sm font-semibold leading-none text-destructive",
+            style: { fontFamily: "var(--heading-font-family, inherit)" },
+            children: t("advanced.dangerZone.title")
+          }
+        ),
+        /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: t("advanced.dangerZone.description") })
+      ] }),
+      /* @__PURE__ */ n("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ n("div", { className: "space-y-0.5", children: [
+          /* @__PURE__ */ e(
+            "label",
+            {
+              className: "text-sm font-medium leading-none",
+              style: { fontFamily: "var(--heading-font-family, inherit)" },
+              children: t("advanced.dangerZone.reset.title")
+            }
+          ),
+          /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: t("advanced.dangerZone.reset.warning") })
+        ] }),
+        /* @__PURE__ */ e(
+          p,
+          {
+            variant: "destructive",
+            onClick: c,
+            className: "w-full sm:w-auto",
+            children: t("advanced.dangerZone.reset.button")
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}, Xe = () => {
+  const { t } = C("settings");
+  return /* @__PURE__ */ n("div", { children: [
+    /* @__PURE__ */ e(
+      "h4",
+      {
+        className: "text-sm font-medium mb-2",
+        style: { fontFamily: "var(--heading-font-family, inherit)" },
+        children: t("develop.testing.toastNotifications.title")
+      }
+    ),
+    /* @__PURE__ */ n("div", { className: "flex flex-wrap gap-2", children: [
+      /* @__PURE__ */ e(
+        p,
+        {
+          onClick: () => {
+            m.toast({
+              title: t("develop.testing.toastNotifications.messages.success.title"),
+              description: t("develop.testing.toastNotifications.messages.success.description"),
+              type: "success"
+            });
+          },
+          variant: "outline",
+          children: t("develop.testing.toastNotifications.buttons.success")
+        }
+      ),
+      /* @__PURE__ */ e(
+        p,
+        {
+          onClick: () => {
+            m.toast({
+              title: t("develop.testing.toastNotifications.messages.error.title"),
+              description: t("develop.testing.toastNotifications.messages.error.description"),
+              type: "error"
+            });
+          },
+          variant: "outline",
+          children: t("develop.testing.toastNotifications.buttons.error")
+        }
+      ),
+      /* @__PURE__ */ e(
+        p,
+        {
+          onClick: () => {
+            m.toast({
+              title: t("develop.testing.toastNotifications.messages.warning.title"),
+              description: t("develop.testing.toastNotifications.messages.warning.description"),
+              type: "warning"
+            });
+          },
+          variant: "outline",
+          children: t("develop.testing.toastNotifications.buttons.warning")
+        }
+      ),
+      /* @__PURE__ */ e(
+        p,
+        {
+          onClick: () => {
+            m.toast({
+              title: t("develop.testing.toastNotifications.messages.info.title"),
+              description: t("develop.testing.toastNotifications.messages.info.description"),
+              type: "info"
+            });
+          },
+          variant: "outline",
+          children: t("develop.testing.toastNotifications.buttons.info")
+        }
+      ),
+      /* @__PURE__ */ e(
+        p,
+        {
+          onClick: () => {
+            m.toast({
+              title: t("develop.testing.toastNotifications.messages.default.title"),
+              description: t("develop.testing.toastNotifications.messages.default.description"),
+              type: "default"
+            });
+          },
+          variant: "outline",
+          children: t("develop.testing.toastNotifications.buttons.default")
+        }
+      ),
+      /* @__PURE__ */ e(
+        p,
+        {
+          onClick: () => {
+            const a = m.toast({
+              title: t("develop.testing.toastNotifications.messages.processing.title"),
+              description: t("develop.testing.toastNotifications.messages.processing.description"),
+              type: "loading"
+            });
+            typeof a == "string" && setTimeout(() => {
+              m.toast({
+                id: a,
+                type: "success",
+                title: t("develop.testing.toastNotifications.messages.uploadComplete.title"),
+                description: t(
+                  "develop.testing.toastNotifications.messages.uploadComplete.description"
+                )
+              });
+            }, 2e3);
+          },
+          variant: "outline",
+          children: t("develop.testing.toastNotifications.buttons.loadingSuccess")
+        }
+      ),
+      /* @__PURE__ */ e(
+        p,
+        {
+          onClick: () => {
+            m.toast({
+              title: t("develop.testing.toastNotifications.messages.withAction.title"),
+              description: t("develop.testing.toastNotifications.messages.withAction.description"),
+              type: "success",
+              action: {
+                label: t("develop.testing.toastNotifications.messages.actionLabels.undo"),
+                onClick: () => {
+                  m.toast({
+                    title: t("develop.testing.toastNotifications.messages.undone.title"),
+                    description: t(
+                      "develop.testing.toastNotifications.messages.undone.description"
+                    ),
+                    type: "info"
+                  });
+                }
+              }
+            });
+          },
+          variant: "outline",
+          children: t("develop.testing.toastNotifications.buttons.withAction")
+        }
+      ),
+      /* @__PURE__ */ e(
+        p,
+        {
+          onClick: () => {
+            m.toast({
+              title: t("develop.testing.toastNotifications.messages.withAction.title"),
+              description: t("develop.testing.toastNotifications.messages.withAction.description"),
+              type: "success",
+              action: {
+                label: t("develop.testing.toastNotifications.messages.actionLabels.undo"),
+                onClick: () => {
+                  m.toast({
+                    title: t("develop.testing.toastNotifications.messages.undone.title"),
+                    description: t(
+                      "develop.testing.toastNotifications.messages.undone.description"
+                    ),
+                    type: "info"
+                  });
+                }
+              },
+              cancel: {
+                label: t("develop.testing.toastNotifications.messages.actionLabels.cancel"),
+                onClick: () => {
+                  m.toast({
+                    title: t("develop.testing.toastNotifications.messages.cancelled.title"),
+                    description: t(
+                      "develop.testing.toastNotifications.messages.cancelled.description"
+                    ),
+                    type: "info"
+                  });
+                }
+              }
+            });
+          },
+          variant: "outline",
+          children: t("develop.testing.toastNotifications.buttons.withActionAndCancel")
+        }
+      ),
+      /* @__PURE__ */ e(
+        p,
+        {
+          onClick: () => {
+            m.toast({
+              title: t("develop.testing.toastNotifications.messages.persistent.title"),
+              description: t("develop.testing.toastNotifications.messages.persistent.description"),
+              type: "info",
+              duration: 1e4
+            });
+          },
+          variant: "outline",
+          children: t("develop.testing.toastNotifications.buttons.longDuration")
+        }
+      )
+    ] })
+  ] });
+}, et = () => {
+  const { t } = C("settings");
+  return /* @__PURE__ */ n("div", { children: [
+    /* @__PURE__ */ e(
+      "h4",
+      {
+        className: "text-sm font-medium mb-2",
+        style: { fontFamily: "var(--heading-font-family, inherit)" },
+        children: t("develop.testing.dialogTesting.title")
+      }
+    ),
+    /* @__PURE__ */ n("div", { className: "flex flex-wrap gap-2", children: [
+      /* @__PURE__ */ e(
+        p,
+        {
+          onClick: () => {
+            m.dialog({
+              title: t("develop.testing.dialogTesting.dialogs.ok.title"),
+              description: t("develop.testing.dialogTesting.dialogs.ok.description"),
+              mode: "ok",
+              onOk: () => {
+                m.toast({
+                  title: t("develop.testing.dialogTesting.toasts.okClicked"),
+                  type: "success"
+                });
+              }
+            });
+          },
+          variant: "outline",
+          children: t("develop.testing.dialogTesting.buttons.okDialog")
+        }
+      ),
+      /* @__PURE__ */ e(
+        p,
+        {
+          onClick: () => {
+            m.dialog({
+              title: t("develop.testing.dialogTesting.dialogs.okCancel.title"),
+              description: t("develop.testing.dialogTesting.dialogs.okCancel.description"),
+              mode: "okCancel",
+              size: "sm",
+              onOk: () => {
+                m.toast({
+                  title: t("develop.testing.dialogTesting.toasts.okClicked"),
+                  type: "success"
+                });
+              },
+              onCancel: () => {
+                m.toast({
+                  title: t("develop.testing.dialogTesting.toasts.cancelClicked"),
+                  type: "info"
+                });
+              }
+            });
+          },
+          variant: "outline",
+          children: t("develop.testing.dialogTesting.buttons.okCancelDialog")
+        }
+      ),
+      /* @__PURE__ */ e(
+        p,
+        {
+          onClick: () => {
+            m.dialog({
+              title: t("develop.testing.dialogTesting.dialogs.delete.title"),
+              description: t("develop.testing.dialogTesting.dialogs.delete.description"),
+              mode: "delete",
+              okLabel: t("develop.testing.dialogTesting.dialogs.delete.okLabel"),
+              cancelLabel: t("develop.testing.dialogTesting.dialogs.delete.cancelLabel"),
+              size: "sm",
+              onOk: () => {
+                m.toast({
+                  title: t("develop.testing.dialogTesting.toasts.itemDeleted"),
+                  type: "success"
+                });
+              },
+              onCancel: () => {
+                m.toast({
+                  title: t("develop.testing.dialogTesting.toasts.deletionCancelled"),
+                  type: "info"
+                });
+              }
+            });
+          },
+          variant: "outline",
+          children: t("develop.testing.dialogTesting.buttons.deleteDialog")
+        }
+      ),
+      /* @__PURE__ */ e(
+        p,
+        {
+          onClick: () => {
+            m.dialog({
+              title: t("develop.testing.dialogTesting.dialogs.confirm.title"),
+              description: t("develop.testing.dialogTesting.dialogs.confirm.description"),
+              mode: "confirm",
+              okLabel: t("develop.testing.dialogTesting.dialogs.confirm.okLabel"),
+              cancelLabel: t("develop.testing.dialogTesting.dialogs.confirm.cancelLabel"),
+              size: "sm",
+              onOk: () => {
+                m.toast({
+                  title: t("develop.testing.dialogTesting.toasts.actionConfirmed"),
+                  type: "success"
+                });
+              },
+              onCancel: () => {
+                m.toast({
+                  title: t("develop.testing.dialogTesting.toasts.actionCancelled"),
+                  type: "info"
+                });
+              }
+            });
+          },
+          variant: "outline",
+          children: t("develop.testing.dialogTesting.buttons.confirmDialog")
+        }
+      ),
+      /* @__PURE__ */ e(
+        p,
+        {
+          onClick: () => {
+            m.dialog({
+              title: t("develop.testing.dialogTesting.dialogs.onlyCancel.title"),
+              description: t("develop.testing.dialogTesting.dialogs.onlyCancel.description"),
+              mode: "onlyCancel",
+              cancelLabel: t("develop.testing.dialogTesting.dialogs.onlyCancel.cancelLabel"),
+              size: "sm",
+              onCancel: () => {
+                m.toast({
+                  title: t("develop.testing.dialogTesting.toasts.dialogClosed"),
+                  type: "info"
+                });
+              }
+            });
+          },
+          variant: "outline",
+          children: t("develop.testing.dialogTesting.buttons.onlyCancelDialog")
+        }
+      )
+    ] })
+  ] });
+}, tt = () => {
+  const { t } = C("settings");
+  return /* @__PURE__ */ n("div", { children: [
+    /* @__PURE__ */ e(
+      "h4",
+      {
+        className: "text-sm font-medium mb-2",
+        style: { fontFamily: "var(--heading-font-family, inherit)" },
+        children: t("develop.testing.modalTesting.title")
+      }
+    ),
+    /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: /* @__PURE__ */ e(
+      p,
+      {
+        onClick: () => m.openModal(L.settings),
+        variant: "outline",
+        children: t("develop.testing.modalTesting.buttons.openModal")
+      }
+    ) }),
+    /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground mt-2", children: t("develop.testing.modalTesting.description") })
+  ] });
+}, nt = () => {
+  const { t } = C("settings"), a = (s) => {
+    m.openDrawer({ url: L.settings, ...s });
+  };
+  return /* @__PURE__ */ n("div", { children: [
+    /* @__PURE__ */ e(
+      "h4",
+      {
+        className: "text-sm font-medium mb-2",
+        style: { fontFamily: "var(--heading-font-family, inherit)" },
+        children: t("develop.testing.drawerTesting.title")
+      }
+    ),
+    /* @__PURE__ */ n("div", { className: "flex flex-wrap gap-2", children: [
+      /* @__PURE__ */ e(
+        p,
+        {
+          onClick: () => a({ position: "right" }),
+          variant: "outline",
+          children: t("develop.testing.drawerTesting.buttons.drawerRight")
+        }
+      ),
+      /* @__PURE__ */ e(
+        p,
+        {
+          onClick: () => a({ position: "left" }),
+          variant: "outline",
+          children: t("develop.testing.drawerTesting.buttons.drawerLeft")
+        }
+      ),
+      /* @__PURE__ */ e(
+        p,
+        {
+          onClick: () => a({ position: "top" }),
+          variant: "outline",
+          children: t("develop.testing.drawerTesting.buttons.drawerTop")
+        }
+      ),
+      /* @__PURE__ */ e(
+        p,
+        {
+          onClick: () => a({ position: "bottom" }),
+          variant: "outline",
+          children: t("develop.testing.drawerTesting.buttons.drawerBottom")
+        }
+      ),
+      /* @__PURE__ */ e(
+        p,
+        {
+          onClick: () => a({ position: "right", size: "400px" }),
+          variant: "outline",
+          children: t("develop.testing.drawerTesting.buttons.drawerRightNarrow")
+        }
+      ),
+      /* @__PURE__ */ e(
+        p,
+        {
+          onClick: () => a({ position: "bottom", size: "60vh" }),
+          variant: "outline",
+          children: t("develop.testing.drawerTesting.buttons.drawerBottomHalf")
+        }
+      ),
+      /* @__PURE__ */ e(
+        p,
+        {
+          onClick: () => m.closeDrawer(),
+          variant: "outline",
+          children: t("develop.testing.drawerTesting.buttons.closeDrawer")
+        }
+      )
+    ] })
+  ] });
+}, at = () => {
+  const { t } = C("settings"), { settings: a, updateSetting: s } = S(), { config: l } = I(), i = a.language?.code || "en", f = a.layout ?? l?.layout ?? "sidebar", r = l?.navigation?.length ? ge(l?.navigation ?? []).filter(
+    (c, u, v) => u === v.findIndex((x) => x.path === c.path)
+  ) : [];
+  return /* @__PURE__ */ n("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ n("div", { children: [
+      /* @__PURE__ */ e(
+        "h3",
+        {
+          className: "text-lg font-semibold mb-2",
+          style: { fontFamily: "var(--heading-font-family, inherit)" },
+          children: t("develop.logging.title")
+        }
+      ),
+      /* @__PURE__ */ n("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ n("div", { className: "space-y-0.5", children: [
+            /* @__PURE__ */ e(
+              "label",
+              {
+                htmlFor: "log-shellsdk",
+                className: "text-sm font-medium leading-none",
+                style: { fontFamily: "var(--heading-font-family, inherit)" },
+                children: t("develop.logging.shellsdk.label")
+              }
+            ),
+            /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: t("develop.logging.shellsdk.description") })
+          ] }),
+          /* @__PURE__ */ e(
+            z,
+            {
+              id: "log-shellsdk",
+              checked: a.logging?.namespaces?.shellsdk || !1,
+              onCheckedChange: (c) => s("logging", {
+                namespaces: {
+                  ...a.logging?.namespaces,
+                  shellsdk: c
+                }
+              })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ n("div", { className: "space-y-0.5", children: [
+            /* @__PURE__ */ e(
+              "label",
+              {
+                htmlFor: "log-shellcore",
+                className: "text-sm font-medium leading-none",
+                style: { fontFamily: "var(--heading-font-family, inherit)" },
+                children: t("develop.logging.shellcore.label")
+              }
+            ),
+            /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: t("develop.logging.shellcore.description") })
+          ] }),
+          /* @__PURE__ */ e(
+            z,
+            {
+              id: "log-shellcore",
+              checked: a.logging?.namespaces?.shellcore || !1,
+              onCheckedChange: (c) => s("logging", {
+                namespaces: {
+                  ...a.logging?.namespaces,
+                  shellcore: c
+                }
+              })
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ n("div", { children: [
+      /* @__PURE__ */ e(
+        "h3",
+        {
+          className: "text-lg font-semibold mb-2",
+          style: { fontFamily: "var(--heading-font-family, inherit)" },
+          children: t("develop.navigation.title")
+        }
+      ),
+      r.length ? /* @__PURE__ */ n("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ e(
+          "label",
+          {
+            htmlFor: "develop-nav-select",
+            className: "text-sm font-medium leading-none",
+            style: { fontFamily: "var(--heading-font-family, inherit)" },
+            children: t("develop.navigation.selectLabel")
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: "mt-2", children: /* @__PURE__ */ n(
+          $,
+          {
+            id: "develop-nav-select",
+            defaultValue: "",
+            onChange: (c) => {
+              const u = c.target.value;
+              u && m.navigate(u.startsWith("/") ? u : `/${u}`);
+            },
+            children: [
+              /* @__PURE__ */ e("option", { value: "", children: t("develop.navigation.placeholder") }),
+              r.map((c) => /* @__PURE__ */ e(
+                "option",
+                {
+                  value: `/${c.path}`,
+                  children: ue(c.label, i) || c.path
+                },
+                c.path
+              ))
+            ]
+          }
+        ) })
+      ] }) : /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: t("develop.navigation.empty") })
+    ] }),
+    /* @__PURE__ */ n("div", { children: [
+      /* @__PURE__ */ e(
+        "h3",
+        {
+          className: "text-lg font-semibold mb-2",
+          style: { fontFamily: "var(--heading-font-family, inherit)" },
+          children: t("develop.layout.title")
+        }
+      ),
+      /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: ["sidebar", "windows"].map((c) => /* @__PURE__ */ e(
+        p,
+        {
+          variant: f === c ? "default" : "outline",
+          size: "sm",
+          onClick: () => s("layout", c),
+          children: t(`develop.layout.${c}`)
+        },
+        c
+      )) })
+    ] }),
+    /* @__PURE__ */ n("div", { children: [
+      /* @__PURE__ */ e(
+        "h3",
+        {
+          className: "text-lg font-semibold mb-2",
+          style: { fontFamily: "var(--heading-font-family, inherit)" },
+          children: t("develop.testing.title")
+        }
+      ),
+      /* @__PURE__ */ n("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ e(Xe, {}),
+        /* @__PURE__ */ e(et, {}),
+        /* @__PURE__ */ e(tt, {}),
+        /* @__PURE__ */ e(nt, {})
+      ] })
+    ] })
+  ] });
+}, it = () => {
+  const { t } = C("settings"), { config: a } = I(), { settings: s, updateSetting: l } = S(), i = a?.cookieConsent?.cookies ?? [], f = i.length > 0, r = !!s?.cookieConsent?.consentedCookieHosts?.length, c = s?.cookieConsent?.acceptedHosts ?? [], u = i.map((y) => y.host), v = i.filter((y) => y.category === "strict_necessary").map((y) => y.host), x = r && c.length === u.length && u.every((y) => c.includes(y)), g = r && c.length === v.length && v.every((y) => c.includes(y)) && !c.some((y) => !v.includes(y)), d = r && !x && !g, h = () => {
+    l("cookieConsent", {
+      acceptedHosts: [],
+      consentedCookieHosts: []
+    });
+  };
+  return /* @__PURE__ */ e("div", { className: "space-y-6", children: f ? /* @__PURE__ */ n("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ e(
+      "label",
+      {
+        className: "text-sm font-medium leading-none",
+        style: { fontFamily: "var(--heading-font-family, inherit)" },
+        children: t("dataPrivacy.cookieConsent.title")
+      }
+    ),
+    /* @__PURE__ */ n("div", { className: "mt-2 space-y-3", children: [
+      /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: t(r ? x ? "dataPrivacy.cookieConsent.statusAcceptedAll" : g ? "dataPrivacy.cookieConsent.statusRejectedAll" : "dataPrivacy.cookieConsent.statusCustom" : "dataPrivacy.cookieConsent.descriptionNotConsented") }),
+      r && /* @__PURE__ */ n("div", { className: "flex items-center gap-2 text-sm mt-2", children: [
+        /* @__PURE__ */ e(
+          "span",
+          {
+            className: N(
+              "px-2 py-1 rounded-md text-xs font-medium transition-colors",
+              x ? "bg-primary/10 text-primary border border-primary/20" : "text-muted-foreground"
+            ),
+            children: t("dataPrivacy.cookieConsent.labelAcceptedAll")
+          }
+        ),
+        /* @__PURE__ */ e("span", { className: "text-muted-foreground/30", children: "|" }),
+        /* @__PURE__ */ e(
+          "span",
+          {
+            className: N(
+              "px-2 py-1 rounded-md text-xs font-medium transition-colors",
+              d ? "bg-muted text-muted-foreground border border-border" : "text-muted-foreground"
+            ),
+            children: t("dataPrivacy.cookieConsent.labelCustom")
+          }
+        ),
+        /* @__PURE__ */ e("span", { className: "text-muted-foreground/30", children: "|" }),
+        /* @__PURE__ */ e(
+          "span",
+          {
+            className: N(
+              "px-2 py-1 rounded-md text-xs font-medium transition-colors",
+              g ? "bg-muted text-muted-foreground border border-border" : "text-muted-foreground"
+            ),
+            children: t("dataPrivacy.cookieConsent.labelRejectedAll")
+          }
+        )
+      ] }),
+      /* @__PURE__ */ n("div", { className: "flex flex-wrap gap-2", children: [
+        /* @__PURE__ */ e(
+          p,
+          {
+            variant: "outline",
+            onClick: () => m.openDrawer({ url: L.cookiePreferences, size: "420px" }),
+            className: "w-full sm:w-auto",
+            children: t("dataPrivacy.cookieConsent.manageButton")
+          }
+        ),
+        /* @__PURE__ */ e(
+          p,
+          {
+            variant: "ghost",
+            onClick: h,
+            disabled: !r,
+            className: "w-full sm:w-auto",
+            children: t("dataPrivacy.cookieConsent.button")
+          }
+        )
+      ] })
+    ] })
+  ] }) : /* @__PURE__ */ n("div", { className: "rounded-lg border bg-card p-4 space-y-3", children: [
+    /* @__PURE__ */ n("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ e(
+        "h3",
+        {
+          className: "text-sm font-medium leading-none",
+          style: { fontFamily: "var(--heading-font-family, inherit)" },
+          children: t("dataPrivacy.noCookiesConfigured.title")
+        }
+      ),
+      /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: t("dataPrivacy.noCookiesConfigured.description") })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "flex items-start gap-2 text-sm", children: [
+      /* @__PURE__ */ e("span", { className: "text-green-600 dark:text-green-400 mt-0.5", children: "✓" }),
+      /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: t("dataPrivacy.noCookiesConfigured.info") })
+    ] })
+  ] }) });
+}, st = () => {
+  const { t } = C("settings"), { settings: a, updateSetting: s } = S(), [l, i] = w(!1), [f, r] = w(!1), [c, u] = w(!0), [v, x] = w(!0), g = a?.serviceWorker?.enabled ?? !0;
+  E(() => {
+    if (!g) {
+      i(!1), r(!1), u(!1), x(!0);
+      return;
+    }
+    const o = async () => {
+      if (!(a?.serviceWorker?.enabled ?? !0)) {
+        u(!1);
+        return;
+      }
+      u(!0);
+      const P = await V();
+      if (!(a?.serviceWorker?.enabled ?? !0)) {
+        u(!1);
+        return;
+      }
+      if (x(P), P) {
+        const F = await M();
+        (a?.serviceWorker?.enabled ?? !0) && (i(F.registered), r(F.updateAvailable));
+      } else
+        (a?.serviceWorker?.enabled ?? !0) && (i(!1), r(!1));
+      u(!1);
+    }, b = async () => {
+      if (!(a?.serviceWorker?.enabled ?? !0))
+        return;
+      const P = await V();
+      if (a?.serviceWorker?.enabled ?? !0)
+        if (x(P), P) {
+          const F = await M();
+          (a?.serviceWorker?.enabled ?? !0) && (i(F.registered), r(F.updateAvailable));
+        } else
+          (a?.serviceWorker?.enabled ?? !0) && (i(!1), r(!1));
+    };
+    o();
+    const k = q((T) => {
+      (a?.serviceWorker?.enabled ?? !0) && (i(T.registered), r(T.updateAvailable), u(!1));
+    }), A = setInterval(b, 3e4);
+    return () => {
+      k(), clearInterval(A);
+    };
+  }, [g]);
+  const d = async (o) => {
+    o || (i(!1), r(!1), x(!0), u(!1)), s("serviceWorker", { enabled: o }), o && setTimeout(async () => {
+      const b = a?.serviceWorker?.enabled ?? !0;
+      if (o && b) {
+        const k = await pe();
+        i(k);
+      }
+    }, 1e3);
+  }, h = async () => {
+    try {
+      await Q();
+    } catch {
+      m.toast({
+        title: t("caching.updateError.title"),
+        description: t("caching.updateError.description"),
+        type: "error"
+      });
+    }
+  }, y = async () => {
+    try {
+      if ("caches" in window) {
+        const o = await caches.keys();
+        await Promise.all(o.map((b) => caches.delete(b)));
+      }
+      m.toast({
+        title: t("caching.resetSuccess.title"),
+        description: t("caching.resetSuccess.description"),
+        type: "success"
+      }), setTimeout(() => {
+        m.sendMessageToParent({
+          type: "SHELLUI_REFRESH_PAGE",
+          payload: {}
+        }) || window.location.reload();
+      }, 1e3);
+    } catch {
+      m.toast({
+        title: t("caching.resetError.title"),
+        description: t("caching.resetError.description"),
+        type: "error"
+      });
+    }
+  };
+  return /* @__PURE__ */ n("div", { className: "space-y-6", children: [
+    c ? /* @__PURE__ */ e("div", { className: "text-sm text-muted-foreground", children: t("caching.loading") }) : null,
+    !c && /* @__PURE__ */ n("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ n("div", { className: "space-y-0.5", children: [
+          /* @__PURE__ */ e(
+            "label",
+            {
+              className: "text-sm font-medium leading-none",
+              style: { fontFamily: "var(--heading-font-family, inherit)" },
+              children: t("caching.enabled.title")
+            }
+          ),
+          /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: t(g ? "caching.enabled.descriptionEnabled" : "caching.enabled.descriptionDisabled") })
+        ] }),
+        /* @__PURE__ */ e(
+          z,
+          {
+            checked: g,
+            onCheckedChange: d
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ n("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ e(
+          "label",
+          {
+            className: "text-sm font-medium leading-none",
+            style: { fontFamily: "var(--heading-font-family, inherit)" },
+            children: t("caching.status.title")
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: "flex items-center gap-2 text-sm mt-2", children: g ? v ? /* @__PURE__ */ n(W, { children: [
+          /* @__PURE__ */ n(
+            "span",
+            {
+              className: l ? "text-green-600 dark:text-green-400" : "text-orange-600 dark:text-orange-400",
+              children: [
+                l ? "●" : "○",
+                " ",
+                t(l ? "caching.status.registered" : "caching.status.notRunning")
+              ]
+            }
+          ),
+          f && /* @__PURE__ */ n(W, { children: [
+            /* @__PURE__ */ e("span", { className: "text-muted-foreground/50", children: "|" }),
+            /* @__PURE__ */ n("span", { className: "text-blue-600 dark:text-blue-400", children: [
+              "● ",
+              t("caching.status.updateAvailable")
+            ] })
+          ] })
+        ] }) : /* @__PURE__ */ n("span", { className: "text-red-600 dark:text-red-400", children: [
+          "✗ ",
+          t("caching.status.fileNotFound")
+        ] }) : /* @__PURE__ */ n("span", { className: "text-muted-foreground", children: [
+          "○ ",
+          t("caching.status.disabled")
+        ] }) })
+      ] }),
+      g && /* @__PURE__ */ n(W, { children: [
+        !v && /* @__PURE__ */ e("div", { className: "rounded-lg border border-red-200 dark:border-red-800 bg-red-50 dark:bg-red-950/30 p-4 space-y-3", children: /* @__PURE__ */ n("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ e(
+            "h3",
+            {
+              className: "text-sm font-medium leading-none text-red-600 dark:text-red-400",
+              style: { fontFamily: "var(--heading-font-family, inherit)" },
+              children: t("caching.status.fileNotFound")
+            }
+          ),
+          /* @__PURE__ */ e("p", { className: "text-sm text-red-700 dark:text-red-300", children: t("caching.status.fileNotFoundDescription") })
+        ] }) }),
+        f && /* @__PURE__ */ n("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ n("div", { className: "space-y-0.5", children: [
+            /* @__PURE__ */ e(
+              "label",
+              {
+                className: "text-sm font-medium leading-none",
+                style: { fontFamily: "var(--heading-font-family, inherit)" },
+                children: t("caching.update.title")
+              }
+            ),
+            /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: t("caching.update.description") })
+          ] }),
+          /* @__PURE__ */ e("div", { className: "mt-2", children: /* @__PURE__ */ e(
+            p,
+            {
+              variant: "outline",
+              onClick: h,
+              className: "w-full sm:w-auto",
+              children: t("caching.update.button")
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ n("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ n("div", { className: "space-y-0.5", children: [
+            /* @__PURE__ */ e(
+              "label",
+              {
+                className: "text-sm font-medium leading-none",
+                style: { fontFamily: "var(--heading-font-family, inherit)" },
+                children: t("caching.reset.title")
+              }
+            ),
+            /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: t("caching.reset.description") })
+          ] }),
+          /* @__PURE__ */ e("div", { className: "mt-2", children: /* @__PURE__ */ e(
+            p,
+            {
+              variant: "outline",
+              onClick: y,
+              className: "w-full sm:w-auto",
+              children: t("caching.reset.button")
+            }
+          ) })
+        ] })
+      ] })
+    ] })
+  ] });
+}, ot = (t) => [
+  {
+    name: t("routes.appearance"),
+    icon: Fe,
+    path: "appearance",
+    element: /* @__PURE__ */ e(_e, {})
+  },
+  {
+    name: t("routes.languageAndRegion"),
+    icon: Be,
+    path: "language-and-region",
+    element: /* @__PURE__ */ e(qe, {})
+  },
+  {
+    name: t("routes.updateApp"),
+    icon: Me,
+    path: "update-app",
+    element: /* @__PURE__ */ e(Ye, {})
+  },
+  {
+    name: t("routes.advanced"),
+    icon: De,
+    path: "advanced",
+    element: /* @__PURE__ */ e(Je, {})
+  },
+  {
+    name: t("routes.dataPrivacy"),
+    icon: We,
+    path: "data-privacy",
+    element: /* @__PURE__ */ e(it, {})
+  },
+  {
+    name: t("routes.develop"),
+    icon: Ie,
+    path: "developpers",
+    element: /* @__PURE__ */ e(at, {})
+  },
+  ...B() ? [] : [
+    {
+      name: t("routes.serviceWorker"),
+      icon: ze,
+      path: "service-worker",
+      element: /* @__PURE__ */ e(st, {})
+    }
+  ]
+], vt = () => {
+  const t = Ce(), a = Te(), { settings: s } = S(), { config: l } = I(), { t: i } = C("settings"), [f, r] = w(() => B());
+  E(() => {
+    r(B());
+    const o = window.setTimeout(() => r(B()), 200);
+    return () => window.clearTimeout(o);
+  }, []), E(() => {
+    if (l?.title) {
+      const o = i("settings", { ns: "common" });
+      document.title = `${o} | ${l.title}`;
+    }
+  }, [l?.title, i]);
+  const c = R(() => ot(i), [i]), u = R(() => f ? c.filter((o) => o.path !== "service-worker") : c, [c, f]), v = R(() => s.developerFeatures.enabled ? u : u.filter(
+    (o) => o.path !== "developpers" && o.path !== "service-worker"
+  ), [s.developerFeatures.enabled, u]), x = R(() => {
+    const o = ["developpers", "service-worker"];
+    return [
+      {
+        title: i("categories.preferences"),
+        routes: v.filter(
+          (k) => ["appearance", "language-and-region", "data-privacy"].includes(k.path)
+        )
+      },
+      {
+        title: i("categories.system"),
+        routes: v.filter((k) => ["update-app", "advanced"].includes(k.path))
+      },
+      {
+        title: i("categories.developer"),
+        routes: v.filter((k) => o.includes(k.path))
+      }
+    ].filter((k) => k.routes.length > 0);
+  }, [v, i]), g = H(() => {
+    const o = t.pathname;
+    return v.find((k) => {
+      const A = o.replace(/^\/+|\/+$/g, ""), T = k.path.replace(/^\/+|\/+$/g, "");
+      return A === T || A.endsWith(`/${T}`) || A.includes(`/${T}/`);
+    });
+  }, [t.pathname, v]), d = R(() => g(), [g]), h = R(() => {
+    const o = t.pathname, b = L.settings.replace(/^\/+|\/+$/g, ""), k = o.replace(/^\/+|\/+$/g, "");
+    if (k === b)
+      return !0;
+    const A = `${b}/`;
+    return k.startsWith(A), !1;
+  }, [t.pathname, v]), y = H(() => {
+    a(L.settings, { replace: !0 });
+  }, [a]);
+  return /* @__PURE__ */ e(he, { children: /* @__PURE__ */ n("div", { className: "flex h-full w-full overflow-hidden items-start", children: [
+    /* @__PURE__ */ e(fe, { className: "hidden md:flex", children: /* @__PURE__ */ e(ve, { children: x.map((o) => /* @__PURE__ */ n(be, { children: [
+      /* @__PURE__ */ e(ye, { children: o.title }),
+      /* @__PURE__ */ e(xe, { children: /* @__PURE__ */ e(ke, { children: o.routes.map((b) => /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(
+        we,
+        {
+          asChild: !0,
+          isActive: b.name === d?.name,
+          children: /* @__PURE__ */ n(
+            "button",
+            {
+              onClick: () => a(`${L.settings}/${b.path}`),
+              className: "cursor-pointer",
+              children: [
+                /* @__PURE__ */ e(b.icon, {}),
+                /* @__PURE__ */ e("span", { children: b.name })
+              ]
+            }
+          )
+        }
+      ) }, b.name)) }) })
+    ] }, o.title)) }) }),
+    /* @__PURE__ */ e("div", { className: "md:hidden flex h-full w-full flex-col overflow-hidden", children: h ? (
+      // Show list of settings pages
+      /* @__PURE__ */ n("div", { className: "flex flex-1 flex-col overflow-y-auto bg-background", children: [
+        /* @__PURE__ */ e("header", { className: "flex h-16 shrink-0 items-center justify-center px-4 border-b", children: /* @__PURE__ */ e("h1", { className: "text-lg font-semibold", children: i("title") }) }),
+        /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col p-4 gap-6", children: x.map((o) => /* @__PURE__ */ n(
+          "div",
+          {
+            className: "flex flex-col gap-2",
+            children: [
+              /* @__PURE__ */ e(
+                "h2",
+                {
+                  className: "text-xs font-semibold text-foreground/60 uppercase tracking-wider px-2",
+                  style: { fontFamily: "var(--heading-font-family, inherit)" },
+                  children: o.title
+                }
+              ),
+              /* @__PURE__ */ e("div", { className: "flex flex-col bg-card rounded-lg overflow-hidden border border-border", children: o.routes.map((b, k) => {
+                const A = b.icon, T = k === o.routes.length - 1;
+                return /* @__PURE__ */ n(
+                  "div",
+                  {
+                    className: "relative",
+                    children: [
+                      !T && /* @__PURE__ */ e("div", { className: "absolute left-0 right-0 bottom-0 h-[1px] bg-border" }),
+                      /* @__PURE__ */ n(
+                        "button",
+                        {
+                          onClick: () => a(`${L.settings}/${b.path}`),
+                          className: "w-full flex items-center justify-between px-4 py-3 bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground transition-colors cursor-pointer rounded-none",
+                          children: [
+                            /* @__PURE__ */ n("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
+                              /* @__PURE__ */ e("div", { className: "flex-shrink-0 text-foreground/70", children: /* @__PURE__ */ e(A, {}) }),
+                              /* @__PURE__ */ e("span", { className: "text-sm font-normal text-foreground", children: b.name })
+                            ] }),
+                            /* @__PURE__ */ e("div", { className: "flex-shrink-0 ml-2 text-foreground/40", children: /* @__PURE__ */ e(Pe, {}) })
+                          ]
+                        }
+                      )
+                    ]
+                  },
+                  b.name
+                );
+              }) })
+            ]
+          },
+          o.title
+        )) })
+      ] })
+    ) : (
+      // Show selected settings page with back button
+      /* @__PURE__ */ n("div", { className: "flex h-full flex-1 flex-col overflow-hidden", children: [
+        /* @__PURE__ */ n("header", { className: "flex h-16 shrink-0 items-center gap-2 px-4 border-b", children: [
+          /* @__PURE__ */ e(
+            p,
+            {
+              variant: "ghost",
+              size: "icon",
+              onClick: y,
+              className: "mr-2",
+              children: /* @__PURE__ */ e(Re, {})
+            }
+          ),
+          /* @__PURE__ */ e("h1", { className: "text-lg font-semibold", children: d?.name })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col gap-4 overflow-y-auto p-4 pt-4", children: /* @__PURE__ */ n(G, { children: [
+          /* @__PURE__ */ e(
+            j,
+            {
+              index: !0,
+              element: v.length > 0 ? /* @__PURE__ */ e(
+                Ae,
+                {
+                  to: `${L.settings}/${v[0].path}`,
+                  replace: !0
+                }
+              ) : null
+            }
+          ),
+          v.map((o) => /* @__PURE__ */ e(
+            j,
+            {
+              path: o.path,
+              element: o.element
+            },
+            o.path
+          ))
+        ] }) })
+      ] })
+    ) }),
+    /* @__PURE__ */ n("main", { className: "hidden md:flex h-full flex-1 flex-col overflow-hidden", children: [
+      d && /* @__PURE__ */ e("header", { className: "flex h-16 shrink-0 items-center gap-2 transition-[width,height] ease-linear", children: /* @__PURE__ */ e("div", { className: "flex items-center gap-2 px-4", children: /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ n(J, { children: [
+        /* @__PURE__ */ e(U, { children: i("title") }),
+        /* @__PURE__ */ e(ee, {}),
+        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(X, { children: d.name }) })
+      ] }) }) }) }),
+      /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col gap-4 overflow-y-auto p-4 pt-0", children: /* @__PURE__ */ n(G, { children: [
+        /* @__PURE__ */ e(
+          j,
+          {
+            index: !0,
+            element: /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col items-center justify-center p-8 text-center", children: /* @__PURE__ */ n("div", { className: "max-w-md", children: [
+              /* @__PURE__ */ e("h2", { className: "text-lg font-semibold mb-2", children: i("title") }),
+              /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: i("selectCategory", {
+                defaultValue: "Select a category from the sidebar to get started."
+              }) })
+            ] }) })
+          }
+        ),
+        v.map((o) => /* @__PURE__ */ e(
+          j,
+          {
+            path: o.path,
+            element: o.element
+          },
+          o.path
+        ))
+      ] }) })
+    ] })
+  ] }) });
+};
+export {
+  vt as SettingsView
+};
+//# sourceMappingURL=SettingsView-2QMtfS71.js.map