@shellui/core 0.0.14 → 0.0.16

package/dist/SettingsView-Bt4I-KDT.js

@@ -1,2207 +0,0 @@
-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-CfvdAI_Y.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-Dt-gibIZ.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-CuKXfl3x.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-Bt4I-KDT.js.map