@tailor-platform/app-shell 0.20.0 → 0.21.0

package/dist/app-shell.js

@@ -1,25 +1,25 @@
-import { jsx as a, jsxs as c, Fragment as B } from "react/jsx-runtime";
-import { AlertCircle as q, Table as gt, XIcon as rt, PanelLeftIcon as bt, ChevronRight as z, SunIcon as pt, SearchIcon as vt } from "lucide-react";
-import * as y from "react";
-import { createContext as j, useContext as U, useState as T, useMemo as A, useEffect as C, useRef as xt, useCallback as O } from "react";
-import { useRouteError as yt, isRouteErrorResponse as Nt, Outlet as W, NavLink as Ct, redirect as nt, Navigate as St, createMemoryRouter as Tt, createBrowserRouter as kt, RouterProvider as Rt, useHref as Et, Link as Bt, useLocation as ot, useMatch as At, useNavigate as Pt } from "react-router";
-import { Link as ma, useLocation as ha, useNavigate as fa, useParams as ga, useRouteError as ba, useSearchParams as pa } from "react-router";
-import { Slot as D } from "@radix-ui/react-slot";
-import { cva as it } from "class-variance-authority";
-import { clsx as Lt } from "clsx";
-import { twMerge as Dt } from "tailwind-merge";
-import { capitalCase as P } from "change-case";
-import { Toaster as It } from "sonner";
-import * as H from "@radix-ui/react-collapsible";
+import { jsx as a, jsxs as l, Fragment as R } from "react/jsx-runtime";
+import * as v from "react";
+import { createContext as j, useContext as K, useState as S, useMemo as I, useEffect as N, Suspense as rt, useRef as Rt, useCallback as q } from "react";
+import { useRouteError as Et, isRouteErrorResponse as Pt, Outlet as U, NavLink as Bt, redirect as nt, Navigate as Lt, useRouteLoaderData as At, createMemoryRouter as Dt, createBrowserRouter as It, RouterProvider as Mt, useHref as _t, Link as zt, useLocation as ot, useMatch as Ot, Await as it, useNavigate as $t } from "react-router";
+import { Link as Ea, useLocation as Pa, useNavigate as Ba, useParams as La, useRouteError as Aa, useSearchParams as Da } from "react-router";
+import { Slot as B } from "@radix-ui/react-slot";
+import { cva as lt } from "class-variance-authority";
+import { clsx as jt } from "clsx";
+import { twMerge as Kt } from "tailwind-merge";
+import { AlertCircle as G, Table as Ut, XIcon as dt, PanelLeftIcon as Ft, ChevronRight as z, SunIcon as Wt, SearchIcon as Ht } from "lucide-react";
+import { capitalCase as E } from "change-case";
+import { Toaster as Qt } from "sonner";
+import * as F from "@radix-ui/react-collapsible";
 import "@radix-ui/react-separator";
-import * as v from "@radix-ui/react-dialog";
-import * as k from "@radix-ui/react-tooltip";
-import { print as _t } from "graphql";
-import { createAuthClient as Mt } from "@tailor-platform/auth-browser-client";
+import * as p from "@radix-ui/react-dialog";
+import * as T from "@radix-ui/react-tooltip";
+import { print as Vt } from "graphql";
+import { createAuthClient as qt } from "@tailor-platform/auth-browser-client";
 function u(...t) {
-  return Dt(Lt(t));
+  return Kt(jt(t));
 }
-const zt = it(
+const Gt = lt(
   "astw:inline-flex astw:items-center astw:justify-center astw:gap-2 astw:whitespace-nowrap astw:rounded-md astw:text-sm astw:font-medium astw:transition-all astw:disabled:pointer-events-none astw:disabled:opacity-50 astw:[&_svg]:pointer-events-none astw:[&_svg:not([class*='size-'])]:size-4 astw:shrink-0 astw:[&_svg]:shrink-0 astw:outline-none astw:focus-visible:border-ring astw:focus-visible:ring-ring/50 astw:focus-visible:ring-[3px] astw:aria-invalid:ring-destructive/20 astw:dark:aria-invalid:ring-destructive/40 astw:aria-invalid:border-destructive",
   {
     variants: {
@@ -44,7 +44,7 @@ const zt = it(
     }
   }
 );
-function L({
+function P({
   className: t,
   variant: e,
   size: s,
@@ -52,31 +52,31 @@ function L({
   ...n
 }) {
   return /* @__PURE__ */ a(
-    r ? D : "button",
+    r ? B : "button",
     {
       "data-slot": "button",
-      className: u(zt({ variant: e, size: s, className: t })),
+      className: u(Gt({ variant: e, size: s, className: t })),
       ...n
     }
   );
 }
-const E = "en", Ot = () => {
+const D = "en", Xt = () => {
   try {
     if (typeof navigator > "u")
-      return E;
+      return D;
     const t = navigator.languages?.[0] ?? navigator.language;
-    return t ? new Intl.Locale(t).language : E;
+    return t ? new Intl.Locale(t).language : D;
   } catch {
-    return E;
+    return D;
   }
-}, F = (t) => (e, s) => e ? typeof e == "string" ? e : e(t) ?? s : s, Q = (t) => {
-  const e = F(t);
-  return (s, r) => e(s, typeof s == "string" ? s : P(r));
-}, $t = () => {
-  const { configurations: t } = S(), e = F(t.locale);
+}, W = (t) => (e, s) => e ? typeof e == "string" ? e : e(t) ?? s : s, ct = (t) => {
+  const e = W(t);
+  return (s, r) => e(s, typeof s == "string" ? s : E(r));
+}, Yt = () => {
+  const { configurations: t } = C(), e = W(t.locale);
   return (s, r) => e(s, r);
-}, Kt = (t) => {
-  const e = (s) => (r) => t[s ?? E]?.[r] ?? t.en[r];
+}, Jt = (t) => {
+  const e = (s) => (r) => t[s]?.[r] ?? t.en[r];
   return {
     /**
      * Hook to get the translated label resolver function.
@@ -98,10 +98,10 @@ const E = "en", Ot = () => {
      * ```
      */
     useT: () => {
-      const { configurations: s } = S(), r = e(s.locale);
+      const { configurations: s } = C(), r = e(s.locale);
       return ((n, ...o) => {
-        const l = r(n);
-        return typeof l == "function" ? l(o[0]) : l;
+        const i = r(n);
+        return typeof i == "function" ? i(o[0]) : i;
       });
     },
     /**
@@ -131,7 +131,7 @@ const E = "en", Ot = () => {
       return typeof o == "function" ? o(r[0]) : o;
     }
   };
-}, jt = Kt({
+}, Zt = Jt({
   en: {
     error404Title: "404 Not Found",
     error404Body: "The page you requested could not be found.",
@@ -170,19 +170,19 @@ const E = "en", Ot = () => {
     commandPaletteSearch: "ページを検索...",
     commandPaletteNoResults: "結果が見つかりません"
   }
-}), R = jt.useT, I = () => {
-  const t = yt(), e = R(), s = {
+}), k = Zt.useT, L = () => {
+  const t = Et(), e = k(), s = {
     role: "alert",
     "aria-label": "default-error-boundary"
   };
-  if (Nt(t) && t.status === 404)
-    return /* @__PURE__ */ a("div", { ...s, className: "astw:p-6", children: /* @__PURE__ */ c("div", { className: "astw:flex astw:items-start astw:gap-4", children: [
-      /* @__PURE__ */ a(q, { className: "astw:h-5 astw:w-5 astw:text-destructive astw:flex-shrink-0 astw:mt-0.5" }),
-      /* @__PURE__ */ c("div", { children: [
+  if (Pt(t) && t.status === 404)
+    return /* @__PURE__ */ a("div", { ...s, className: "astw:p-6", children: /* @__PURE__ */ l("div", { className: "astw:flex astw:items-start astw:gap-4", children: [
+      /* @__PURE__ */ a(G, { className: "astw:h-5 astw:w-5 astw:text-destructive astw:flex-shrink-0 astw:mt-0.5" }),
+      /* @__PURE__ */ l("div", { children: [
         /* @__PURE__ */ a("h1", { className: "astw:font-semibold astw:text-lg", children: e("error404Title") }),
         /* @__PURE__ */ a("p", { className: "astw:text-sm astw:text-muted-foreground astw:mt-1", children: e("error404Body") }),
         /* @__PURE__ */ a(
-          L,
+          P,
           {
             variant: "outline",
             size: "sm",
@@ -194,13 +194,13 @@ const E = "en", Ot = () => {
       ] })
     ] }) });
   const r = t instanceof Error ? t.message : e("errorUnexpected");
-  return /* @__PURE__ */ a("div", { ...s, className: "astw:p-6", children: /* @__PURE__ */ c("div", { className: "astw:flex astw:items-start astw:gap-4", children: [
-    /* @__PURE__ */ a(q, { className: "astw:h-5 astw:w-5 astw:text-destructive astw:flex-shrink-0 astw:mt-0.5" }),
-    /* @__PURE__ */ c("div", { children: [
+  return /* @__PURE__ */ a("div", { ...s, className: "astw:p-6", children: /* @__PURE__ */ l("div", { className: "astw:flex astw:items-start astw:gap-4", children: [
+    /* @__PURE__ */ a(G, { className: "astw:h-5 astw:w-5 astw:text-destructive astw:flex-shrink-0 astw:mt-0.5" }),
+    /* @__PURE__ */ l("div", { children: [
       /* @__PURE__ */ a("h1", { className: "astw:font-semibold astw:text-lg", children: e("errorTitle") }),
       /* @__PURE__ */ a("p", { className: "astw:text-sm astw:text-muted-foreground astw:mt-1", children: r }),
       /* @__PURE__ */ a(
-        L,
+        P,
         {
           variant: "outline",
           size: "sm",
@@ -211,36 +211,35 @@ const E = "en", Ot = () => {
       )
     ] })
   ] }) });
-}, Ut = (t) => ({
+}, te = (t) => ({
   modules: t.modules,
   settingsResources: t.settingsResources ?? [],
-  errorBoundary: t.errorBoundary ?? /* @__PURE__ */ a(I, {}),
+  errorBoundary: t.errorBoundary ?? /* @__PURE__ */ a(L, {}),
   basePath: t.basePath,
-  locale: t.locale ?? Ot()
-}), lt = j({
-  navItems: [],
+  locale: t.locale ?? Xt()
+}), wt = j({
   configurations: {
     modules: [],
     settingsResources: [],
-    errorBoundary: /* @__PURE__ */ a(I, {}),
-    locale: E
+    errorBoundary: /* @__PURE__ */ a(L, {}),
+    locale: D
   }
-}), S = () => U(lt), Wt = () => {
-  const t = R();
-  return /* @__PURE__ */ c(B, { children: [
+}), C = () => K(wt), ee = () => {
+  const t = k();
+  return /* @__PURE__ */ l(R, { children: [
     /* @__PURE__ */ a("p", { className: "astw:font-semibold astw:leading-none astw:tracking-tight", children: t("welcomeTitle") }),
     /* @__PURE__ */ a("p", { className: "pt-4", children: t("welcomeBody") })
   ] });
-}, X = () => /* @__PURE__ */ c(B, { children: [
-  /* @__PURE__ */ a(W, {}),
-  /* @__PURE__ */ a(It, {})
-] }), Ht = () => {
-  const { configurations: t } = S(), e = R(), s = $t();
-  return /* @__PURE__ */ c("div", { className: "astw:mx-auto astw:flex-col astw:flex astw:md:flex-row astw:max-w-5xl astw:gap-[10px] astw:w-full", children: [
-    /* @__PURE__ */ a("div", { children: /* @__PURE__ */ c("nav", { className: "astw:bg-card astw:md:w-xs astw:rounded-md astw:border astw:p-3 astw:shadow-xs", children: [
+}, X = () => /* @__PURE__ */ l(R, { children: [
+  /* @__PURE__ */ a(U, {}),
+  /* @__PURE__ */ a(Qt, {})
+] }), ae = () => {
+  const { configurations: t } = C(), e = k(), s = Yt();
+  return /* @__PURE__ */ l("div", { className: "astw:mx-auto astw:flex-col astw:flex astw:md:flex-row astw:max-w-5xl astw:gap-[10px] astw:w-full", children: [
+    /* @__PURE__ */ a("div", { children: /* @__PURE__ */ l("nav", { className: "astw:bg-card astw:md:w-xs astw:rounded-md astw:border astw:p-3 astw:shadow-xs", children: [
       /* @__PURE__ */ a("h2", { className: "astw:text-sm astw:leading-[36px] astw:mb-2 astw:font-bold ", children: e("settings") }),
-      /* @__PURE__ */ a("ul", { className: "astw:flex astw:flex-col astw:gap-1", children: t.settingsResources.map((r) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(Ct, { to: `./${r.path}`, children: ({ isActive: n }) => /* @__PURE__ */ c(
-        L,
+      /* @__PURE__ */ a("ul", { className: "astw:flex astw:flex-col astw:gap-1", children: t.settingsResources.map((r) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(Bt, { to: `./${r.path}`, children: ({ isActive: n }) => /* @__PURE__ */ l(
+        P,
         {
           variant: n ? "secondary" : "ghost",
           className: "astw:w-full astw:justify-start",
@@ -251,69 +250,89 @@ const E = "en", Ot = () => {
         }
       ) }) }, r.path)) })
     ] }) }),
-    /* @__PURE__ */ a("section", { className: "astw:bg-card astw:flex-1 astw:rounded-md astw:border astw:shadow-xs", children: /* @__PURE__ */ a(W, {}) })
+    /* @__PURE__ */ a("section", { className: "astw:bg-card astw:flex-1 astw:rounded-md astw:border astw:shadow-xs", children: /* @__PURE__ */ a(U, {}) })
   ] });
+}, ut = () => new Response("Not Found", { status: 404 }), H = async (t, e) => {
+  if (!t) return { state: "visible" };
+  const s = new URL(e.request.url);
+  return await t({
+    params: e.params,
+    searchParams: s.searchParams,
+    signal: e.request.signal
+  }) ?? { state: "visible" };
+}, mt = (t, e) => async (s) => {
+  switch ((await H(t, s)).state) {
+    case "hidden":
+      throw ut();
+    case "visible":
+      return e ? e(s) : null;
+  }
 };
-function sa(t) {
+function pa(t) {
   return {
     redirectTo: t
   };
 }
-function $(t) {
+function O(t) {
   return typeof t == "object" && t !== null && "redirectTo" in t;
 }
-const dt = (t, e) => () => {
-  const { configurations: s } = S(), { metaTitle: r, fallbackTitle: n } = t, l = F(s.locale)(r, n);
-  return e(l);
+const ht = (t, e) => () => {
+  const { configurations: s } = C(), { metaTitle: r, fallbackTitle: n } = t, i = W(s.locale)(r, n);
+  return e(i);
 };
-function ra(t) {
-  const { path: e, meta: s, component: r, resources: n, errorBoundary: o } = t, l = s?.title ?? P(e), d = P(e), i = $(r) ? {
+function va(t) {
+  const { path: e, meta: s, component: r, resources: n, errorBoundary: o, accessControl: i } = t, d = s?.title ?? E(e), w = E(e), c = O(r) ? {
     // Use loader for redirects
     component: () => null,
-    loader: () => nt(r.redirectTo)
+    baseLoader: () => nt(r.redirectTo)
   } : {
     // Regular component with locale-aware title
-    component: dt(
-      { metaTitle: l, fallbackTitle: d },
-      (w) => r({ title: w, resources: n })
-    )
-  };
+    component: ht(
+      { metaTitle: d, fallbackTitle: w },
+      (b) => r({ title: b, resources: n })
+    ),
+    baseLoader: void 0
+  }, h = i || c.baseLoader ? mt(i, c.baseLoader) : void 0;
   return {
     path: e,
     type: "component",
     _type: "module",
-    ...i,
+    component: c.component,
+    loader: h,
     meta: {
-      title: l,
+      title: d,
       ...s?.breadcrumbTitle !== void 0 ? { breadcrumbTitle: s.breadcrumbTitle } : {},
       ...s,
-      menuItemClickable: !$(r),
+      menuItemClickable: !O(r),
       icon: t.meta?.icon
     },
     resources: n,
-    errorBoundary: o || /* @__PURE__ */ a(I, {})
+    errorBoundary: o || /* @__PURE__ */ a(L, {}),
+    accessControl: i
   };
 }
-function na(t) {
-  const { path: e, component: s, subResources: r, meta: n, errorBoundary: o } = t, l = n?.title ?? P(e), d = P(e);
+function xa(t) {
+  const { path: e, component: s, subResources: r, meta: n, errorBoundary: o, accessControl: i } = t, d = n?.title ?? E(e), w = E(e), c = i ? mt(i) : void 0;
   return {
     _type: "resource",
     type: "component",
     path: e,
     meta: {
-      title: l,
+      title: d,
       icon: n?.icon,
       ...n?.breadcrumbTitle !== void 0 ? { breadcrumbTitle: n.breadcrumbTitle } : {}
     },
-    component: dt(
-      { metaTitle: l, fallbackTitle: d },
-      (i) => s({ title: i, resources: r })
+    component: ht(
+      { metaTitle: d, fallbackTitle: w },
+      (h) => s({ title: h, resources: r })
     ),
     subResources: r,
-    errorBoundary: o ?? /* @__PURE__ */ a(I, {})
+    errorBoundary: o ?? /* @__PURE__ */ a(L, {}),
+    accessControl: i,
+    loader: c
   };
 }
-const G = (t) => () => /* @__PURE__ */ a(B, { children: t }), ct = (t, e, s) => {
+const Q = (t) => () => /* @__PURE__ */ a(R, { children: t }), ft = (t, e, s) => {
   const r = t.errorBoundary || s, n = {
     index: !0,
     Component: t.component,
@@ -322,38 +341,38 @@ const G = (t) => () => /* @__PURE__ */ a(B, { children: t }), ct = (t, e, s) =>
   return {
     path: t.path,
     ...t.errorBoundary && {
-      ErrorBoundary: G(t.errorBoundary)
+      ErrorBoundary: Q(t.errorBoundary)
     },
     ...e && e.length > 0 ? {
       children: [
         n,
         ...e.map(
-          (o) => ct(o, o.subResources, r)
+          (o) => ft(o, o.subResources, r)
         )
       ]
     } : {
       children: [n]
     }
   };
-}, Ft = (t) => t.map(
-  (e) => ct(e, e.resources, e.errorBoundary)
-), Qt = ({
+}, se = (t) => t.map(
+  (e) => ft(e, e.resources, e.errorBoundary)
+), re = ({
   modules: t,
   settingsResources: e,
   rootComponent: s
 }) => {
-  const r = $(s) ? {
+  const r = O(s) ? {
     index: !0,
     loader: () => nt(s.redirectTo)
   } : {
     index: !0,
-    Component: s ?? Wt
+    Component: s ?? ee
   }, n = e.length > 0 ? [
     {
       path: "settings",
       index: !0,
       Component: () => /* @__PURE__ */ a(
-        St,
+        Lt,
         {
           to: e[0].path,
           relative: "path",
@@ -363,12 +382,12 @@ const G = (t) => () => /* @__PURE__ */ a(B, { children: t }), ct = (t, e, s) =>
     },
     {
       path: "settings",
-      Component: Ht,
+      Component: ae,
       children: e.map((o) => ({
         path: o.path,
         Component: o.component,
         ...o.errorBoundary && {
-          ErrorBoundary: G(o.errorBoundary)
+          ErrorBoundary: Q(o.errorBoundary)
         }
       }))
     }
@@ -376,146 +395,178 @@ const G = (t) => () => /* @__PURE__ */ a(B, { children: t }), ct = (t, e, s) =>
   return [
     r,
     {
-      children: Ft(t)
+      children: se(t)
     },
     ...n,
     {
       path: "*",
       loader: () => {
-        throw new Response("Not Found", { status: 404 });
-      }
+        throw ut();
+      },
+      // Component is required to suppress React Router's warning about empty leaf routes,
+      // even though the loader always throws and this component will never render.
+      Component: () => null,
+      ErrorBoundary: L
     }
   ];
-}, Gt = (t) => {
-  const { configurations: e } = S(), { rootComponent: s, children: r } = t, n = Qt({
+}, bt = "appshell-root-nav", ne = (t) => ({
+  loaderID: bt,
+  loader: async (e) => ({ navItems: oe(t, e) })
+}), gt = () => At(bt)?.navItems, oe = async (t, e) => {
+  const s = ct(t.locale);
+  return (await Promise.all(
+    t.modules.map(async (n) => {
+      if (n.path.startsWith(":") || (await H(n.accessControl, e)).state !== "visible") return null;
+      const i = await pt(
+        n.resources,
+        n.path,
+        e,
+        s
+      );
+      return i.length === 0 ? null : { module: n, resources: i };
+    })
+  )).filter((n) => n !== null).map(({ module: n, resources: o }) => ({
+    title: s(n.meta.title, n.path),
+    url: n.meta.menuItemClickable ? n.path : void 0,
+    icon: n.meta.icon || /* @__PURE__ */ a(Ut, {}),
+    items: o
+  }));
+}, pt = async (t, e, s, r) => (await Promise.all(
+  t.map(async (o) => {
+    if (o.path.startsWith(":") || (await H(o.accessControl, s)).state !== "visible") return null;
+    const d = `${e}/${o.path}`, w = r(o.meta.title, o.path), c = o.subResources ? await pt(
+      o.subResources,
+      d,
+      s,
+      r
+    ) : void 0;
+    return {
+      title: w,
+      url: d,
+      items: c && c.length > 0 ? c : void 0
+    };
+  })
+)).filter((o) => o !== null), ie = (t) => {
+  const { configurations: e } = C(), { rootComponent: s, children: r } = t, n = re({
     modules: e.modules,
     settingsResources: e.settingsResources,
     rootComponent: s
-  }), o = e.errorBoundary, l = [
+  }), o = e.errorBoundary, { loaderID: i, loader: d } = ne({
+    modules: e.modules,
+    locale: e.locale
+  }), w = [
     {
+      id: i,
+      loader: d,
       element: r,
       children: o ? [
         {
-          element: /* @__PURE__ */ a(W, {}),
-          ErrorBoundary: G(o),
+          element: /* @__PURE__ */ a(U, {}),
+          ErrorBoundary: Q(o),
           children: n
         }
-      ] : n
+      ] : n,
+      /*
+       * Hydration fallback is unused in CSR-only usage of AppShell.
+       * return null to silence hydration warnings.
+       */
+      HydrateFallback: () => null
     }
-  ], d = e.basePath ? "/" + e.basePath : void 0, i = t.memory ? Tt(l, {
-    basename: d,
+  ], c = e.basePath ? "/" + e.basePath : void 0, h = t.memory ? Dt(w, {
+    basename: c,
     ...t.initialEntries ? { initialEntries: t.initialEntries } : {}
-  }) : kt(l, {
-    basename: d
+  }) : It(w, {
+    basename: c
   });
-  return /* @__PURE__ */ a(Rt, { router: i });
-}, Vt = {
+  return /* @__PURE__ */ a(Mt, { router: h });
+}, le = {
   resolvedTheme: "light",
   theme: "system",
   setTheme: () => null
-}, wt = j(Vt);
-function qt({
+}, vt = j(le);
+function de({
   children: t,
   storageKey: e,
   defaultTheme: s = "system",
   ...r
 }) {
-  const [n, o] = T(
+  const [n, o] = S(
     () => localStorage.getItem(e) || s
-  ), l = A(() => n !== "system" ? n : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", [n]);
-  C(() => {
-    const i = window.document.documentElement;
-    i.classList.remove("light", "dark"), i.classList.add(l);
-  }, [l]);
+  ), i = I(() => n !== "system" ? n : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", [n]);
+  N(() => {
+    const w = window.document.documentElement;
+    w.classList.remove("light", "dark"), w.classList.add(i);
+  }, [i]);
   const d = {
-    resolvedTheme: l,
+    resolvedTheme: i,
     theme: n,
-    setTheme: (i) => {
-      localStorage.setItem(e, i), o(i);
+    setTheme: (w) => {
+      localStorage.setItem(e, w), o(w);
     }
   };
-  return /* @__PURE__ */ a(wt.Provider, { ...r, value: d, children: t });
+  return /* @__PURE__ */ a(vt.Provider, { ...r, value: d, children: t });
 }
-const Xt = () => {
-  const t = U(wt);
+const ce = () => {
+  const t = K(vt);
   if (t === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return t;
-}, oa = (t) => {
-  const [e, s] = T(!1);
-  C(function() {
+}, ya = (t) => {
+  const [e, s] = S(!1);
+  return N(function() {
     s(!0);
-  }, []);
-  const r = Ut(t), n = A(() => {
-    const o = t.modules, l = Q(r.locale);
-    return o.map((d) => {
-      const i = l(d.meta.title, d.path), w = d.resources.map((h) => ({
-        title: l(h.meta.title, h.path),
-        url: `${d.path}/${h.path}`
-      }));
-      return {
-        title: i,
-        url: d.meta.menuItemClickable ? d.path : void 0,
-        clickable: d.component,
-        icon: d.meta.icon || /* @__PURE__ */ a(gt, {}),
-        isActive: !0,
-        items: w
-      };
-    });
-  }, [t.modules, r.locale]);
-  return e ? /* @__PURE__ */ a(
-    lt.Provider,
+  }, []), e ? /* @__PURE__ */ a(
+    wt.Provider,
     {
       value: {
         title: t.title,
         icon: t.icon,
-        configurations: r,
-        navItems: n
+        configurations: te(t)
       },
-      children: /* @__PURE__ */ a(qt, { defaultTheme: "system", storageKey: "appshell-ui-theme", children: /* @__PURE__ */ a(Gt, { rootComponent: t.rootComponent, children: t.children }) })
+      children: /* @__PURE__ */ a(de, { defaultTheme: "system", storageKey: "appshell-ui-theme", children: /* @__PURE__ */ a(ie, { rootComponent: t.rootComponent, children: t.children }) })
     }
   ) : null;
 };
-function Yt({
+function we({
   ...t
 }) {
-  return /* @__PURE__ */ a(H.Root, { "data-slot": "collapsible", ...t });
+  return /* @__PURE__ */ a(F.Root, { "data-slot": "collapsible", ...t });
 }
 function Y({
   ...t
 }) {
   return /* @__PURE__ */ a(
-    H.CollapsibleTrigger,
+    F.CollapsibleTrigger,
     {
       "data-slot": "collapsible-trigger",
       ...t
     }
   );
 }
-function Jt({
+function ue({
   ...t
 }) {
   return /* @__PURE__ */ a(
-    H.CollapsibleContent,
+    F.CollapsibleContent,
     {
       "data-slot": "collapsible-content",
       ...t
     }
   );
 }
-const M = 768;
-function Zt() {
-  const [t, e] = y.useState(
+const _ = 768;
+function me() {
+  const [t, e] = v.useState(
     void 0
   );
-  return y.useEffect(() => {
-    const s = window.matchMedia(`(max-width: ${M - 1}px)`), r = () => {
-      e(window.innerWidth < M);
+  return v.useEffect(() => {
+    const s = window.matchMedia(`(max-width: ${_ - 1}px)`), r = () => {
+      e(window.innerWidth < _);
     };
-    return s.addEventListener("change", r), e(window.innerWidth < M), () => s.removeEventListener("change", r);
+    return s.addEventListener("change", r), e(window.innerWidth < _), () => s.removeEventListener("change", r);
   }, []), !!t;
 }
-function te({ className: t, type: e, ...s }) {
+function he({ className: t, type: e, ...s }) {
   return /* @__PURE__ */ a(
     "input",
     {
@@ -531,20 +582,20 @@ function te({ className: t, type: e, ...s }) {
     }
   );
 }
-function ee({ ...t }) {
-  return /* @__PURE__ */ a(v.Root, { "data-slot": "sheet", ...t });
+function fe({ ...t }) {
+  return /* @__PURE__ */ a(p.Root, { "data-slot": "sheet", ...t });
 }
-function ae({
+function be({
   ...t
 }) {
-  return /* @__PURE__ */ a(v.Portal, { "data-slot": "sheet-portal", ...t });
+  return /* @__PURE__ */ a(p.Portal, { "data-slot": "sheet-portal", ...t });
 }
-function se({
+function ge({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    v.Overlay,
+    p.Overlay,
     {
       "data-slot": "sheet-overlay",
       className: u(
@@ -555,16 +606,16 @@ function se({
     }
   );
 }
-function re({
+function pe({
   className: t,
   children: e,
   side: s = "right",
   ...r
 }) {
-  return /* @__PURE__ */ c(ae, { children: [
-    /* @__PURE__ */ a(se, {}),
-    /* @__PURE__ */ c(
-      v.Content,
+  return /* @__PURE__ */ l(be, { children: [
+    /* @__PURE__ */ a(ge, {}),
+    /* @__PURE__ */ l(
+      p.Content,
       {
         "data-slot": "sheet-content",
         className: u(
@@ -578,8 +629,8 @@ function re({
         ...r,
         children: [
           e,
-          /* @__PURE__ */ c(v.Close, { className: "astw:ring-offset-bg astw:focus:ring-ring astw:data-[state=open]:bg-secondary astw:absolute astw:top-4 astw:right-4 astw:rounded-xs astw:opacity-70 astw:transition-opacity astw:hover:opacity-100 astw:focus:ring-2 astw:focus:ring-offset-2 astw:focus:outline-hidden astw:disabled:pointer-events-none", children: [
-            /* @__PURE__ */ a(rt, { className: "astw:size-4" }),
+          /* @__PURE__ */ l(p.Close, { className: "astw:ring-offset-bg astw:focus:ring-ring astw:data-[state=open]:bg-secondary astw:absolute astw:top-4 astw:right-4 astw:rounded-xs astw:opacity-70 astw:transition-opacity astw:hover:opacity-100 astw:focus:ring-2 astw:focus:ring-offset-2 astw:focus:outline-hidden astw:disabled:pointer-events-none", children: [
+            /* @__PURE__ */ a(dt, { className: "astw:size-4" }),
             /* @__PURE__ */ a("span", { className: "astw:sr-only", children: "Close" })
           ] })
         ]
@@ -587,7 +638,7 @@ function re({
     )
   ] });
 }
-function ne({ className: t, ...e }) {
+function ve({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -597,12 +648,12 @@ function ne({ className: t, ...e }) {
     }
   );
 }
-function oe({
+function xe({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    v.Title,
+    p.Title,
     {
       "data-slot": "sheet-title",
       className: u("astw:text-foreground astw:font-semibold", t),
@@ -610,12 +661,12 @@ function oe({
     }
   );
 }
-function ie({
+function ye({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    v.Description,
+    p.Description,
     {
       "data-slot": "sheet-description",
       className: u("astw:text-muted-foreground astw:text-sm", t),
@@ -623,12 +674,12 @@ function ie({
     }
   );
 }
-function ut({
+function xt({
   delayDuration: t = 0,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    k.Provider,
+    T.Provider,
     {
       "data-slot": "tooltip-provider",
       delayDuration: t,
@@ -636,24 +687,24 @@ function ut({
     }
   );
 }
-function le({
+function Ne({
   ...t
 }) {
-  return /* @__PURE__ */ a(ut, { children: /* @__PURE__ */ a(k.Root, { "data-slot": "tooltip", ...t }) });
+  return /* @__PURE__ */ a(xt, { children: /* @__PURE__ */ a(T.Root, { "data-slot": "tooltip", ...t }) });
 }
-function de({
+function Ce({
   ...t
 }) {
-  return /* @__PURE__ */ a(k.Trigger, { "data-slot": "tooltip-trigger", ...t });
+  return /* @__PURE__ */ a(T.Trigger, { "data-slot": "tooltip-trigger", ...t });
 }
-function ce({
+function Se({
   className: t,
   sideOffset: e = 0,
   children: s,
   ...r
 }) {
-  return /* @__PURE__ */ a(k.Portal, { children: /* @__PURE__ */ c(
-    k.Content,
+  return /* @__PURE__ */ a(T.Portal, { children: /* @__PURE__ */ l(
+    T.Content,
     {
       "data-slot": "tooltip-content",
       sideOffset: e,
@@ -664,71 +715,71 @@ function ce({
       ...r,
       children: [
         s,
-        /* @__PURE__ */ a(k.Arrow, { className: "astw:bg-primary astw:fill-primary astw:z-50 astw:size-2.5 astw:translate-y-[calc(-50%_-_2px)] astw:rotate-45 astw:rounded-[2px]" })
+        /* @__PURE__ */ a(T.Arrow, { className: "astw:bg-primary astw:fill-primary astw:z-50 astw:size-2.5 astw:translate-y-[calc(-50%_-_2px)] astw:rotate-45 astw:rounded-[2px]" })
       ]
     }
   ) });
 }
-const we = "sidebar_state", ue = 3600 * 24 * 7, me = "16rem", he = "18rem", fe = "3rem", ge = "b", mt = y.createContext(null);
-function _() {
-  const t = y.useContext(mt);
+const Te = "sidebar_state", ke = 3600 * 24 * 7, Re = "16rem", Ee = "18rem", Pe = "3rem", Be = "b", yt = v.createContext(null);
+function M() {
+  const t = v.useContext(yt);
   if (!t)
     throw new Error("useSidebar must be used within a SidebarProvider.");
   return t;
 }
-function be({
+function Le({
   defaultOpen: t = !0,
   open: e,
   onOpenChange: s,
   className: r,
   style: n,
   children: o,
-  ...l
+  ...i
 }) {
-  const d = Zt(), [i, w] = y.useState(!1), [h, f] = y.useState(t), b = e ?? h, m = y.useCallback(
-    (p) => {
-      const N = typeof p == "function" ? p(b) : p;
-      s ? s(N) : f(N), document.cookie = `${we}=${N}; path=/; max-age=${ue}`;
+  const d = me(), [w, c] = v.useState(!1), [h, b] = v.useState(t), m = e ?? h, f = v.useCallback(
+    (g) => {
+      const y = typeof g == "function" ? g(m) : g;
+      s ? s(y) : b(y), document.cookie = `${Te}=${y}; path=/; max-age=${ke}`;
     },
-    [s, b]
-  ), g = y.useCallback(() => d ? w((p) => !p) : m((p) => !p), [d, m, w]);
-  y.useEffect(() => {
-    const p = (N) => {
-      N.key === ge && (N.metaKey || N.ctrlKey) && (N.preventDefault(), g());
+    [s, m]
+  ), x = v.useCallback(() => d ? c((g) => !g) : f((g) => !g), [d, f, c]);
+  v.useEffect(() => {
+    const g = (y) => {
+      y.key === Be && (y.metaKey || y.ctrlKey) && (y.preventDefault(), x());
     };
-    return window.addEventListener("keydown", p), () => window.removeEventListener("keydown", p);
-  }, [g]);
-  const x = b ? "expanded" : "collapsed", V = y.useMemo(
+    return window.addEventListener("keydown", g), () => window.removeEventListener("keydown", g);
+  }, [x]);
+  const A = m ? "expanded" : "collapsed", V = v.useMemo(
     () => ({
-      state: x,
-      open: b,
-      setOpen: m,
+      state: A,
+      open: m,
+      setOpen: f,
       isMobile: d,
-      openMobile: i,
-      setOpenMobile: w,
-      toggleSidebar: g
+      openMobile: w,
+      setOpenMobile: c,
+      toggleSidebar: x
     }),
-    [x, b, m, d, i, w, g]
+    [A, m, f, d, w, c, x]
   );
-  return /* @__PURE__ */ a(mt.Provider, { value: V, children: /* @__PURE__ */ a(ut, { delayDuration: 0, children: /* @__PURE__ */ a(
+  return /* @__PURE__ */ a(yt.Provider, { value: V, children: /* @__PURE__ */ a(xt, { delayDuration: 0, children: /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "sidebar-wrapper",
       style: {
-        "--sidebar-width": me,
-        "--sidebar-width-icon": fe,
+        "--sidebar-width": Re,
+        "--sidebar-width-icon": Pe,
         ...n
       },
       className: u(
         "astw:group/sidebar-wrapper astw:has-data-[variant=inset]:bg-sidebar astw:flex astw:min-h-svh astw:w-full",
         r
       ),
-      ...l,
+      ...i,
       children: o
     }
   ) }) });
 }
-function pe({
+function Ae({
   side: t = "left",
   variant: e = "sidebar",
   collapsible: s = "offcanvas",
@@ -736,7 +787,7 @@ function pe({
   children: n,
   ...o
 }) {
-  const { isMobile: l, state: d, openMobile: i, setOpenMobile: w } = _();
+  const { isMobile: i, state: d, openMobile: w, setOpenMobile: c } = M();
   return s === "none" ? /* @__PURE__ */ a(
     "div",
     {
@@ -748,26 +799,26 @@ function pe({
       ...o,
       children: n
     }
-  ) : l ? /* @__PURE__ */ a(ee, { open: i, onOpenChange: w, ...o, children: /* @__PURE__ */ c(
-    re,
+  ) : i ? /* @__PURE__ */ a(fe, { open: w, onOpenChange: c, ...o, children: /* @__PURE__ */ l(
+    pe,
     {
       "data-sidebar": "sidebar",
       "data-slot": "sidebar",
       "data-mobile": "true",
       className: "astw:bg-sidebar astw:text-sidebar-foreground astw:w-(--sidebar-width) astw:p-0 astw:[&>button]:hidden",
       style: {
-        "--sidebar-width": he
+        "--sidebar-width": Ee
       },
       side: t,
       children: [
-        /* @__PURE__ */ c(ne, { className: "astw:sr-only", children: [
-          /* @__PURE__ */ a(oe, { children: "Sidebar" }),
-          /* @__PURE__ */ a(ie, { children: "Displays the mobile sidebar." })
+        /* @__PURE__ */ l(ve, { className: "astw:sr-only", children: [
+          /* @__PURE__ */ a(xe, { children: "Sidebar" }),
+          /* @__PURE__ */ a(ye, { children: "Displays the mobile sidebar." })
         ] }),
         /* @__PURE__ */ a("div", { className: "flex h-full w-full flex-col", children: n })
       ]
     }
-  ) }) : /* @__PURE__ */ c(
+  ) }) : /* @__PURE__ */ l(
     "div",
     {
       className: "astw:group astw:peer astw:text-sidebar-foreground astw:hidden astw:md:block",
@@ -817,14 +868,14 @@ function pe({
     }
   );
 }
-function ht({
+function Nt({
   className: t,
   onClick: e,
   ...s
 }) {
-  const { toggleSidebar: r } = _();
-  return /* @__PURE__ */ c(
-    L,
+  const { toggleSidebar: r } = M();
+  return /* @__PURE__ */ l(
+    P,
     {
       "data-sidebar": "trigger",
       "data-slot": "sidebar-trigger",
@@ -836,13 +887,13 @@ function ht({
       },
       ...s,
       children: [
-        /* @__PURE__ */ a(bt, { className: "astw:size-4.5" }),
+        /* @__PURE__ */ a(Ft, { className: "astw:size-4.5" }),
         /* @__PURE__ */ a("span", { className: "astw:sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
 }
-function ve({ className: t, ...e }) {
+function De({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "main",
     {
@@ -857,7 +908,7 @@ function ve({ className: t, ...e }) {
     }
   );
 }
-function xe({ className: t, ...e }) {
+function Ie({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -868,7 +919,7 @@ function xe({ className: t, ...e }) {
     }
   );
 }
-function ye({ className: t, ...e }) {
+function Me({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -882,7 +933,7 @@ function ye({ className: t, ...e }) {
     }
   );
 }
-function Ne({ className: t, ...e }) {
+function Ct({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -893,7 +944,7 @@ function Ne({ className: t, ...e }) {
     }
   );
 }
-function Ce({ className: t, ...e }) {
+function St({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "ul",
     {
@@ -904,7 +955,7 @@ function Ce({ className: t, ...e }) {
     }
   );
 }
-function Se({ className: t, ...e }) {
+function Tt({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "li",
     {
@@ -915,7 +966,7 @@ function Se({ className: t, ...e }) {
     }
   );
 }
-const Te = it(
+const _e = lt(
   "astw:peer/menu-button astw:flex astw:w-full astw:items-center astw:gap-2 astw:overflow-hidden astw:rounded-md astw:p-2 astw:text-left astw:text-sm astw:outline-hidden astw:ring-sidebar-ring astw:transition-[width,height,padding] astw:hover:bg-sidebar-accent astw:hover:text-sidebar-accent-foreground astw:focus-visible:ring-2 astw:active:bg-sidebar-accent astw:active:text-sidebar-accent-foreground astw:disabled:pointer-events-none astw:disabled:opacity-50 astw:group-has-data-[sidebar=menu-action]/menu-item:pr-8 astw:aria-disabled:pointer-events-none astw:aria-disabled:opacity-50 astw:data-[active=true]:bg-sidebar-accent astw:data-[active=true]:font-medium astw:data-[active=true]:text-sidebar-accent-foreground astw:data-[state=open]:hover:bg-sidebar-accent astw:data-[state=open]:hover:text-sidebar-accent-foreground astw:group-data-[collapsible=icon]:size-8! astw:group-data-[collapsible=icon]:p-2! astw:[&>span:last-child]:truncate astw:[&>svg]:size-4 astw:[&>svg]:shrink-0",
   {
     variants: {
@@ -942,29 +993,29 @@ function J({
   size: r = "default",
   tooltip: n,
   className: o,
-  ...l
+  ...i
 }) {
-  const d = t ? D : "button", { isMobile: i, state: w } = _(), h = /* @__PURE__ */ a(
+  const d = t ? B : "button", { isMobile: w, state: c } = M(), h = /* @__PURE__ */ a(
     d,
     {
       "data-slot": "sidebar-menu-button",
       "data-sidebar": "menu-button",
       "data-size": r,
       "data-active": e,
-      className: u(Te({ variant: s, size: r }), o),
-      ...l
+      className: u(_e({ variant: s, size: r }), o),
+      ...i
     }
   );
   return n ? (typeof n == "string" && (n = {
     children: n
-  }), /* @__PURE__ */ c(le, { children: [
-    /* @__PURE__ */ a(de, { asChild: !0, children: h }),
+  }), /* @__PURE__ */ l(Ne, { children: [
+    /* @__PURE__ */ a(Ce, { asChild: !0, children: h }),
     /* @__PURE__ */ a(
-      ce,
+      Se,
       {
         side: "right",
         align: "center",
-        hidden: w !== "collapsed" || i,
+        hidden: c !== "collapsed" || w,
         ...n
       }
     )
@@ -977,7 +1028,7 @@ function Z({
   ...r
 }) {
   return /* @__PURE__ */ a(
-    e ? D : "button",
+    e ? B : "button",
     {
       "data-slot": "sidebar-menu-action",
       "data-sidebar": "menu-action",
@@ -996,7 +1047,7 @@ function Z({
     }
   );
 }
-function ke({ className: t, ...e }) {
+function ze({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "ul",
     {
@@ -1011,7 +1062,7 @@ function ke({ className: t, ...e }) {
     }
   );
 }
-function Re({
+function Oe({
   className: t,
   ...e
 }) {
@@ -1025,7 +1076,7 @@ function Re({
     }
   );
 }
-function Ee({
+function $e({
   asChild: t = !1,
   size: e = "md",
   isActive: s = !1,
@@ -1033,7 +1084,7 @@ function Ee({
   ...n
 }) {
   return /* @__PURE__ */ a(
-    t ? D : "a",
+    t ? B : "a",
     {
       "data-slot": "sidebar-menu-sub-button",
       "data-sidebar": "menu-sub-button",
@@ -1051,9 +1102,9 @@ function Ee({
     }
   );
 }
-function K({ to: t, children: e, ...s }) {
+function $({ to: t, children: e, ...s }) {
   try {
-    return Et(t), /* @__PURE__ */ a(Bt, { to: t, ...s, children: e });
+    return _t(t), /* @__PURE__ */ a(zt, { to: t, ...s, children: e });
   } catch {
     return /* @__PURE__ */ a("a", { href: t, ...s, children: e });
   }
@@ -1091,7 +1142,7 @@ function st({
   ...r
 }) {
   return /* @__PURE__ */ a(
-    t ? D : K,
+    t ? B : $,
     {
       "data-slot": "breadcrumb-link",
       className: u("astw:hover:text-foreground astw:transition-colors", e),
@@ -1100,7 +1151,7 @@ function st({
     }
   );
 }
-function Be({
+function je({
   children: t,
   className: e,
   ...s
@@ -1117,35 +1168,15 @@ function Be({
     }
   );
 }
-function Ae(t, e) {
-  const s = Q(e), r = [], n = (o, l) => {
-    if (o.path.startsWith(":")) return;
-    const d = `${l}/${o.path}`;
-    r.push({
-      path: d,
-      title: s(o.meta.title, o.path),
-      icon: o.meta.icon
-    }), o.subResources && o.subResources.forEach((i) => n(i, d));
-  };
-  return t.forEach((o) => {
-    o.path.startsWith(":") || (o.meta.menuItemClickable && r.push({
-      path: o.path,
-      title: s(o.meta.title, o.path),
-      icon: o.meta.icon
-    }), o.resources.forEach(
-      (l) => n(l, o.path)
-    ));
-  }), r;
-}
-function Pe(t, e) {
+function Ke(t, e) {
   if (!e.trim()) return t;
   const s = e.toLowerCase();
   return t.filter(
     (r) => r.title.toLowerCase().includes(s) || r.path.toLowerCase().includes(s)
   );
 }
-const Le = (t, e) => {
-  const s = Q(e);
+const Ue = (t, e) => {
+  const s = ct(e);
   return t.reduce(
     (r, n) => {
       const o = s(n.meta.title, n.path);
@@ -1153,44 +1184,44 @@ const Le = (t, e) => {
         title: o,
         breadcrumbTitle: n.meta.breadcrumbTitle
       };
-      const l = (d, i) => {
-        !d || d.length === 0 || d.forEach((w) => {
-          const h = `${i}/${w.path}`, f = s(
-            w.meta.title,
-            w.path
+      const i = (d, w) => {
+        !d || d.length === 0 || d.forEach((c) => {
+          const h = `${w}/${c.path}`, b = s(
+            c.meta.title,
+            c.path
           );
           r[h] = {
-            title: f,
-            breadcrumbTitle: w.meta.breadcrumbTitle
-          }, w.subResources && w.subResources.length > 0 && l(
-            w.subResources,
+            title: b,
+            breadcrumbTitle: c.meta.breadcrumbTitle
+          }, c.subResources && c.subResources.length > 0 && i(
+            c.subResources,
             h
           );
         });
       };
-      return n.resources && n.resources.length > 0 && l(n.resources, n.path), r;
+      return n.resources && n.resources.length > 0 && i(n.resources, n.path), r;
     },
     {}
   );
 };
-function De(t, e, s, r) {
-  const n = t.split("/").filter((i) => i !== ""), o = e && n[0] === e ? n.slice(1) : n, l = Le(s, r), d = o.map((i, w) => {
-    const h = o.slice(0, w + 1).join("/");
-    let f = l[h];
-    if (!f) {
-      const m = Object.entries(l).find(
-        ([g]) => {
-          const x = g.split("/").map((p) => p.startsWith(":") ? "[^/]+" : p).join("/");
-          return new RegExp(`^${x}$`).test(h);
+function Fe(t, e, s, r) {
+  const n = t.split("/").filter((w) => w !== ""), o = e && n[0] === e ? n.slice(1) : n, i = Ue(s, r), d = o.map((w, c) => {
+    const h = o.slice(0, c + 1).join("/");
+    let b = i[h];
+    if (!b) {
+      const f = Object.entries(i).find(
+        ([x]) => {
+          const A = x.split("/").map((g) => g.startsWith(":") ? "[^/]+" : g).join("/");
+          return new RegExp(`^${A}$`).test(h);
         }
       )?.[1];
-      m && (f = m);
+      f && (b = f);
     }
-    let b;
-    return f ? typeof f.breadcrumbTitle == "function" ? b = f.breadcrumbTitle(i) : typeof f.breadcrumbTitle == "string" ? b = f.breadcrumbTitle : b = f.title : b = decodeURIComponent(i), {
-      segment: i,
+    let m;
+    return b ? typeof b.breadcrumbTitle == "function" ? m = b.breadcrumbTitle(w) : typeof b.breadcrumbTitle == "string" ? m = b.breadcrumbTitle : m = b.title : m = decodeURIComponent(w), {
+      segment: w,
       path: h,
-      title: b
+      title: m
     };
   });
   return {
@@ -1198,127 +1229,137 @@ function De(t, e, s, r) {
     segments: d
   };
 }
-const Ie = () => {
-  const { open: t } = _();
-  return /* @__PURE__ */ a("div", { className: t ? "astw:md:hidden" : void 0, children: /* @__PURE__ */ a(ht, { className: "astw:-ml-2.5" }) });
-}, ia = (t) => {
-  const e = t.children ? t.children({ Outlet: X }) : null, s = Xt(), r = () => {
+const We = () => {
+  const { open: t } = M();
+  return /* @__PURE__ */ a("div", { className: t ? "astw:md:hidden" : void 0, children: /* @__PURE__ */ a(Nt, { className: "astw:-ml-2.5" }) });
+}, Na = (t) => {
+  const e = t.children ? t.children({ Outlet: X }) : null, s = ce(), r = () => {
     s.setTheme(s.theme === "dark" ? "light" : "dark");
   };
-  return /* @__PURE__ */ a(be, { className: "astw:flex astw:flex-col", children: /* @__PURE__ */ c("div", { className: "astw:flex astw:flex-1", children: [
-    t.sidebar ?? /* @__PURE__ */ a(_e, {}),
-    /* @__PURE__ */ c(ve, { className: "astw:w-[calc(100%-var(--sidebar-width))]", children: [
-      /* @__PURE__ */ a("header", { className: "astw:flex astw:h-14 astw:shrink-0 astw:items-center astw:gap-2 astw:transition-[width,height] astw:ease-linear astw:group-has-data-[collapsible=icon]/sidebar-wrapper:h-12", children: /* @__PURE__ */ c("div", { className: "astw:flex astw:w-full astw:items-center astw:justify-between", children: [
-        /* @__PURE__ */ c("div", { className: "astw:flex astw:items-center astw:gap-2", children: [
-          /* @__PURE__ */ a(Ie, {}),
-          /* @__PURE__ */ a(ze, {})
+  return /* @__PURE__ */ a(Le, { className: "astw:flex astw:flex-col", children: /* @__PURE__ */ l("div", { className: "astw:flex astw:flex-1", children: [
+    t.sidebar ?? /* @__PURE__ */ a(He, {}),
+    /* @__PURE__ */ l(De, { className: "astw:w-[calc(100%-var(--sidebar-width))]", children: [
+      /* @__PURE__ */ a("header", { className: "astw:flex astw:h-14 astw:shrink-0 astw:items-center astw:gap-2 astw:transition-[width,height] astw:ease-linear astw:group-has-data-[collapsible=icon]/sidebar-wrapper:h-12", children: /* @__PURE__ */ l("div", { className: "astw:flex astw:w-full astw:items-center astw:justify-between", children: [
+        /* @__PURE__ */ l("div", { className: "astw:flex astw:items-center astw:gap-2", children: [
+          /* @__PURE__ */ a(We, {}),
+          /* @__PURE__ */ a(Xe, {})
         ] }),
-        /* @__PURE__ */ a("div", { className: "astw:flex astw:items-center astw:gap-2", children: /* @__PURE__ */ a(L, { variant: "outline", size: "icon", onClick: r, children: /* @__PURE__ */ a(pt, {}) }) })
+        /* @__PURE__ */ a("div", { className: "astw:flex astw:items-center astw:gap-2", children: /* @__PURE__ */ a(P, { variant: "outline", size: "icon", onClick: r, children: /* @__PURE__ */ a(Wt, {}) }) })
       ] }) }),
       /* @__PURE__ */ a("div", { className: "astw:flex astw:flex-col astw:gap-4", children: e ?? /* @__PURE__ */ a(X, {}) })
     ] })
   ] }) });
-}, _e = (t) => {
-  const { title: e, icon: s, navItems: r } = S(), { pathname: n } = ot(), o = R(), l = /* @__PURE__ */ c(xe, { children: [
+}, He = (t) => {
+  const { title: e, icon: s } = C(), { pathname: r } = ot(), n = /* @__PURE__ */ l(Ie, { children: [
     s,
     /* @__PURE__ */ a("h1", { className: "astw:text-sm astw:mb-2 astw:mt-2 astw:px-2", children: e })
   ] });
-  return /* @__PURE__ */ c(pe, { variant: "inset", children: [
-    /* @__PURE__ */ c("div", { className: "astw:flex astw:justify-between astw:items-center", children: [
-      t.header ?? l,
-      /* @__PURE__ */ a("div", { className: "astw:hidden astw:md:block", children: /* @__PURE__ */ a(ht, { className: "astw:-ml-1" }) })
+  return /* @__PURE__ */ l(Ae, { variant: "inset", children: [
+    /* @__PURE__ */ l("div", { className: "astw:flex astw:justify-between astw:items-center", children: [
+      t.header ?? n,
+      /* @__PURE__ */ a("div", { className: "astw:hidden astw:md:block", children: /* @__PURE__ */ a(Nt, { className: "astw:-ml-1" }) })
     ] }),
-    /* @__PURE__ */ a(ye, { children: /* @__PURE__ */ a(Ne, { children: /* @__PURE__ */ a(Ce, { children: r.map((i) => /* @__PURE__ */ a(
-      Yt,
-      {
-        asChild: !0,
-        defaultOpen: i.isActive,
-        children: /* @__PURE__ */ c(Se, { children: [
-          i.url ? /* @__PURE__ */ c(B, { children: [
-            /* @__PURE__ */ a(J, { asChild: !0, tooltip: i.title, children: /* @__PURE__ */ c(
-              K,
-              {
-                to: i.url,
-                className: i.url === n ? "astw:bg-sidebar-accent astw:font-medium" : void 0,
-                children: [
-                  i.icon,
-                  /* @__PURE__ */ a("span", { children: i.title })
-                ]
-              }
-            ) }),
-            !!i.items?.length && /* @__PURE__ */ a(Y, { asChild: !0, children: /* @__PURE__ */ c(Z, { className: "astw:data-[state=open]:rotate-90", children: [
-              /* @__PURE__ */ a(z, {}),
-              /* @__PURE__ */ a("span", { className: "astw:sr-only", children: o("toggle") })
-            ] }) })
-          ] }) : /* @__PURE__ */ a(B, { children: /* @__PURE__ */ c(Y, { className: "astw:flex astw:w-[100%] astw:[&[data-state=open]_.astw-rotate-target]:rotate-90", children: [
-            /* @__PURE__ */ a(J, { asChild: !0, tooltip: i.title, children: /* @__PURE__ */ c("span", { className: "astw:flex astw:w-[100%]", children: [
-              i.icon,
-              /* @__PURE__ */ a("span", { children: i.title })
-            ] }) }),
-            !!i.items?.length && /* @__PURE__ */ a(
-              Z,
-              {
-                className: "astw-rotate-target",
-                asChild: !0,
-                children: /* @__PURE__ */ c("span", { children: [
-                  /* @__PURE__ */ a(z, {}),
-                  /* @__PURE__ */ a("span", { className: "astw:sr-only", children: o("toggle") })
-                ] })
-              }
-            )
-          ] }) }),
-          !!i.items?.length && /* @__PURE__ */ a(Jt, { children: /* @__PURE__ */ a(ke, { children: i.items?.map((w) => /* @__PURE__ */ a(Re, { children: /* @__PURE__ */ a(Ee, { asChild: !0, children: /* @__PURE__ */ a(
-            K,
-            {
-              to: w.url,
-              className: w.url === n ? "astw:bg-sidebar-accent astw:font-medium" : void 0,
-              children: /* @__PURE__ */ a("span", { children: w.title })
-            }
-          ) }) }, w.title)) }) })
-        ] })
-      },
-      i.title
-    )) }) }) }),
+    /* @__PURE__ */ a(Me, { children: /* @__PURE__ */ a(rt, { fallback: /* @__PURE__ */ a(qe, {}), children: /* @__PURE__ */ a(Qe, { currentPath: r }) }) }),
     t.footer ?? null
   ] });
-}, Me = () => {
-  const { configurations: t } = S(), e = ot();
-  return De(
+}, Qe = ({ currentPath: t }) => {
+  const e = gt();
+  return /* @__PURE__ */ a(it, { resolve: e, children: (s) => /* @__PURE__ */ a(Ve, { items: s ?? [], currentPath: t }) });
+}, Ve = (t) => {
+  const e = k();
+  return /* @__PURE__ */ a(Ct, { children: /* @__PURE__ */ a(St, { children: t.items.map((s) => /* @__PURE__ */ a(we, { asChild: !0, defaultOpen: !0, children: /* @__PURE__ */ l(Tt, { children: [
+    s.url ? /* @__PURE__ */ l(R, { children: [
+      /* @__PURE__ */ a(J, { asChild: !0, tooltip: s.title, children: /* @__PURE__ */ l(
+        $,
+        {
+          to: s.url,
+          className: s.url === t.currentPath ? "astw:bg-sidebar-accent astw:font-medium" : void 0,
+          children: [
+            s.icon,
+            /* @__PURE__ */ a("span", { children: s.title })
+          ]
+        }
+      ) }),
+      !!s.items?.length && /* @__PURE__ */ a(Y, { asChild: !0, children: /* @__PURE__ */ l(Z, { className: "astw:data-[state=open]:rotate-90", children: [
+        /* @__PURE__ */ a(z, {}),
+        /* @__PURE__ */ a("span", { className: "astw:sr-only", children: e("toggle") })
+      ] }) })
+    ] }) : /* @__PURE__ */ a(R, { children: /* @__PURE__ */ l(Y, { className: "astw:flex astw:w-[100%] astw:[&[data-state=open]_.astw-rotate-target]:rotate-90", children: [
+      /* @__PURE__ */ a(J, { asChild: !0, tooltip: s.title, children: /* @__PURE__ */ l("span", { className: "astw:flex astw:w-[100%]", children: [
+        s.icon,
+        /* @__PURE__ */ a("span", { children: s.title })
+      ] }) }),
+      !!s.items?.length && /* @__PURE__ */ a(
+        Z,
+        {
+          className: "astw-rotate-target",
+          asChild: !0,
+          children: /* @__PURE__ */ l("span", { children: [
+            /* @__PURE__ */ a(z, {}),
+            /* @__PURE__ */ a("span", { className: "astw:sr-only", children: e("toggle") })
+          ] })
+        }
+      )
+    ] }) }),
+    !!s.items?.length && /* @__PURE__ */ a(ue, { children: /* @__PURE__ */ a(ze, { children: s.items?.map((r) => /* @__PURE__ */ a(Oe, { children: /* @__PURE__ */ a($e, { asChild: !0, children: /* @__PURE__ */ a(
+      $,
+      {
+        to: r.url,
+        className: r.url === t.currentPath ? "astw:bg-sidebar-accent astw:font-medium" : void 0,
+        children: /* @__PURE__ */ a("span", { children: r.title })
+      }
+    ) }) }, r.title)) }) })
+  ] }) }, s.title)) }) });
+}, qe = () => {
+  const e = [...[112, 96, 80, 104, 88, 100, 92, 84]].sort(() => Math.random() - 0.5);
+  return /* @__PURE__ */ a(Ct, { children: /* @__PURE__ */ a(St, { className: "astw:px-2", children: e.map((s, r) => /* @__PURE__ */ a(Tt, { children: /* @__PURE__ */ l("div", { className: "astw:flex astw:items-center astw:gap-2 astw:py-1.5", children: [
+    /* @__PURE__ */ a("div", { className: "astw:h-4 astw:w-4 astw:rounded-md astw:bg-muted" }),
+    /* @__PURE__ */ a(
+      "div",
+      {
+        className: "astw:h-4 astw:rounded astw:bg-muted",
+        style: { width: `${s}px` }
+      }
+    )
+  ] }) }, r)) }) });
+}, Ge = () => {
+  const { configurations: t } = C(), e = ot();
+  return Fe(
     e.pathname,
     t.basePath,
     t.modules,
     t.locale
   );
-}, ze = () => {
-  const { segments: t } = Me(), e = At("/:prefix/settings/:suffix"), s = R();
-  return e ? /* @__PURE__ */ a(tt, { children: /* @__PURE__ */ a(et, { children: /* @__PURE__ */ a("div", { className: "astw:inline-flex astw:items-center astw:gap-3 astw:last:text-foreground", children: /* @__PURE__ */ a(at, { children: /* @__PURE__ */ a(st, { to: `/${e.params.prefix}/settings`, children: s("settings") }) }) }) }) }) : /* @__PURE__ */ a(tt, { children: /* @__PURE__ */ a(et, { children: t.map((r, n) => /* @__PURE__ */ c(
+}, Xe = () => {
+  const { segments: t } = Ge(), e = Ot("/:prefix/settings/:suffix"), s = k();
+  return e ? /* @__PURE__ */ a(tt, { children: /* @__PURE__ */ a(et, { children: /* @__PURE__ */ a("div", { className: "astw:inline-flex astw:items-center astw:gap-3 astw:last:text-foreground", children: /* @__PURE__ */ a(at, { children: /* @__PURE__ */ a(st, { to: `/${e.params.prefix}/settings`, children: s("settings") }) }) }) }) }) : /* @__PURE__ */ a(tt, { children: /* @__PURE__ */ a(et, { children: t.map((r, n) => /* @__PURE__ */ l(
     "div",
     {
       className: "astw:inline-flex astw:items-center astw:gap-3 astw:last:text-foreground",
       children: [
         /* @__PURE__ */ a(at, { children: /* @__PURE__ */ a(st, { to: r.path, children: r.title }) }),
-        n < t.length - 1 && /* @__PURE__ */ a(Be, {})
+        n < t.length - 1 && /* @__PURE__ */ a(je, {})
       ]
     },
     n
   )) }) });
 };
-function Oe({
+function Ye({
   ...t
 }) {
-  return /* @__PURE__ */ a(v.Root, { "data-slot": "dialog", ...t });
+  return /* @__PURE__ */ a(p.Root, { "data-slot": "dialog", ...t });
 }
-function $e({
+function Je({
   ...t
 }) {
-  return /* @__PURE__ */ a(v.Portal, { "data-slot": "dialog-portal", ...t });
+  return /* @__PURE__ */ a(p.Portal, { "data-slot": "dialog-portal", ...t });
 }
-function Ke({
+function Ze({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    v.Overlay,
+    p.Overlay,
     {
       "data-slot": "dialog-overlay",
       className: u(
@@ -1329,15 +1370,15 @@ function Ke({
     }
   );
 }
-function je({
+function ta({
   className: t,
   children: e,
   ...s
 }) {
-  return /* @__PURE__ */ c($e, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ a(Ke, {}),
-    /* @__PURE__ */ c(
-      v.Content,
+  return /* @__PURE__ */ l(Je, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ a(Ze, {}),
+    /* @__PURE__ */ l(
+      p.Content,
       {
         "data-slot": "dialog-content",
         className: u(
@@ -1347,8 +1388,8 @@ function je({
         ...s,
         children: [
           e,
-          /* @__PURE__ */ c(v.Close, { className: "astw:ring-offset-bg astw:focus:ring-ring astw:data-[state=open]:bg-accent astw:data-[state=open]:text-muted-foreground astw:absolute astw:top-4 astw:right-4 astw:rounded-xs astw:opacity-70 astw:transition-opacity astw:hover:opacity-100 astw:focus:ring-2 astw:focus:ring-offset-2 astw:focus:outline-hidden astw:disabled:pointer-events-none astw:[&_svg]:pointer-events-none astw:[&_svg]:shrink-0 astw:[&_svg:not([class*='size-'])]:size-4", children: [
-            /* @__PURE__ */ a(rt, {}),
+          /* @__PURE__ */ l(p.Close, { className: "astw:ring-offset-bg astw:focus:ring-ring astw:data-[state=open]:bg-accent astw:data-[state=open]:text-muted-foreground astw:absolute astw:top-4 astw:right-4 astw:rounded-xs astw:opacity-70 astw:transition-opacity astw:hover:opacity-100 astw:focus:ring-2 astw:focus:ring-offset-2 astw:focus:outline-hidden astw:disabled:pointer-events-none astw:[&_svg]:pointer-events-none astw:[&_svg]:shrink-0 astw:[&_svg:not([class*='size-'])]:size-4", children: [
+            /* @__PURE__ */ a(dt, {}),
             /* @__PURE__ */ a("span", { className: "astw:sr-only", children: "Close" })
           ] })
         ]
@@ -1356,12 +1397,12 @@ function je({
     )
   ] });
 }
-function Ue({
+function ea({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    v.Title,
+    p.Title,
     {
       "data-slot": "dialog-title",
       className: u("astw:text-lg astw:leading-none astw:font-semibold", t),
@@ -1369,106 +1410,113 @@ function Ue({
     }
   );
 }
-function We({
-  modules: t,
-  locale: e,
-  onNavigate: s
+function aa(t) {
+  const e = [], s = (r, n, o) => {
+    r.forEach((i) => {
+      const d = [...o, i.title];
+      e.push({
+        path: i.url,
+        title: i.title,
+        icon: n,
+        breadcrumb: d
+      }), i.items && i.items.length > 0 && s(i.items, n, d);
+    });
+  };
+  return t.forEach((r) => {
+    r.url && e.push({
+      path: r.url,
+      title: r.title,
+      icon: r.icon,
+      breadcrumb: [r.title]
+    }), s(r.items, r.icon, [r.title]);
+  }), e;
+}
+function sa({
+  routes: t
 }) {
-  const [r, n] = T(!1), [o, l] = T(""), [d, i] = T(0), w = A(
-    () => Ae(t, e),
-    [t, e]
-  ), h = A(
-    () => Pe(w, o),
-    [w, o]
+  const e = $t(), s = Rt(null), [r, n] = S(!1), [o, i] = S(""), [d, w] = S(0), c = I(
+    () => Ke(t, o),
+    [t, o]
   );
-  C(() => {
-    i(0);
-  }, [h]), C(() => {
-    r || (l(""), i(0));
-  }, [r]);
-  const f = O(
+  N(() => {
+    const m = (f) => {
+      (f.metaKey || f.ctrlKey) && f.key === "k" && (f.preventDefault(), n((x) => !x));
+    };
+    return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
+  }, []), N(() => {
+    w(0);
+  }, [c]), N(() => {
+    r || (i(""), w(0));
+  }, [r]), N(() => {
+    s.current && s.current.querySelector(`[data-index="${d}"]`)?.scrollIntoView({ block: "nearest" });
+  }, [d]);
+  const h = q(
     (m) => {
-      s(m.path), n(!1), l("");
+      e(m.path), n(!1), i("");
     },
-    [s]
-  ), b = O(
-    (m, g) => {
-      if (!g)
-        switch (m) {
+    [e]
+  ), b = q(
+    (m) => {
+      if (!m.nativeEvent.isComposing)
+        switch (m.key) {
           case "ArrowDown":
-            i(
-              (x) => x < h.length - 1 ? x + 1 : x
+            m.preventDefault(), w(
+              (f) => f < c.length - 1 ? f + 1 : f
             );
             break;
           case "ArrowUp":
-            i((x) => x > 0 ? x - 1 : x);
+            m.preventDefault(), w((f) => f > 0 ? f - 1 : f);
             break;
           case "Enter":
-            h[d] && f(h[d]);
+            m.preventDefault(), c[d] && h(c[d]);
             break;
         }
     },
-    [h, d, f]
+    [c, d, h]
   );
   return {
     open: r,
     setOpen: n,
     search: o,
-    setSearch: l,
+    setSearch: i,
     selectedIndex: d,
-    filteredRoutes: h,
-    handleSelect: f,
-    handleKeyDown: b
+    filteredRoutes: c,
+    handleSelect: h,
+    handleKeyDown: b,
+    listRef: s
   };
 }
-function la() {
-  const t = xt(null), { configurations: e } = S(), s = Pt(), r = R(), {
-    open: n,
-    setOpen: o,
-    search: l,
-    setSearch: d,
-    selectedIndex: i,
+function ra({
+  navItems: t
+}) {
+  const e = k(), s = I(() => aa(t), [t]), {
+    open: r,
+    setOpen: n,
+    search: o,
+    setSearch: i,
+    selectedIndex: d,
     filteredRoutes: w,
-    handleSelect: h,
-    handleKeyDown: f
-  } = We({
-    modules: e.modules,
-    locale: e.locale,
-    onNavigate: s
-  });
-  C(() => {
-    t.current && t.current.querySelector(
-      `[data-index="${i}"]`
-    )?.scrollIntoView({ block: "nearest" });
-  }, [i]);
-  const b = O(
-    (m) => {
-      ["ArrowDown", "ArrowUp", "Enter"].includes(m.key) && m.preventDefault(), f(m.key, m.nativeEvent.isComposing);
-    },
-    [f]
-  );
-  return C(() => {
-    const m = (g) => {
-      (g.metaKey || g.ctrlKey) && g.key === "k" && (g.preventDefault(), o(!n));
-    };
-    return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
-  }, [n, o]), /* @__PURE__ */ a(Oe, { open: n, onOpenChange: o, children: /* @__PURE__ */ c(
-    je,
+    handleSelect: c,
+    handleKeyDown: h,
+    listRef: b
+  } = sa({ routes: s });
+  return /* @__PURE__ */ a(Ye, { open: r, onOpenChange: n, children: /* @__PURE__ */ l(
+    ta,
     {
-      className: "astw:p-0 astw:gap-0 astw:max-w-lg astw:overflow-hidden",
-      onKeyDown: b,
+      className: "astw:p-0 astw:gap-0 astw:sm:max-w-2xl astw:overflow-hidden",
+      onKeyDown: h,
       "aria-describedby": void 0,
       children: [
-        /* @__PURE__ */ a(Ue, { className: "astw:sr-only", children: r("commandPaletteSearch") }),
-        /* @__PURE__ */ c("div", { className: "astw:flex astw:items-center astw:border-b astw:px-3", children: [
-          /* @__PURE__ */ a(vt, { className: "astw:mr-2 astw:h-4 astw:w-4 astw:shrink-0 astw:opacity-50" }),
+        /* @__PURE__ */ a(ea, { className: "astw:sr-only", children: e("commandPaletteSearch") }),
+        /* @__PURE__ */ l("div", { className: "astw:flex astw:items-center astw:border-b astw:px-3 astw:py-1", children: [
+          /* @__PURE__ */ a(Ht, { className: "astw:mr-2 astw:h-4 astw:w-4 astw:shrink-0 astw:opacity-50" }),
           /* @__PURE__ */ a(
-            te,
+            he,
             {
-              value: l,
-              onChange: (m) => d(m.target.value),
-              placeholder: r("commandPaletteSearch"),
-              className: "astw:flex astw:h-11 astw:w-full astw:rounded-md astw:bg-transparent astw:py-3 astw:text-sm astw:outline-none astw:border-0 astw:shadow-none astw:focus-visible:ring-0 astw:placeholder:text-muted-foreground astw:disabled:cursor-not-allowed astw:disabled:opacity-50",
+              value: o,
+              onChange: (m) => i(m.target.value),
+              placeholder: e("commandPaletteSearch"),
+              className: "astw:flex astw:h-10 astw:w-full astw:rounded-md astw:bg-transparent astw:py-3 astw:text-sm astw:outline-none astw:border-0 astw:shadow-none astw:focus-visible:ring-0 astw:placeholder:text-muted-foreground astw:disabled:cursor-not-allowed astw:disabled:opacity-50",
               autoFocus: !0
             }
           )
@@ -1476,21 +1524,20 @@ function la() {
         /* @__PURE__ */ a(
           "div",
           {
-            ref: t,
+            ref: b,
             className: "astw:max-h-[300px] astw:overflow-y-auto astw:overflow-x-hidden",
-            children: w.length === 0 ? /* @__PURE__ */ a("div", { className: "astw:py-6 astw:text-center astw:text-sm astw:text-muted-foreground", children: r("commandPaletteNoResults") }) : /* @__PURE__ */ a("div", { className: "astw:p-1", children: w.map((m, g) => /* @__PURE__ */ c(
+            children: w.length === 0 ? /* @__PURE__ */ a("div", { className: "astw:py-6 astw:text-center astw:text-sm astw:text-muted-foreground", children: e("commandPaletteNoResults") }) : /* @__PURE__ */ a("div", { className: "astw:p-1", children: w.map((m, f) => /* @__PURE__ */ l(
               "button",
               {
-                "data-index": g,
-                onClick: () => h(m),
+                "data-index": f,
+                onClick: () => c(m),
                 className: u(
-                  "astw:relative astw:flex astw:w-full astw:cursor-pointer astw:select-none astw:items-center astw:gap-2 astw:rounded-sm astw:px-2 astw:py-1.5 astw:text-sm astw:outline-none",
-                  g === i ? "astw:bg-accent astw:text-accent-foreground" : "astw:hover:bg-accent astw:hover:text-accent-foreground"
+                  "astw:relative astw:flex astw:flex-col astw:w-full astw:cursor-pointer astw:select-none astw:items-start astw:rounded-sm astw:px-2 astw:py-2 astw:text-sm astw:outline-none astw:text-left",
+                  f === d ? "astw:bg-accent astw:text-accent-foreground" : "astw:hover:bg-accent astw:hover:text-accent-foreground"
                 ),
                 children: [
-                  m.icon && /* @__PURE__ */ a("span", { className: "astw:flex astw:h-4 astw:w-4 astw:items-center astw:justify-center astw:shrink-0 astw:[&_svg]:h-4 astw:[&_svg]:w-4", children: m.icon }),
-                  /* @__PURE__ */ a("span", { className: "astw:flex-1 astw:text-left astw:truncate", children: m.title }),
-                  /* @__PURE__ */ c("span", { className: "astw:text-xs astw:text-muted-foreground astw:truncate astw:max-w-[200px]", children: [
+                  /* @__PURE__ */ a("span", { className: "astw:truncate astw:w-full astw:text-left", children: m.breadcrumb.join(" > ") }),
+                  /* @__PURE__ */ l("span", { className: "astw:text-[11px] astw:text-muted-foreground astw:truncate astw:w-full astw:text-left", children: [
                     "/",
                     m.path
                   ] })
@@ -1504,21 +1551,25 @@ function la() {
     }
   ) });
 }
-const ft = j(null), da = (t) => {
-  const e = A(
-    () => Mt({
+function Ca() {
+  const t = gt();
+  return /* @__PURE__ */ a(rt, { fallback: null, children: /* @__PURE__ */ a(it, { resolve: t, children: (e) => /* @__PURE__ */ a(ra, { navItems: e ?? [] }) }) });
+}
+const kt = j(null), Sa = (t) => {
+  const e = I(
+    () => qt({
       clientId: t.clientId,
       appUri: t.apiEndpoint,
       redirectUri: t.redirectUri,
-      meQuery: t.meQuery && (typeof t.meQuery == "string" ? t.meQuery : _t(t.meQuery))
+      meQuery: t.meQuery && (typeof t.meQuery == "string" ? t.meQuery : Vt(t.meQuery))
     }),
     [t.clientId, t.apiEndpoint, t.redirectUri, t.meQuery]
-  ), [s, r] = T(
+  ), [s, r] = S(
     () => e.getState()
   );
-  C(() => {
+  N(() => {
     t.autoLogin && (s.isLoading || s.isAuthenticated || (async () => await e.login())());
-  }, [s.isLoading, s.isAuthenticated, t.autoLogin]), C(
+  }, [s.isLoading, s.isAuthenticated, t.autoLogin]), N(
     () => e.addEventListener((o) => {
       o.type === "auth_state_changed" && r(o.data);
     }),
@@ -1526,7 +1577,7 @@ const ft = j(null), da = (t) => {
   );
   const n = t.guardComponent && (s.isLoading || !s.isAuthenticated) ? /* @__PURE__ */ a(t.guardComponent, {}) : t.children;
   return /* @__PURE__ */ a(
-    ft.Provider,
+    kt.Provider,
     {
       value: {
         authState: s,
@@ -1538,29 +1589,29 @@ const ft = j(null), da = (t) => {
       children: n
     }
   );
-}, ca = () => {
-  const t = U(ft);
+}, Ta = () => {
+  const t = K(kt);
   if (!t)
     throw new Error("useAuth must be used within an AuthProvider");
   return t;
 };
 export {
-  oa as AppShell,
-  da as AuthProvider,
-  la as CommandPalette,
-  _e as DefaultSidebar,
-  ma as Link,
-  ia as SidebarLayout,
-  Kt as defineI18nLabels,
-  ra as defineModule,
-  na as defineResource,
-  sa as redirectToResource,
-  S as useAppShell,
-  ca as useAuth,
-  ha as useLocation,
-  fa as useNavigate,
-  ga as useParams,
-  ba as useRouteError,
-  pa as useSearchParams,
-  Xt as useTheme
+  ya as AppShell,
+  Sa as AuthProvider,
+  Ca as CommandPalette,
+  He as DefaultSidebar,
+  Ea as Link,
+  Na as SidebarLayout,
+  Jt as defineI18nLabels,
+  va as defineModule,
+  xa as defineResource,
+  pa as redirectToResource,
+  C as useAppShell,
+  Ta as useAuth,
+  Pa as useLocation,
+  Ba as useNavigate,
+  La as useParams,
+  Aa as useRouteError,
+  Da as useSearchParams,
+  ce as useTheme
 };