@tailor-platform/app-shell 0.26.3 → 0.27.1

package/dist/app-shell.js

@@ -1,24 +1,24 @@
-import { jsx as a, jsxs as d, Fragment as A } from "react/jsx-runtime";
-import { capitalCase as M } from "change-case";
-import { useRouteError as Zt, isRouteErrorResponse as Jt, redirect as Rt, Outlet as X, NavLink as te, Navigate as ee, useRouteLoaderData as ae, createMemoryRouter as se, createBrowserRouter as re, RouterProvider as ne, useHref as oe, Link as ie, useLocation as Et, Await as Bt, useMatch as le, useNavigate as de } from "react-router";
-import { Link as Bs, useLocation as As, useNavigate as Ds, useParams as Ps, useRouteError as Ls, useSearchParams as Ms } from "react-router";
-import { Slot as z } from "@radix-ui/react-slot";
-import { cva as Z } from "class-variance-authority";
-import { clsx as ce } from "clsx";
-import { twMerge as we } from "tailwind-merge";
-import { AlertCircle as wt, Table as ue, XIcon as At, PanelLeftIcon as me, ChevronRight as Q, SunIcon as he, SearchIcon as fe, ExternalLink as ge, Check as pe, Copy as be } from "lucide-react";
+import { jsx as a, jsxs as c, Fragment as S } from "react/jsx-runtime";
+import { capitalCase as D } from "change-case";
+import { useRouteError as ue, isRouteErrorResponse as we, redirect as me, Outlet as nt, NavLink as he, Navigate as pe, useRouteLoaderData as fe, createMemoryRouter as ge, createBrowserRouter as be, RouterProvider as xe, useLocation as Y, Link as $, Await as zt, useMatch as ve, useNavigate as ye } from "react-router";
+import { Link as er, useLocation as ar, useNavigate as sr, useParams as rr, useRouteError as nr, useSearchParams as or } from "react-router";
+import { cva as ot } from "class-variance-authority";
+import { useRender as j } from "@base-ui/react/use-render";
+import { clsx as Ne } from "clsx";
+import { twMerge as Se } from "tailwind-merge";
+import { AlertCircle as yt, Table as Ce, XIcon as _t, PanelLeftIcon as Te, ExternalLink as $t, ChevronRight as W, SunIcon as ke, SearchIcon as Re, Check as Pe, Copy as Ae } from "lucide-react";
 import * as f from "react";
-import { createContext as j, useContext as D, useState as $, useMemo as E, useEffect as I, useSyncExternalStore as Dt, Suspense as Pt, useRef as xe, useCallback as R } from "react";
-import { Toaster as ve, toast as ye } from "sonner";
-import * as J from "@radix-ui/react-collapsible";
-import "@radix-ui/react-separator";
-import * as v from "@radix-ui/react-dialog";
-import * as B from "@radix-ui/react-tooltip";
-import { createAuthClient as Ne } from "@tailor-platform/auth-public-client";
+import { createContext as X, useContext as L, useState as H, useMemo as B, useEffect as F, useSyncExternalStore as Wt, Suspense as it, useRef as Ft, useCallback as M } from "react";
+import { Toaster as Ee, toast as Me } from "sonner";
+import { parsePath as Be } from "@tailor-platform/app-shell-vite-plugin/parser";
+import { Dialog as v } from "@base-ui/react/dialog";
+import { Tooltip as A } from "@base-ui/react/tooltip";
+import { Collapsible as lt } from "@base-ui/react/collapsible";
+import { createAuthClient as De } from "@tailor-platform/auth-public-client";
 function m(...t) {
-  return we(ce(t));
+  return Se(Ne(t));
 }
-const Se = Z(
+const Le = ot(
   "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: {
@@ -43,45 +43,48 @@ const Se = Z(
     }
   }
 );
-function _({
+function O({
   className: t,
   variant: e,
   size: s,
-  asChild: r = !1,
-  ...n
+  render: r,
+  children: n,
+  ...o
 }) {
-  return /* @__PURE__ */ a(
-    r ? z : "button",
-    {
+  return j({
+    defaultTagName: "button",
+    render: r,
+    props: {
       "data-slot": "button",
-      className: m(Se({ variant: e, size: s, className: t })),
-      ...n
+      className: m(Le({ variant: e, size: s, className: t })),
+      children: n,
+      ...o
     }
-  );
+  });
 }
-const W = "en", Ce = () => {
+const G = "en", Ie = () => {
   try {
     if (typeof navigator > "u")
-      return W;
+      return G;
     const t = navigator.languages?.[0] ?? navigator.language;
-    return t ? new Intl.Locale(t).language : W;
+    return t ? new Intl.Locale(t).language : G;
   } catch {
-    return W;
+    return G;
   }
-}, tt = (t) => (e, s) => e ? typeof e == "string" ? e : e(t) ?? s : s, Lt = (t) => {
-  const e = tt(t);
-  return (s, r) => e(s, typeof s == "string" ? s : M(r));
-}, Te = (t) => ({
+}, U = (t) => (e, s) => e ? typeof e == "string" ? e : e(t) ?? s : s, Ot = (t) => {
+  const e = U(t);
+  return (s, r) => e(s, typeof s == "string" ? s : D(r));
+}, ze = (t) => ({
   modules: t.modules,
   settingsResources: t.settingsResources ?? [],
-  errorBoundary: t.errorBoundary ?? /* @__PURE__ */ a(K, {}),
+  errorBoundary: t.errorBoundary ?? /* @__PURE__ */ a(_, {}),
   basePath: t.basePath,
-  locale: t.locale ?? Ce()
-}), et = j({
+  locale: t.locale ?? Ie()
+}), ct = X({
   configurations: {
     modules: [],
     settingsResources: [],
-    locale: W,
+    locale: G,
     // Using null! to avoid circular dependency issues.
     // DefaultErrorBoundary imports useT from i18n-labels, which imports
     // defineI18nLabels from hooks/i18n, which imports useAppShellConfig
@@ -90,18 +93,18 @@ const W = "en", Ce = () => {
     // always provides the context via AppShellConfigContext.Provider.
     errorBoundary: null
   }
-}), at = j({
+}), dt = X({
   contextData: {}
-}), P = () => D(et), us = () => D(at), ke = () => {
-  const t = D(et), e = D(at);
+}), C = () => L(ct), Ls = () => L(dt), jt = () => {
+  const t = L(ct), e = L(dt);
   return {
     ...t,
     ...e
   };
-}, Re = () => {
-  const { configurations: t } = P(), e = tt(t.locale);
+}, _e = () => {
+  const { configurations: t } = C(), e = U(t.locale);
   return (s, r) => e(s, r);
-}, Ee = (t) => {
+}, $e = (t) => {
   const e = (s) => (r) => t[s]?.[r] ?? t.en[r];
   return {
     /**
@@ -124,7 +127,7 @@ const W = "en", Ce = () => {
      * ```
      */
     useT: () => {
-      const { configurations: s } = P(), r = e(s.locale), n = ((o, ...i) => {
+      const { configurations: s } = C(), r = e(s.locale), n = ((o, ...i) => {
         const l = r(o);
         return typeof l == "function" ? l(i[0]) : l;
       });
@@ -160,7 +163,7 @@ const W = "en", Ce = () => {
       return typeof o == "function" ? o(r[0]) : o;
     }
   };
-}, Be = Ee({
+}, We = $e({
   en: {
     error404Title: "404 Not Found",
     error404Body: "The page you requested could not be found.",
@@ -199,19 +202,19 @@ const W = "en", Ce = () => {
     commandPaletteSearch: "ページを検索...",
     commandPaletteNoResults: "結果が見つかりません"
   }
-}), L = Be.useT, K = () => {
-  const t = Zt(), e = L(), s = {
+}), E = We.useT, _ = () => {
+  const t = ue(), e = E(), s = {
     role: "alert",
     "aria-label": "default-error-boundary"
   };
-  if (Jt(t) && t.status === 404)
-    return /* @__PURE__ */ a("div", { ...s, className: "astw:p-6", children: /* @__PURE__ */ d("div", { className: "astw:flex astw:items-start astw:gap-4", children: [
-      /* @__PURE__ */ a(wt, { className: "astw:h-5 astw:w-5 astw:text-destructive astw:flex-shrink-0 astw:mt-0.5" }),
-      /* @__PURE__ */ d("div", { children: [
+  if (we(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(yt, { className: "astw:h-5 astw:w-5 astw:text-destructive astw:flex-shrink-0 astw:mt-0.5" }),
+      /* @__PURE__ */ c("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(
-          _,
+          O,
           {
             variant: "outline",
             size: "sm",
@@ -223,13 +226,13 @@ const W = "en", Ce = () => {
       ] })
     ] }) });
   const r = t instanceof Error ? t.message : e("errorUnexpected");
-  return /* @__PURE__ */ a("div", { ...s, className: "astw:p-6", children: /* @__PURE__ */ d("div", { className: "astw:flex astw:items-start astw:gap-4", children: [
-    /* @__PURE__ */ a(wt, { className: "astw:h-5 astw:w-5 astw:text-destructive astw:flex-shrink-0 astw:mt-0.5" }),
-    /* @__PURE__ */ d("div", { children: [
+  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(yt, { className: "astw:h-5 astw:w-5 astw:text-destructive astw:flex-shrink-0 astw:mt-0.5" }),
+    /* @__PURE__ */ c("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(
-        _,
+        O,
         {
           variant: "outline",
           size: "sm",
@@ -241,42 +244,44 @@ const W = "en", Ce = () => {
     ] })
   ] }) });
 };
-let Mt = {};
-const Ae = (t) => {
-  Mt = t;
-}, ms = () => ({ type: "pass" }), hs = () => ({ type: "hidden" }), fs = (t) => ({
+let Ut = {};
+const Fe = (t) => {
+  Ut = t;
+}, Is = () => ({ type: "pass" }), zs = () => ({ type: "hidden" }), _s = (t) => ({
   type: "redirect",
   to: t
-}), st = () => new Response("Not Found", { status: 404 }), V = async (t, e) => {
+}), Kt = () => new Response("Not Found", { status: 404 }), ut = async (t) => {
   if (!t || t.length === 0) return { type: "pass" };
-  const s = new URL(e.request.url), r = {
-    params: e.params,
-    searchParams: s.searchParams,
-    signal: e.request.signal,
-    context: Mt
+  const e = {
+    context: Ut
   };
-  for (const n of t) {
-    const o = await n(r);
-    if (o.type !== "pass")
-      return o;
+  for (const s of t) {
+    const r = await s(e);
+    if (r.type !== "pass")
+      return r;
   }
   return { type: "pass" };
-}, It = (t, e) => async (s) => {
-  const r = await V(t, s);
+}, Vt = (t, e) => async (s) => {
+  const r = await ut(t);
   switch (r.type) {
     case "hidden":
-      throw st();
+      throw Kt();
     case "redirect":
-      return Rt(r.to);
+      return me(r.to);
     case "pass":
       return e ? e(s) : null;
   }
-}, _t = (t, e) => () => {
-  const { configurations: s } = P(), { metaTitle: r, fallbackTitle: n } = t, i = tt(s.locale)(r, n);
+}, Ht = (t, e) => () => {
+  const { configurations: s } = C(), { metaTitle: r, fallbackTitle: n } = t, i = U(s.locale)(r, n);
   return e(i);
 };
-function gs(t) {
-  const { path: e, meta: s, component: r, resources: n, errorBoundary: o, guards: i } = t, l = s?.title ?? M(e), u = M(e), w = i && i.length > 0 ? It(i) : void 0, c = r ? _t(
+function $s(t) {
+  const { path: e, meta: s, component: r, resources: n, errorBoundary: o, guards: i } = t, l = s?.title ?? D(e), u = D(e);
+  if (!r && (!i || i.length === 0))
+    throw new Error(
+      `Module "${e}" has no component. Either provide a \`component\` or use \`guards\` with \`redirectTo()\` or \`hidden()\` to control access. A guard that only returns \`pass()\` without a component will result in a blank page.`
+    );
+  const w = i && i.length > 0 ? Vt(i) : void 0, d = r ? Ht(
     { metaTitle: l, fallbackTitle: u },
     (h) => r({ title: h, resources: n })
   ) : void 0;
@@ -284,7 +289,7 @@ function gs(t) {
     path: e,
     type: "component",
     _type: "module",
-    component: c,
+    component: d,
     loader: w,
     meta: {
       title: l,
@@ -294,12 +299,12 @@ function gs(t) {
       icon: t.meta?.icon
     },
     resources: n,
-    errorBoundary: o || /* @__PURE__ */ a(K, {}),
+    errorBoundary: o || /* @__PURE__ */ a(_, {}),
     guards: i
   };
 }
-function ps(t) {
-  const { path: e, component: s, subResources: r, meta: n, errorBoundary: o, guards: i } = t, l = n?.title ?? M(e), u = M(e), w = i && i.length > 0 ? It(i) : void 0;
+function Ws(t) {
+  const { path: e, component: s, subResources: r, meta: n, errorBoundary: o, guards: i } = t, l = n?.title ?? D(e), u = D(e), w = i && i.length > 0 ? Vt(i) : void 0;
   return {
     _type: "resource",
     type: "component",
@@ -309,32 +314,32 @@ function ps(t) {
       icon: n?.icon,
       ...n?.breadcrumbTitle !== void 0 ? { breadcrumbTitle: n.breadcrumbTitle } : {}
     },
-    component: _t(
+    component: Ht(
       { metaTitle: l, fallbackTitle: u },
-      (c) => s({ title: c, resources: r })
+      (d) => s({ title: d, resources: r })
     ),
     subResources: r,
-    errorBoundary: o ?? /* @__PURE__ */ a(K, {}),
+    errorBoundary: o ?? /* @__PURE__ */ a(_, {}),
     guards: i,
     loader: w
   };
 }
-const De = () => {
-  const t = L();
-  return /* @__PURE__ */ d(A, { children: [
+const Oe = () => {
+  const t = E();
+  return /* @__PURE__ */ c(S, { 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") })
   ] });
-}, ut = () => /* @__PURE__ */ d(A, { children: [
-  /* @__PURE__ */ a(X, {}),
-  /* @__PURE__ */ a(ve, {})
-] }), Pe = () => {
-  const { configurations: t } = ke(), e = L(), s = Re();
-  return /* @__PURE__ */ d("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__ */ d("nav", { className: "astw:bg-card astw:md:w-xs astw:rounded-md astw:border astw:p-3 astw:shadow-xs", children: [
+}, Nt = () => /* @__PURE__ */ c(S, { children: [
+  /* @__PURE__ */ a(nt, {}),
+  /* @__PURE__ */ a(Ee, {})
+] }), je = () => {
+  const { configurations: t } = jt(), e = E(), s = _e();
+  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: [
       /* @__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(te, { to: `./${r.path}`, children: ({ isActive: n }) => /* @__PURE__ */ d(
-        _,
+      /* @__PURE__ */ a("ul", { className: "astw:flex astw:flex-col astw:gap-1", children: t.settingsResources.map((r) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(he, { to: `./${r.path}`, children: ({ isActive: n }) => /* @__PURE__ */ c(
+        O,
         {
           variant: n ? "secondary" : "ghost",
           className: "astw:w-full astw:justify-start",
@@ -345,66 +350,46 @@ const De = () => {
         }
       ) }) }, r.path)) })
     ] }) }),
-    /* @__PURE__ */ a("section", { className: "astw:bg-card astw:flex-1 astw:rounded-md astw:border astw:shadow-xs", children: /* @__PURE__ */ a(X, {}) })
+    /* @__PURE__ */ a("section", { className: "astw:bg-card astw:flex-1 astw:rounded-md astw:border astw:shadow-xs", children: /* @__PURE__ */ a(nt, {}) })
   ] });
-}, rt = (t) => () => /* @__PURE__ */ a(A, { children: t }), zt = (t, e, s) => {
+}, wt = (t) => () => /* @__PURE__ */ a(S, { children: t }), Gt = (t, e, s) => {
   const r = t.errorBoundary || s, n = t.component ? {
     index: !0,
-    Component: t.component
+    Component: t.component,
+    ...t.loader && { loader: t.loader }
   } : void 0;
   return {
     path: t.path,
-    ...t.loader && { loader: t.loader },
     ...t.errorBoundary && {
-      ErrorBoundary: rt(t.errorBoundary)
+      ErrorBoundary: wt(t.errorBoundary)
     },
     ...e && e.length > 0 ? {
       children: [
         ...n ? [n] : [],
         ...e.map(
-          (o) => zt(o, o.subResources, r)
+          (o) => Gt(o, o.subResources, r)
         )
       ]
     } : n ? {
       children: [n]
     } : {}
   };
-}, Le = (t) => {
-  const e = zt(t, t.resources, t.errorBoundary);
-  if (!t.component && t.resources.length > 0) {
-    const s = {
-      index: !0,
-      // Component is required to suppress React Router's warning about empty leaf routes,
-      // even though the loader always redirects and this component will never render.
-      Component: () => null,
-      loader: async (n) => {
-        for (const o of t.resources)
-          if ((await V(o.guards, n)).type === "pass")
-            return Rt(o.path);
-        throw st();
-      }
-    }, r = {
-      path: e.path,
-      children: [s, ...e.children ?? []],
-      ...e.loader && { loader: e.loader }
-    };
-    return e.ErrorBoundary && (r.ErrorBoundary = e.ErrorBoundary), r;
-  }
-  return e;
-}, Me = (t) => t.map((e) => Le(e)), Ie = ({
+}, Ue = (t) => t.map(
+  (e) => Gt(e, e.resources, e.errorBoundary)
+), Ke = ({
   modules: t,
   settingsResources: e,
   rootComponent: s
 }) => {
   const r = {
     index: !0,
-    Component: s ?? De
+    Component: s ?? Oe
   }, n = e.length > 0 ? [
     {
       path: "settings",
       index: !0,
       Component: () => /* @__PURE__ */ a(
-        ee,
+        pe,
         {
           to: e[0].path,
           relative: "path",
@@ -414,12 +399,12 @@ const De = () => {
     },
     {
       path: "settings",
-      Component: Pe,
+      Component: je,
       children: e.map((o) => ({
         path: o.path,
         Component: o.component,
         ...o.errorBoundary && {
-          ErrorBoundary: rt(o.errorBoundary)
+          ErrorBoundary: wt(o.errorBoundary)
         }
       }))
     }
@@ -427,63 +412,61 @@ const De = () => {
   return [
     r,
     {
-      children: Me(t)
+      children: Ue(t)
     },
     ...n,
     {
       path: "*",
       loader: () => {
-        throw st();
+        throw Kt();
       },
       // 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: K
+      ErrorBoundary: _
     }
   ];
-}, Ft = "appshell-root-nav", _e = (t) => ({
-  loaderID: Ft,
-  loader: async (e) => ({ navItems: ze(t, e) })
-}), Ot = () => ae(Ft)?.navItems, ze = async (t, e) => {
-  const s = Lt(t.locale);
+}, qt = "appshell-root-nav", Ve = (t) => ({
+  loaderID: qt,
+  loader: async () => ({ navItems: He(t) })
+}), Qt = () => fe(qt)?.navItems, He = async (t) => {
+  const e = Ot(t.locale);
   return (await Promise.all(
-    t.modules.map(async (n) => {
-      if (n.path.startsWith(":") || (await V(n.guards, e)).type !== "pass") return null;
-      const i = await $t(
-        n.resources,
-        n.path,
-        e,
-        s
+    t.modules.map(async (r) => {
+      if (r.path.startsWith(":") || (await ut(r.guards)).type !== "pass") return null;
+      const o = await Yt(
+        r.resources,
+        r.path,
+        e
       );
-      return i.length === 0 ? null : { module: n, resources: i };
+      return o.length === 0 ? null : { module: r, resources: o };
     })
-  )).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(ue, {}),
-    items: o
+  )).filter((r) => r !== null).map(({ module: r, resources: n }) => ({
+    title: e(r.meta.title, r.path),
+    url: r.meta.menuItemClickable ? r.path : void 0,
+    icon: r.meta.icon || /* @__PURE__ */ a(Ce, {}),
+    items: n
   }));
-}, $t = async (t, e, s, r) => (await Promise.all(
-  t.map(async (o) => {
-    if (o.path.startsWith(":") || (await V(o.guards, s)).type !== "pass") return null;
-    const l = `${e}/${o.path}`, u = r(o.meta.title, o.path), w = o.subResources ? await $t(
-      o.subResources,
-      l,
-      s,
-      r
+}, Yt = async (t, e, s) => (await Promise.all(
+  t.map(async (n) => {
+    if (n.path.startsWith(":") || (await ut(n.guards)).type !== "pass") return null;
+    const i = `${e}/${n.path}`, l = s(n.meta.title, n.path), u = n.subResources ? await Yt(
+      n.subResources,
+      i,
+      s
     ) : void 0;
     return {
-      title: u,
-      url: l,
-      items: w && w.length > 0 ? w : void 0
+      title: l,
+      url: i,
+      items: u && u.length > 0 ? u : void 0
     };
   })
-)).filter((o) => o !== null), Fe = (t) => {
-  const { configurations: e } = P(), { rootComponent: s, children: r } = t, n = Ie({
+)).filter((n) => n !== null), Ge = (t) => {
+  const { configurations: e } = C(), { rootComponent: s, children: r } = t, n = Ke({
     modules: e.modules,
     settingsResources: e.settingsResources,
     rootComponent: s
-  }), o = e.errorBoundary, { loaderID: i, loader: l } = _e({
+  }), o = e.errorBoundary, { loaderID: i, loader: l } = Ve({
     modules: e.modules,
     locale: e.locale
   }), u = [
@@ -493,8 +476,8 @@ const De = () => {
       element: r,
       children: o ? [
         {
-          element: /* @__PURE__ */ a(X, {}),
-          ErrorBoundary: rt(o),
+          element: /* @__PURE__ */ a(nt, {}),
+          ErrorBoundary: wt(o),
           children: n
         }
       ] : n,
@@ -504,28 +487,28 @@ const De = () => {
        */
       HydrateFallback: () => null
     }
-  ], w = e.basePath ? "/" + e.basePath : void 0, c = t.memory ? se(u, {
+  ], w = e.basePath ? "/" + e.basePath : void 0, d = t.memory ? ge(u, {
     basename: w,
     ...t.initialEntries ? { initialEntries: t.initialEntries } : {}
-  }) : re(u, {
+  }) : be(u, {
     basename: w
   });
-  return /* @__PURE__ */ a(ne, { router: c });
-}, Oe = {
+  return /* @__PURE__ */ a(xe, { router: d });
+}, qe = {
   resolvedTheme: "light",
   theme: "system",
   setTheme: () => null
-}, Wt = j(Oe);
-function $e({
+}, Xt = X(qe);
+function Qe({
   children: t,
   storageKey: e,
   defaultTheme: s = "system",
   ...r
 }) {
-  const [n, o] = $(
+  const [n, o] = H(
     () => localStorage.getItem(e) || s
-  ), i = E(() => n !== "system" ? n : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", [n]);
-  I(() => {
+  ), i = B(() => n !== "system" ? n : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", [n]);
+  F(() => {
     const u = window.document.documentElement;
     u.classList.remove("light", "dark"), u.classList.add(i);
   }, [i]);
@@ -536,107 +519,184 @@ function $e({
       localStorage.setItem(e, u), o(u);
     }
   };
-  return /* @__PURE__ */ a(Wt.Provider, { ...r, value: l, children: t });
+  return /* @__PURE__ */ a(Xt.Provider, { ...r, value: l, children: t });
 }
-const We = () => {
-  const t = D(Wt);
+const Ye = () => {
+  const t = L(Xt);
   if (t === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return t;
-}, je = () => () => {
-}, Ke = () => !0, Ve = () => !1;
-function Ue() {
-  return Dt(
-    je,
-    Ke,
-    Ve
+}, Xe = () => () => {
+}, Ze = () => !0, Je = () => !1;
+function ta() {
+  return Wt(
+    Xe,
+    Ze,
+    Je
   );
 }
-const bs = (t) => {
-  const e = Ue(), s = t.contextData ?? {};
-  Ae(s);
-  const r = E(
-    () => Te({
-      modules: t.modules,
+function ea(t) {
+  const e = {
+    path: "",
+    fullPath: "",
+    guards: [],
+    children: /* @__PURE__ */ new Map()
+  };
+  for (const s of t) {
+    const r = Be(s.path);
+    let n = e, o = "";
+    for (const i of r)
+      i.type !== "group" && (o = o ? `${o}/${i.converted}` : i.converted, n.children.has(i.converted) || n.children.set(i.converted, {
+        path: i.converted,
+        fullPath: o,
+        guards: [],
+        children: /* @__PURE__ */ new Map()
+      }), n = n.children.get(i.converted));
+    n.component = s.component, n.guards = s.component.appShellPageProps?.guards ?? [];
+  }
+  return e;
+}
+function Zt(t, e) {
+  return t?.appShellPageProps?.meta?.title ?? D(e || "home");
+}
+function Jt(t) {
+  const e = t.component, s = Zt(e, t.path), r = e?.appShellPageProps?.meta?.icon, n = e?.appShellPageProps?.loader, o = [];
+  for (const i of t.children.values())
+    o.push(Jt(i));
+  return {
+    _type: "resource",
+    type: "component",
+    path: t.path,
+    meta: {
+      title: s,
+      icon: r
+    },
+    component: e ? () => /* @__PURE__ */ a(e, {}) : () => null,
+    subResources: o.length > 0 ? o : void 0,
+    errorBoundary: /* @__PURE__ */ a(_, {}),
+    guards: t.guards,
+    loader: n
+  };
+}
+function St(t) {
+  const e = t.component;
+  if (!e)
+    throw new Error(
+      `Module "${t.path}" must have a component. Add a page file (e.g., page.tsx) to the module directory.`
+    );
+  const s = Zt(e, t.path), r = e.appShellPageProps?.meta?.icon, n = e.appShellPageProps?.loader, o = [];
+  for (const i of t.children.values())
+    o.push(Jt(i));
+  return {
+    _type: "module",
+    type: "component",
+    path: t.path,
+    meta: {
+      title: s,
+      icon: r,
+      menuItemClickable: e !== void 0
+    },
+    component: () => /* @__PURE__ */ a(e, {}),
+    resources: o,
+    errorBoundary: /* @__PURE__ */ a(_, {}),
+    guards: t.guards,
+    loader: n
+  };
+}
+function aa(t) {
+  if (t.length === 0)
+    return [];
+  const e = ea(t), s = [];
+  if (e.component) {
+    const r = St({
+      ...e,
+      path: "",
+      children: /* @__PURE__ */ new Map()
+      // Root module doesn't include children as resources
+    });
+    s.push(r);
+  }
+  for (const r of e.children.values())
+    s.push(St(r));
+  return s;
+}
+const te = (t) => {
+  const e = ta(), s = t.contextData ?? {};
+  Fe(s);
+  const r = t.modules, n = B(
+    () => r ? ze({
+      modules: r,
       settingsResources: t.settingsResources,
       basePath: t.basePath,
       errorBoundary: t.errorBoundary,
       locale: t.locale
-    }),
+    }) : null,
     [
-      t.modules,
+      r,
       t.settingsResources,
       t.basePath,
       t.errorBoundary,
       t.locale
     ]
-  ), n = E(
-    () => ({ title: t.title, icon: t.icon, configurations: r }),
-    [t.title, t.icon, r]
-  ), o = E(
+  ), o = B(
+    () => n ? { title: t.title, icon: t.icon, configurations: n } : null,
+    [t.title, t.icon, n]
+  ), i = B(
     () => ({ contextData: t.contextData ?? {} }),
     [t.contextData]
   );
-  return e ? /* @__PURE__ */ a(et.Provider, { value: n, children: /* @__PURE__ */ a(at.Provider, { value: o, children: /* @__PURE__ */ a($e, { defaultTheme: "system", storageKey: "appshell-ui-theme", children: /* @__PURE__ */ a(Fe, { rootComponent: t.rootComponent, children: t.children }) }) }) }) : null;
+  if (!r || !o) {
+    const l = "[AppShell] No routes configured. Either use the appShellRoutes() vite-plugin for automatic page configuration, or pass the 'modules' prop for manual configuration.";
+    return console.error(l), /* @__PURE__ */ a("div", { className: "astw:flex astw:min-h-screen astw:items-center astw:justify-center astw:bg-background astw:p-4", children: /* @__PURE__ */ c("div", { className: "astw:max-w-md astw:rounded-lg astw:border astw:border-destructive/50 astw:bg-destructive/10 astw:p-6 astw:text-center", children: [
+      /* @__PURE__ */ a("h1", { className: "astw:mb-2 astw:text-lg astw:font-semibold astw:text-destructive", children: "Configuration Error" }),
+      /* @__PURE__ */ a("p", { className: "astw:text-sm astw:text-muted-foreground", children: l })
+    ] }) });
+  }
+  return e ? /* @__PURE__ */ a(ct.Provider, { value: o, children: /* @__PURE__ */ a(dt.Provider, { value: i, children: /* @__PURE__ */ a(Qe, { defaultTheme: "system", storageKey: "appshell-ui-theme", children: /* @__PURE__ */ a(Ge, { rootComponent: t.rootComponent, children: t.children }) }) }) }) : null;
 };
-function He({
-  ...t
-}) {
-  return /* @__PURE__ */ a(J.Root, { "data-slot": "collapsible", ...t });
-}
-function mt({
-  ...t
-}) {
-  return /* @__PURE__ */ a(
-    J.CollapsibleTrigger,
+function sa(t) {
+  const e = aa(t), s = e.find((o) => o.path === ""), r = e.filter((o) => o.path !== "");
+  return (o) => /* @__PURE__ */ a(
+    te,
     {
-      "data-slot": "collapsible-trigger",
-      ...t
-    }
-  );
-}
-function qe({
-  ...t
-}) {
-  return /* @__PURE__ */ a(
-    J.CollapsibleContent,
-    {
-      "data-slot": "collapsible-content",
-      ...t
+      ...o,
+      modules: r,
+      rootComponent: o.rootComponent ?? s?.component
     }
   );
 }
-const H = 768;
-function Ge() {
+te.WithPages = sa;
+const J = 768;
+function ra() {
   const [t, e] = f.useState(
     void 0
   );
   return f.useEffect(() => {
-    const s = window.matchMedia(`(max-width: ${H - 1}px)`), r = () => {
-      e(window.innerWidth < H);
+    const s = window.matchMedia(`(max-width: ${J - 1}px)`), r = () => {
+      e(window.innerWidth < J);
     };
-    return s.addEventListener("change", r), e(window.innerWidth < H), () => s.removeEventListener("change", r);
+    return s.addEventListener("change", r), e(window.innerWidth < J), () => s.removeEventListener("change", r);
   }, []), !!t;
 }
-const q = 768, G = 1199;
-function Qe() {
+const tt = 768, et = 1199;
+function na() {
   const [t, e] = f.useState(
     void 0
   );
   return f.useEffect(() => {
     const s = window.matchMedia(
-      `(min-width: ${q}px) and (max-width: ${G}px)`
+      `(min-width: ${tt}px) and (max-width: ${et}px)`
     ), r = () => {
       e(
-        window.innerWidth >= q && window.innerWidth <= G
+        window.innerWidth >= tt && window.innerWidth <= et
       );
     };
     return s.addEventListener("change", r), e(
-      window.innerWidth >= q && window.innerWidth <= G
+      window.innerWidth >= tt && window.innerWidth <= et
     ), () => s.removeEventListener("change", r);
   }, []), !!t;
 }
-function Ye({ className: t, type: e, ...s }) {
+function oa({ className: t, type: e, ...s }) {
   return /* @__PURE__ */ a(
     "input",
     {
@@ -652,55 +712,77 @@ function Ye({ className: t, type: e, ...s }) {
     }
   );
 }
-function ht({ ...t }) {
+function ia({
+  className: t,
+  orientation: e = "horizontal",
+  decorative: s = !0,
+  ...r
+}) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "separator-root",
+      role: s ? "none" : "separator",
+      "aria-orientation": s ? void 0 : e,
+      "data-orientation": e,
+      className: m(
+        "astw:bg-border astw:shrink-0",
+        e === "horizontal" ? "astw:h-px astw:w-full" : "astw:h-full astw:w-px",
+        t
+      ),
+      ...r
+    }
+  );
+}
+function Ct({ ...t }) {
   return /* @__PURE__ */ a(v.Root, { "data-slot": "sheet", ...t });
 }
-function Xe({
+function la({
   ...t
 }) {
   return /* @__PURE__ */ a(v.Portal, { "data-slot": "sheet-portal", ...t });
 }
-function Ze({
+function ca({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    v.Overlay,
+    v.Backdrop,
     {
       "data-slot": "sheet-overlay",
       className: m(
-        "astw:data-[state=open]:animate-in astw:data-[state=closed]:animate-out astw:data-[state=closed]:fade-out-0 astw:data-[state=open]:fade-in-0 astw:fixed astw:inset-0 astw:z-50 astw:bg-black/50",
+        "astw:data-open:animate-in astw:data-ending-style:animate-out astw:data-ending-style:fade-out-0 astw:data-open:fade-in-0 astw:fixed astw:inset-0 astw:z-50 astw:bg-black/50",
         t
       ),
       ...e
     }
   );
 }
-function ft({
+function Tt({
   className: t,
   children: e,
   side: s = "right",
   ...r
 }) {
-  return /* @__PURE__ */ d(Xe, { children: [
-    /* @__PURE__ */ a(Ze, {}),
-    /* @__PURE__ */ d(
-      v.Content,
+  return /* @__PURE__ */ c(la, { children: [
+    /* @__PURE__ */ a(ca, {}),
+    /* @__PURE__ */ c(
+      v.Popup,
       {
         "data-slot": "sheet-content",
         className: m(
-          "astw:bg-background astw:data-[state=open]:animate-in astw:data-[state=closed]:animate-out astw:fixed astw:z-50 astw:flex astw:flex-col astw:gap-4 astw:shadow-lg astw:transition astw:ease-in-out astw:data-[state=closed]:duration-300 astw:data-[state=open]:duration-500",
-          s === "right" && "astw:data-[state=closed]:slide-out-to-right astw:data-[state=open]:slide-in-from-right astw:inset-y-0 astw:right-0 astw:h-full astw:w-3/4 astw:border-l astw:sm:max-w-sm",
-          s === "left" && "astw:data-[state=closed]:slide-out-to-left astw:data-[state=open]:slide-in-from-left astw:inset-y-0 astw:left-0 astw:h-full astw:w-3/4 astw:border-r astw:sm:max-w-sm",
-          s === "top" && "astw:data-[state=closed]:slide-out-to-top astw:data-[state=open]:slide-in-from-top astw:inset-x-0 astw:top-0 astw:h-auto astw:border-b",
-          s === "bottom" && "astw:data-[state=closed]:slide-out-to-bottom astw:data-[state=open]:slide-in-from-bottom astw:inset-x-0 astw:bottom-0 astw:h-auto astw:border-t",
+          "astw:bg-background astw:data-open:animate-in astw:data-ending-style:animate-out astw:fixed astw:z-50 astw:flex astw:flex-col astw:gap-4 astw:shadow-lg astw:transition astw:ease-in-out astw:data-ending-style:duration-300 astw:data-open:duration-500",
+          s === "right" && "astw:data-ending-style:slide-out-to-right astw:data-open:slide-in-from-right astw:inset-y-0 astw:right-0 astw:h-full astw:w-3/4 astw:border-l astw:sm:max-w-sm",
+          s === "left" && "astw:data-ending-style:slide-out-to-left astw:data-open:slide-in-from-left astw:inset-y-0 astw:left-0 astw:h-full astw:w-3/4 astw:border-r astw:sm:max-w-sm",
+          s === "top" && "astw:data-ending-style:slide-out-to-top astw:data-open:slide-in-from-top astw:inset-x-0 astw:top-0 astw:h-auto astw:border-b",
+          s === "bottom" && "astw:data-ending-style:slide-out-to-bottom astw:data-open:slide-in-from-bottom astw:inset-x-0 astw:bottom-0 astw:h-auto astw:border-t",
           t
         ),
         ...r,
         children: [
           e,
-          /* @__PURE__ */ d(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(At, { className: "astw:size-4" }),
+          /* @__PURE__ */ c(v.Close, { className: "astw:ring-offset-bg astw:focus:ring-ring astw:data-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(_t, { className: "astw:size-4" }),
             /* @__PURE__ */ a("span", { className: "astw:sr-only", children: "Close" })
           ] })
         ]
@@ -708,7 +790,7 @@ function ft({
     )
   ] });
 }
-function gt({ className: t, ...e }) {
+function kt({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -718,7 +800,7 @@ function gt({ className: t, ...e }) {
     }
   );
 }
-function pt({
+function Rt({
   className: t,
   ...e
 }) {
@@ -731,7 +813,7 @@ function pt({
     }
   );
 }
-function bt({
+function Pt({
   className: t,
   ...e
 }) {
@@ -744,60 +826,61 @@ function bt({
     }
   );
 }
-function nt({
+function mt({
   delayDuration: t = 0,
-  ...e
+  children: e,
+  ...s
 }) {
   return /* @__PURE__ */ a(
-    B.Provider,
+    A.Provider,
     {
       "data-slot": "tooltip-provider",
-      delayDuration: t,
-      ...e
+      delay: t,
+      ...s,
+      children: e
     }
   );
 }
-function ot({
-  ...t
-}) {
-  return /* @__PURE__ */ a(nt, { children: /* @__PURE__ */ a(B.Root, { "data-slot": "tooltip", ...t }) });
+function ht({ children: t, ...e }) {
+  return /* @__PURE__ */ a(mt, { children: /* @__PURE__ */ a(A.Root, { "data-slot": "tooltip", ...e, children: t }) });
 }
-function it({
+function pt({
   ...t
 }) {
-  return /* @__PURE__ */ a(B.Trigger, { "data-slot": "tooltip-trigger", ...t });
+  return /* @__PURE__ */ a(A.Trigger, { "data-slot": "tooltip-trigger", ...t });
 }
-function lt({
+function ft({
   className: t,
   sideOffset: e = 0,
-  children: s,
-  ...r
+  side: s = "top",
+  align: r = "center",
+  children: n,
+  ...o
 }) {
-  return /* @__PURE__ */ a(B.Portal, { children: /* @__PURE__ */ d(
-    B.Content,
+  return /* @__PURE__ */ a(A.Portal, { children: /* @__PURE__ */ a(A.Positioner, { sideOffset: e, side: s, align: r, children: /* @__PURE__ */ c(
+    A.Popup,
     {
       "data-slot": "tooltip-content",
-      sideOffset: e,
       className: m(
-        "astw:bg-primary astw:text-primary-foreground astw:animate-in astw:fade-in-0 astw:zoom-in-95 astw:data-[state=closed]:animate-out astw:data-[state=closed]:fade-out-0 astw:data-[state=closed]:zoom-out-95 astw:data-[side=bottom]:slide-in-from-top-2 astw:data-[side=left]:slide-in-from-right-2 astw:data-[side=right]:slide-in-from-left-2 astw:data-[side=top]:slide-in-from-bottom-2 astw:z-50 astw:w-fit astw:origin-(--radix-tooltip-content-transform-origin) astw:rounded-md astw:px-3 astw:py-1.5 astw:text-xs astw:text-balance",
+        "astw:bg-primary astw:text-primary-foreground astw:animate-in astw:fade-in-0 astw:zoom-in-95 astw:data-ending-style:animate-out astw:data-ending-style:fade-out-0 astw:data-ending-style:zoom-out-95 astw:data-[side=bottom]:slide-in-from-top-2 astw:data-[side=left]:slide-in-from-right-2 astw:data-[side=right]:slide-in-from-left-2 astw:data-[side=top]:slide-in-from-bottom-2 astw:z-50 astw:w-fit astw:origin-(--transform-origin) astw:rounded-md astw:px-3 astw:py-1.5 astw:text-xs astw:text-balance",
         t
       ),
-      ...r,
+      ...o,
       children: [
-        s,
-        /* @__PURE__ */ a(B.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]" })
+        n,
+        /* @__PURE__ */ a(A.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 jt = "16rem", Je = "18rem", ta = "3rem", ea = "b", Kt = f.createContext(null);
-function F() {
-  const t = f.useContext(Kt);
+const ee = "16rem", da = "18rem", ua = "3rem", wa = "b", ae = f.createContext(null);
+function K() {
+  const t = f.useContext(ae);
   if (!t)
     throw new Error("useSidebar must be used within a SidebarProvider.");
   return t;
 }
-function aa({
+function ma({
   defaultOpen: t = !0,
   open: e,
   onOpenChange: s,
@@ -806,52 +889,52 @@ function aa({
   children: o,
   ...i
 }) {
-  const l = Ge(), u = Qe(), [w, c] = f.useState(!1), [h, g] = f.useState(!1), [p, x] = f.useState(t), b = e ?? p, C = f.useCallback(
+  const l = ra(), u = na(), [w, d] = f.useState(!1), [h, p] = f.useState(!1), [g, x] = f.useState(t), b = e ?? g, k = f.useCallback(
     (y) => {
-      const k = typeof y == "function" ? y(b) : y;
-      s ? s(k) : x(k);
+      const P = typeof y == "function" ? y(b) : y;
+      s ? s(P) : x(P);
     },
     [s, b]
-  ), T = u && !l, O = f.useCallback(() => l ? c((y) => !y) : T ? g((y) => !y) : C((y) => !y), [l, T, C, c]);
+  ), R = u && !l, V = f.useCallback(() => l ? d((y) => !y) : R ? p((y) => !y) : k((y) => !y), [l, R, k, d]);
   f.useEffect(() => {
-    const y = (k) => {
-      k.key === ea && (k.metaKey || k.ctrlKey) && (k.preventDefault(), O());
+    const y = (P) => {
+      P.key === wa && (P.metaKey || P.ctrlKey) && (P.preventDefault(), V());
     };
     return window.addEventListener("keydown", y), () => window.removeEventListener("keydown", y);
-  }, [O]);
-  const ct = b ? "expanded" : "collapsed", Xt = f.useMemo(
+  }, [V]);
+  const vt = b ? "expanded" : "collapsed", de = f.useMemo(
     () => ({
-      state: ct,
+      state: vt,
       open: b,
-      setOpen: C,
+      setOpen: k,
       isMobile: l,
       openMobile: w,
-      setOpenMobile: c,
-      toggleSidebar: O,
-      isIconMode: T,
+      setOpenMobile: d,
+      toggleSidebar: V,
+      isIconMode: R,
       openIconMode: h,
-      setOpenIconMode: g
+      setOpenIconMode: p
     }),
     [
-      ct,
+      vt,
       b,
-      C,
+      k,
       l,
       w,
-      c,
-      O,
-      T,
+      d,
+      V,
+      R,
       h,
-      g
+      p
     ]
   );
-  return /* @__PURE__ */ a(Kt.Provider, { value: Xt, children: /* @__PURE__ */ a(nt, { delayDuration: 0, children: /* @__PURE__ */ a(
+  return /* @__PURE__ */ a(ae.Provider, { value: de, children: /* @__PURE__ */ a(mt, { delayDuration: 0, children: /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "sidebar-wrapper",
       style: {
-        "--sidebar-width": jt,
-        "--sidebar-width-icon": ta,
+        "--sidebar-width": ee,
+        "--sidebar-width-icon": ua,
         ...n
       },
       className: m(
@@ -863,7 +946,7 @@ function aa({
     }
   ) }) });
 }
-function sa({
+function ha({
   side: t = "left",
   variant: e = "sidebar",
   collapsible: s = "offcanvas",
@@ -876,10 +959,10 @@ function sa({
     state: l,
     openMobile: u,
     setOpenMobile: w,
-    isIconMode: c,
+    isIconMode: d,
     openIconMode: h,
-    setOpenIconMode: g
-  } = F();
+    setOpenIconMode: p
+  } = K();
   return s === "none" ? /* @__PURE__ */ a(
     "div",
     {
@@ -891,27 +974,27 @@ function sa({
       ...o,
       children: n
     }
-  ) : i ? /* @__PURE__ */ a(ht, { open: u, onOpenChange: w, ...o, children: /* @__PURE__ */ d(
-    ft,
+  ) : i ? /* @__PURE__ */ a(Ct, { open: u, onOpenChange: w, ...o, children: /* @__PURE__ */ c(
+    Tt,
     {
       "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": Je
+        "--sidebar-width": da
       },
       side: t,
       children: [
-        /* @__PURE__ */ d(gt, { className: "astw:sr-only", children: [
-          /* @__PURE__ */ a(pt, { children: "Sidebar" }),
-          /* @__PURE__ */ a(bt, { children: "Displays the mobile sidebar." })
+        /* @__PURE__ */ c(kt, { className: "astw:sr-only", children: [
+          /* @__PURE__ */ a(Rt, { children: "Sidebar" }),
+          /* @__PURE__ */ a(Pt, { children: "Displays the mobile sidebar." })
         ] }),
         /* @__PURE__ */ a("div", { className: "flex h-full w-full flex-col", children: n })
       ]
     }
-  ) }) : c && s === "icon" ? /* @__PURE__ */ d(A, { children: [
-    /* @__PURE__ */ d(
+  ) }) : d && s === "icon" ? /* @__PURE__ */ c(S, { children: [
+    /* @__PURE__ */ c(
       "div",
       {
         className: "astw:group astw:peer astw:text-sidebar-foreground astw:hidden astw:md:block",
@@ -955,27 +1038,27 @@ function sa({
         ]
       }
     ),
-    /* @__PURE__ */ a(ht, { open: h, onOpenChange: g, ...o, children: /* @__PURE__ */ d(
-      ft,
+    /* @__PURE__ */ a(Ct, { open: h, onOpenChange: p, ...o, children: /* @__PURE__ */ c(
+      Tt,
       {
         "data-sidebar": "sidebar",
         "data-slot": "sidebar-overlay",
         "data-icon-mode": "true",
         className: "astw:bg-sidebar astw:text-sidebar-foreground astw:w-(--sidebar-width) astw:p-0 astw:[&>button]:hidden",
         style: {
-          "--sidebar-width": jt
+          "--sidebar-width": ee
         },
         side: t,
         children: [
-          /* @__PURE__ */ d(gt, { className: "astw:sr-only", children: [
-            /* @__PURE__ */ a(pt, { children: "Sidebar" }),
-            /* @__PURE__ */ a(bt, { children: "Displays the sidebar overlay." })
+          /* @__PURE__ */ c(kt, { className: "astw:sr-only", children: [
+            /* @__PURE__ */ a(Rt, { children: "Sidebar" }),
+            /* @__PURE__ */ a(Pt, { children: "Displays the sidebar overlay." })
           ] }),
           /* @__PURE__ */ a("div", { className: "flex h-full w-full flex-col", children: n })
         ]
       }
     ) })
-  ] }) : /* @__PURE__ */ d(
+  ] }) : /* @__PURE__ */ c(
     "div",
     {
       className: "astw:group astw:peer astw:text-sidebar-foreground astw:hidden astw:md:block",
@@ -1025,14 +1108,14 @@ function sa({
     }
   );
 }
-function Vt({
+function se({
   className: t,
   onClick: e,
   ...s
 }) {
-  const { toggleSidebar: r } = F();
-  return /* @__PURE__ */ d(
-    _,
+  const { toggleSidebar: r } = K();
+  return /* @__PURE__ */ c(
+    O,
     {
       "data-sidebar": "trigger",
       "data-slot": "sidebar-trigger",
@@ -1044,13 +1127,13 @@ function Vt({
       },
       ...s,
       children: [
-        /* @__PURE__ */ a(me, { className: "astw:size-4.5" }),
+        /* @__PURE__ */ a(Te, { className: "astw:size-4.5" }),
         /* @__PURE__ */ a("span", { className: "astw:sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
 }
-function ra({ className: t, ...e }) {
+function pa({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "main",
     {
@@ -1065,7 +1148,7 @@ function ra({ className: t, ...e }) {
     }
   );
 }
-function na({ className: t, ...e }) {
+function fa({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -1079,7 +1162,21 @@ function na({ className: t, ...e }) {
     }
   );
 }
-function oa({ className: t, ...e }) {
+function ga({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    ia,
+    {
+      "data-slot": "sidebar-separator",
+      "data-sidebar": "separator",
+      className: m("astw:bg-sidebar-border astw:mx-2 astw:w-auto", t),
+      ...e
+    }
+  );
+}
+function ba({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -1093,7 +1190,7 @@ function oa({ className: t, ...e }) {
     }
   );
 }
-function Ut({ className: t, ...e }) {
+function gt({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -1107,7 +1204,7 @@ function Ut({ className: t, ...e }) {
     }
   );
 }
-function Ht({ className: t, ...e }) {
+function bt({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "ul",
     {
@@ -1121,7 +1218,7 @@ function Ht({ className: t, ...e }) {
     }
   );
 }
-function qt({ className: t, ...e }) {
+function I({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "li",
     {
@@ -1132,7 +1229,7 @@ function qt({ className: t, ...e }) {
     }
   );
 }
-const ia = Z(
+const xa = ot(
   "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:group-data-[collapsible=icon]:[&>span:last-child]:hidden astw:[&>svg]:size-4 astw:[&>svg]:shrink-0",
   {
     variants: {
@@ -1152,32 +1249,35 @@ const ia = Z(
     }
   }
 );
-function xt({
-  asChild: t = !1,
+function z({
+  render: t,
   isActive: e = !1,
   variant: s = "default",
   size: r = "default",
   tooltip: n,
   className: o,
-  ...i
+  children: i,
+  ...l
 }) {
-  const l = t ? z : "button", { isMobile: u, state: w } = F(), c = /* @__PURE__ */ a(
-    l,
-    {
+  const { isMobile: u, state: w } = K(), d = j({
+    defaultTagName: "button",
+    render: t,
+    props: {
       "data-slot": "sidebar-menu-button",
       "data-sidebar": "menu-button",
       "data-size": r,
       "data-active": e,
-      className: m(ia({ variant: s, size: r }), o),
-      ...i
+      className: m(xa({ variant: s, size: r }), o),
+      children: i,
+      ...l
     }
-  );
+  });
   return n ? (typeof n == "string" && (n = {
     children: n
-  }), /* @__PURE__ */ d(ot, { children: [
-    /* @__PURE__ */ a(it, { asChild: !0, children: c }),
+  }), /* @__PURE__ */ c(ht, { children: [
+    /* @__PURE__ */ a(pt, { render: d }),
     /* @__PURE__ */ a(
-      lt,
+      ft,
       {
         side: "right",
         align: "center",
@@ -1185,17 +1285,19 @@ function xt({
         ...n
       }
     )
-  ] })) : c;
+  ] })) : d;
 }
-function vt({
+function q({
   className: t,
-  asChild: e = !1,
+  render: e,
   showOnHover: s = !1,
-  ...r
+  children: r,
+  ...n
 }) {
-  return /* @__PURE__ */ a(
-    e ? z : "button",
-    {
+  return j({
+    defaultTagName: "button",
+    render: e,
+    props: {
       "data-slot": "sidebar-menu-action",
       "data-sidebar": "menu-action",
       className: m(
@@ -1209,18 +1311,19 @@ function vt({
         s && "astw:peer-data-[active=true]/menu-button:text-sidebar-accent-foreground astw:group-focus-within/menu-item:opacity-100 astw:group-hover/menu-item:opacity-100 astw:data-[state=open]:opacity-100 astw:md:opacity-0",
         t
       ),
-      ...r
+      children: r,
+      ...n
     }
-  );
+  });
 }
-function la({ className: t, ...e }) {
+function at({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "ul",
     {
       "data-slot": "sidebar-menu-sub",
       "data-sidebar": "menu-sub",
       className: m(
-        "astw:border-sidebar-border astw:mx-3.5 astw:flex astw:min-w-0 astw:translate-x-px astw:flex-col astw:gap-1 astw:border-l astw:px-2.5 astw:py-0.5",
+        "astw:border-sidebar-border astw:ml-3.5 astw:mr-0 astw:flex astw:min-w-0 astw:translate-x-px astw:flex-col astw:gap-1 astw:border-l astw:pl-2.5 astw:pr-0 astw:py-0.5",
         "astw:group-data-[collapsible=icon]:hidden",
         t
       ),
@@ -1228,7 +1331,7 @@ function la({ className: t, ...e }) {
     }
   );
 }
-function da({
+function va({
   className: t,
   ...e
 }) {
@@ -1242,16 +1345,18 @@ function da({
     }
   );
 }
-function ca({
-  asChild: t = !1,
+function ya({
+  render: t,
   size: e = "md",
   isActive: s = !1,
   className: r,
-  ...n
+  children: n,
+  ...o
 }) {
-  return /* @__PURE__ */ a(
-    t ? z : "a",
-    {
+  return j({
+    defaultTagName: "a",
+    render: t,
+    props: {
       "data-slot": "sidebar-menu-sub-button",
       "data-sidebar": "menu-sub-button",
       "data-size": e,
@@ -1264,21 +1369,309 @@ function ca({
         "astw:group-data-[collapsible=icon]:hidden",
         r
       ),
-      ...n
+      children: n,
+      ...o
     }
-  );
+  });
 }
-function Y({ to: t, children: e, ...s }) {
-  try {
-    return oe(t), /* @__PURE__ */ a(ie, { to: t, ...s, children: e });
-  } catch {
-    return /* @__PURE__ */ a("a", { href: t, ...s, children: e });
+const Na = (t) => {
+  const { configurations: e } = C(), { modules: s, locale: r } = e;
+  return Sa(t) ? null : Ca(t, s, r);
+}, Sa = (t) => t.startsWith("http://") || t.startsWith("https://"), Ca = (t, e, s) => {
+  const r = U(s), n = At(t);
+  for (const o of e) {
+    const i = At(o.path);
+    if (re(n, i))
+      return {
+        title: r(o.meta.title, o.path),
+        icon: o.meta.icon
+      };
+    const l = ne(
+      n,
+      i,
+      o.resources,
+      r
+    );
+    if (l)
+      return l;
   }
+  return null;
+}, re = (t, e) => {
+  if (t === e) return !0;
+  const s = t.split("/"), r = e.split("/");
+  return s.length !== r.length ? !1 : r.every(
+    (n, o) => n.startsWith(":") || n === s[o]
+  );
+}, At = (t) => {
+  let e = t;
+  return e.startsWith("/") || (e = `/${e}`), e.length > 1 && e.endsWith("/") && (e = e.slice(0, -1)), e;
+}, ne = (t, e, s, r) => {
+  for (const n of s) {
+    const o = `${e}/${n.path}`;
+    if (re(t, o))
+      return {
+        title: r(n.meta.title, n.path),
+        icon: n.meta.icon
+      };
+    if (n.subResources) {
+      const i = ne(
+        t,
+        o,
+        n.subResources,
+        r
+      );
+      if (i)
+        return i;
+    }
+  }
+  return null;
+}, Fs = (t) => {
+  const {
+    to: e,
+    external: s,
+    render: r,
+    activeMatch: n = "prefix",
+    title: o,
+    icon: i
+  } = t, { pathname: l } = Y(), u = Na(e), w = n === "exact" ? l === e : l === e || l.startsWith(`${e}/`), d = o ?? u?.title ?? Ta(e), h = i ?? u?.icon, p = {
+    title: d,
+    url: e,
+    icon: h,
+    isActive: w
+  };
+  return s || oe(e) ? /* @__PURE__ */ a(I, { children: /* @__PURE__ */ a(
+    z,
+    {
+      render: /* @__PURE__ */ a(
+        "a",
+        {
+          href: e,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: w ? "astw:bg-sidebar-accent astw:font-medium" : void 0
+        }
+      ),
+      tooltip: d,
+      children: r ? r(p) : /* @__PURE__ */ c(S, { children: [
+        h ?? /* @__PURE__ */ a($t, { className: "astw:size-4" }),
+        /* @__PURE__ */ a("span", { children: d })
+      ] })
+    }
+  ) }) : /* @__PURE__ */ a(I, { children: /* @__PURE__ */ a(
+    z,
+    {
+      render: /* @__PURE__ */ a(
+        $,
+        {
+          to: e,
+          className: w ? "astw:bg-sidebar-accent astw:font-medium" : void 0
+        }
+      ),
+      tooltip: d,
+      children: r ? r(p) : /* @__PURE__ */ c(S, { children: [
+        h,
+        /* @__PURE__ */ a("span", { children: d })
+      ] })
+    }
+  ) });
+}, oe = (t) => t.startsWith("http://") || t.startsWith("https://"), Ta = (t) => {
+  if (oe(t))
+    try {
+      return new URL(t).hostname;
+    } catch {
+      return t;
+    }
+  const e = t.split("/").filter(Boolean);
+  return (e[e.length - 1] ?? t).split("-").map((r) => r.charAt(0).toUpperCase() + r.slice(1)).join(" ");
+};
+function st({
+  ...t
+}) {
+  return /* @__PURE__ */ a(lt.Root, { "data-slot": "collapsible", ...t });
+}
+function Q({
+  ...t
+}) {
+  return /* @__PURE__ */ a(lt.Trigger, { "data-slot": "collapsible-trigger", ...t });
 }
-function yt({ ...t }) {
+function rt({
+  ...t
+}) {
+  return /* @__PURE__ */ a(lt.Panel, { "data-slot": "collapsible-content", ...t });
+}
+const Os = (t) => {
+  const { title: e, icon: s, to: r, defaultOpen: n = !0, children: o } = t, { pathname: i } = Y(), { configurations: l } = C(), u = U(l.locale), w = E(), d = u(e, typeof e == "string" ? e : ""), h = r ? i === r : !1;
+  return r ? /* @__PURE__ */ c(st, { render: /* @__PURE__ */ a(I, {}), defaultOpen: n, children: [
+    /* @__PURE__ */ c(
+      z,
+      {
+        render: /* @__PURE__ */ a(
+          $,
+          {
+            to: r,
+            className: h ? "astw:bg-sidebar-accent astw:font-medium" : void 0
+          }
+        ),
+        tooltip: d,
+        children: [
+          s,
+          /* @__PURE__ */ a("span", { children: d })
+        ]
+      }
+    ),
+    /* @__PURE__ */ c(
+      Q,
+      {
+        render: /* @__PURE__ */ a(q, { className: "astw:data-panel-open:rotate-90" }),
+        children: [
+          /* @__PURE__ */ a(W, {}),
+          /* @__PURE__ */ a("span", { className: "astw:sr-only", children: w("toggle") })
+        ]
+      }
+    ),
+    /* @__PURE__ */ a(rt, { children: /* @__PURE__ */ a(at, { children: o }) })
+  ] }) : /* @__PURE__ */ c(st, { render: /* @__PURE__ */ a(I, {}), defaultOpen: n, children: [
+    /* @__PURE__ */ c(Q, { className: "astw:flex astw:w-full astw:[&[data-panel-open]_.astw-rotate-target]:rotate-90", children: [
+      /* @__PURE__ */ c(
+        z,
+        {
+          render: /* @__PURE__ */ a("span", { className: "astw:flex astw:w-full" }),
+          tooltip: d,
+          children: [
+            s,
+            /* @__PURE__ */ a("span", { children: d })
+          ]
+        }
+      ),
+      /* @__PURE__ */ c(q, { className: "astw-rotate-target", render: /* @__PURE__ */ a("span", {}), children: [
+        /* @__PURE__ */ a(W, {}),
+        /* @__PURE__ */ a("span", { className: "astw:sr-only", children: w("toggle") })
+      ] })
+    ] }),
+    /* @__PURE__ */ a(rt, { children: /* @__PURE__ */ a(at, { children: o }) })
+  ] });
+}, js = () => /* @__PURE__ */ a(ga, {}), ka = (t) => {
+  const { title: e, icon: s } = C(), { pathname: r } = Y(), { isIconMode: n } = K(), o = /* @__PURE__ */ c(fa, { children: [
+    s,
+    /* @__PURE__ */ a(
+      "h1",
+      {
+        className: m(
+          "astw:text-sm astw:mb-2 astw:mt-2 astw:px-2",
+          n && "astw:hidden"
+        ),
+        children: e
+      }
+    )
+  ] });
+  return /* @__PURE__ */ c(ha, { variant: "inset", collapsible: n ? "icon" : "offcanvas", children: [
+    !n && /* @__PURE__ */ c("div", { className: "astw:flex astw:justify-between astw:items-center", children: [
+      t.header ?? o,
+      /* @__PURE__ */ a("div", { className: "astw:hidden astw:md:block", children: /* @__PURE__ */ a(se, { className: "astw:-ml-1" }) })
+    ] }),
+    /* @__PURE__ */ a(ba, { children: t.children ? (
+      // New API: children-based explicit definition
+      /* @__PURE__ */ a(gt, { children: /* @__PURE__ */ a(bt, { children: t.children }) })
+    ) : (
+      // Existing behavior: auto-generation from resources
+      /* @__PURE__ */ a(it, { fallback: /* @__PURE__ */ a(Ea, {}), children: /* @__PURE__ */ a(Ra, { currentPath: r }) })
+    ) }),
+    t.footer ?? null
+  ] });
+}, Ra = ({ currentPath: t }) => {
+  const e = Qt();
+  return /* @__PURE__ */ a(zt, { resolve: e, children: (s) => /* @__PURE__ */ a(Pa, { items: s ?? [], currentPath: t }) });
+}, Pa = (t) => {
+  const e = E();
+  return /* @__PURE__ */ a(gt, { children: /* @__PURE__ */ a(bt, { children: t.items.map((s) => /* @__PURE__ */ c(
+    st,
+    {
+      render: /* @__PURE__ */ a(I, {}),
+      defaultOpen: !0,
+      children: [
+        s.url ? /* @__PURE__ */ c(S, { children: [
+          /* @__PURE__ */ c(
+            z,
+            {
+              render: /* @__PURE__ */ a(
+                $,
+                {
+                  to: s.url,
+                  className: s.url === t.currentPath ? "astw:bg-sidebar-accent astw:font-medium" : void 0
+                }
+              ),
+              tooltip: s.title,
+              children: [
+                s.icon,
+                /* @__PURE__ */ a("span", { children: s.title })
+              ]
+            }
+          ),
+          !!s.items?.length && /* @__PURE__ */ c(
+            Q,
+            {
+              render: /* @__PURE__ */ a(q, { className: "astw:data-panel-open:rotate-90" }),
+              children: [
+                /* @__PURE__ */ a(W, {}),
+                /* @__PURE__ */ a("span", { className: "astw:sr-only", children: e("toggle") })
+              ]
+            }
+          )
+        ] }) : /* @__PURE__ */ a(S, { children: /* @__PURE__ */ c(Q, { className: "astw:flex astw:w-full astw:[&[data-panel-open]_.astw-rotate-target]:rotate-90", children: [
+          /* @__PURE__ */ c(
+            z,
+            {
+              render: /* @__PURE__ */ a("span", { className: "astw:flex astw:w-full" }),
+              tooltip: s.title,
+              children: [
+                s.icon,
+                /* @__PURE__ */ a("span", { children: s.title })
+              ]
+            }
+          ),
+          !!s.items?.length && /* @__PURE__ */ c(
+            q,
+            {
+              className: "astw-rotate-target",
+              render: /* @__PURE__ */ a("span", {}),
+              children: [
+                /* @__PURE__ */ a(W, {}),
+                /* @__PURE__ */ a("span", { className: "astw:sr-only", children: e("toggle") })
+              ]
+            }
+          )
+        ] }) }),
+        !!s.items?.length && /* @__PURE__ */ a(rt, { children: /* @__PURE__ */ a(at, { children: s.items?.map((r) => /* @__PURE__ */ a(va, { children: /* @__PURE__ */ a(
+          ya,
+          {
+            render: /* @__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
+  )) }) });
+}, Aa = [104, 80, 112, 88, 96, 100, 84, 92], Ea = () => /* @__PURE__ */ a(gt, { children: /* @__PURE__ */ a(bt, { className: "astw:px-2", children: Aa.map((t, e) => /* @__PURE__ */ a(I, { children: /* @__PURE__ */ c("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: `${t}px` }
+    }
+  )
+] }) }, e)) }) });
+function Et({ ...t }) {
   return /* @__PURE__ */ a("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...t });
 }
-function Nt({ className: t, ...e }) {
+function Mt({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "ol",
     {
@@ -1291,33 +1684,42 @@ function Nt({ className: t, ...e }) {
     }
   );
 }
-function St({ className: t, ...e }) {
+function Bt({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "li",
     {
       "data-slot": "breadcrumb-item",
-      className: m("astw:inline-flex astw:items-center astw:gap-1.5", t),
+      className: m(
+        "astw:inline-flex astw:items-center astw:gap-1.5",
+        t
+      ),
       ...e
     }
   );
 }
-function Ct({
-  asChild: t,
+function Dt({
+  render: t,
   className: e,
   children: s,
-  ...r
+  to: r,
+  ...n
 }) {
-  return /* @__PURE__ */ a(
-    t ? z : Y,
-    {
+  const o = m(
+    "astw:hover:text-foreground astw:transition-colors",
+    e
+  );
+  return j({
+    defaultTagName: "a",
+    render: t ?? /* @__PURE__ */ a($, { to: r }),
+    props: {
       "data-slot": "breadcrumb-link",
-      className: m("astw:hover:text-foreground astw:transition-colors", e),
-      ...r,
-      children: s
+      className: o,
+      children: s,
+      ...t ? n : { to: r, ...n }
     }
-  );
+  });
 }
-function wa({
+function Ma({
   children: t,
   className: e,
   ...s
@@ -1330,19 +1732,19 @@ function wa({
       "aria-hidden": "true",
       className: m("astw:[&>svg]:size-3.5", e),
       ...s,
-      children: t ?? /* @__PURE__ */ a(Q, {})
+      children: t ?? /* @__PURE__ */ a(W, {})
     }
   );
 }
-function ua(t, e) {
+function Ba(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 ma = (t, e) => {
-  const s = Lt(e);
+const Da = (t, e) => {
+  const s = Ot(e);
   return t.reduce(
     (r, n) => {
       const o = s(n.meta.title, n.path);
@@ -1353,17 +1755,17 @@ const ma = (t, e) => {
       };
       const i = (l, u) => {
         !l || l.length === 0 || l.forEach((w) => {
-          const c = `${u}/${w.path}`, h = s(
+          const d = `${u}/${w.path}`, h = s(
             w.meta.title,
             w.path
           );
-          r[c] = {
+          r[d] = {
             title: h,
             // eslint-disable-next-line @typescript-eslint/no-explicit-any -- breadcrumbTitle exists at runtime but not in CommonPageResource type
             breadcrumbTitle: w.meta.breadcrumbTitle
           }, w.subResources && w.subResources.length > 0 && i(
             w.subResources,
-            c
+            d
           );
         });
       };
@@ -1372,24 +1774,24 @@ const ma = (t, e) => {
     {}
   );
 };
-function ha(t, e, s, r) {
-  const n = t.split("/").filter((u) => u !== ""), o = e && n[0] === e ? n.slice(1) : n, i = ma(s, r), l = o.map((u, w) => {
-    const c = o.slice(0, w + 1).join("/");
-    let h = i[c];
+function La(t, e, s, r) {
+  const n = t.split("/").filter((u) => u !== ""), o = e && n[0] === e ? n.slice(1) : n, i = Da(s, r), l = o.map((u, w) => {
+    const d = o.slice(0, w + 1).join("/");
+    let h = i[d];
     if (!h) {
-      const p = Object.entries(i).find(
+      const g = Object.entries(i).find(
         ([x]) => {
-          const b = x.split("/").map((T) => T.startsWith(":") ? "[^/]+" : T).join("/");
-          return new RegExp(`^${b}$`).test(c);
+          const b = x.split("/").map((R) => R.startsWith(":") ? "[^/]+" : R).join("/");
+          return new RegExp(`^${b}$`).test(d);
         }
       )?.[1];
-      p && (h = p);
+      g && (h = g);
     }
-    let g;
-    return h ? typeof h.breadcrumbTitle == "function" ? g = h.breadcrumbTitle(u) : typeof h.breadcrumbTitle == "string" ? g = h.breadcrumbTitle : g = h.title : g = decodeURIComponent(u), {
+    let p;
+    return h ? typeof h.breadcrumbTitle == "function" ? p = h.breadcrumbTitle(u) : typeof h.breadcrumbTitle == "string" ? p = h.breadcrumbTitle : p = h.title : p = decodeURIComponent(u), {
       segment: u,
-      path: c,
-      title: g
+      path: d,
+      title: p
     };
   });
   return {
@@ -1397,173 +1799,94 @@ function ha(t, e, s, r) {
     segments: l
   };
 }
-const fa = () => {
-  const { open: t, isIconMode: e } = F();
-  return /* @__PURE__ */ a("div", { className: t && !e ? "astw:md:hidden" : void 0, children: /* @__PURE__ */ a(Vt, { className: "astw:-ml-2.5" }) });
-}, xs = (t) => {
-  const e = t.children ? t.children({ Outlet: ut }) : null, s = We(), r = () => {
-    s.setTheme(s.theme === "dark" ? "light" : "dark");
-  };
-  return /* @__PURE__ */ a(aa, { className: "astw:flex astw:flex-col", children: /* @__PURE__ */ d("div", { className: "astw:flex astw:flex-1", children: [
-    t.sidebar ?? /* @__PURE__ */ a(ga, {}),
-    /* @__PURE__ */ d(ra, { 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__ */ d("div", { className: "astw:flex astw:w-full astw:items-center astw:justify-between", children: [
-        /* @__PURE__ */ d("div", { className: "astw:flex astw:items-center astw:gap-2", children: [
-          /* @__PURE__ */ a(fa, {}),
-          /* @__PURE__ */ a(Na, {})
-        ] }),
-        /* @__PURE__ */ a("div", { className: "astw:flex astw:items-center astw:gap-2", children: /* @__PURE__ */ a(_, { variant: "outline", size: "icon", onClick: r, children: /* @__PURE__ */ a(he, {}) }) })
-      ] }) }),
-      /* @__PURE__ */ a("div", { className: "astw:flex astw:flex-col astw:gap-4 astw:flex-1 astw:min-h-0", children: e ?? /* @__PURE__ */ a(ut, {}) })
-    ] })
-  ] }) });
-}, ga = (t) => {
-  const { title: e, icon: s } = P(), { pathname: r } = Et(), { isIconMode: n } = F(), o = /* @__PURE__ */ d(na, { children: [
-    s,
-    /* @__PURE__ */ a(
-      "h1",
-      {
-        className: m(
-          "astw:text-sm astw:mb-2 astw:mt-2 astw:px-2",
-          n && "astw:hidden"
-        ),
-        children: e
-      }
-    )
-  ] });
-  return /* @__PURE__ */ d(sa, { variant: "inset", collapsible: n ? "icon" : "offcanvas", children: [
-    !n && /* @__PURE__ */ d("div", { className: "astw:flex astw:justify-between astw:items-center", children: [
-      t.header ?? o,
-      /* @__PURE__ */ a("div", { className: "astw:hidden astw:md:block", children: /* @__PURE__ */ a(Vt, { className: "astw:-ml-1" }) })
-    ] }),
-    /* @__PURE__ */ a(oa, { children: /* @__PURE__ */ a(Pt, { fallback: /* @__PURE__ */ a(va, {}), children: /* @__PURE__ */ a(pa, { currentPath: r }) }) }),
-    t.footer ?? null
-  ] });
-}, pa = ({ currentPath: t }) => {
-  const e = Ot();
-  return /* @__PURE__ */ a(Bt, { resolve: e, children: (s) => /* @__PURE__ */ a(ba, { items: s ?? [], currentPath: t }) });
-}, ba = (t) => {
-  const e = L();
-  return /* @__PURE__ */ a(Ut, { children: /* @__PURE__ */ a(Ht, { children: t.items.map((s) => /* @__PURE__ */ a(He, { asChild: !0, defaultOpen: !0, children: /* @__PURE__ */ d(qt, { children: [
-    s.url ? /* @__PURE__ */ d(A, { children: [
-      /* @__PURE__ */ a(xt, { asChild: !0, tooltip: s.title, children: /* @__PURE__ */ d(
-        Y,
-        {
-          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(mt, { asChild: !0, children: /* @__PURE__ */ d(vt, { className: "astw:data-[state=open]:rotate-90", children: [
-        /* @__PURE__ */ a(Q, {}),
-        /* @__PURE__ */ a("span", { className: "astw:sr-only", children: e("toggle") })
-      ] }) })
-    ] }) : /* @__PURE__ */ a(A, { children: /* @__PURE__ */ d(mt, { className: "astw:flex astw:w-full astw:[&[data-state=open]_.astw-rotate-target]:rotate-90", children: [
-      /* @__PURE__ */ a(xt, { asChild: !0, tooltip: s.title, children: /* @__PURE__ */ d("span", { className: "astw:flex astw:w-full", children: [
-        s.icon,
-        /* @__PURE__ */ a("span", { children: s.title })
-      ] }) }),
-      !!s.items?.length && /* @__PURE__ */ a(
-        vt,
-        {
-          className: "astw-rotate-target",
-          asChild: !0,
-          children: /* @__PURE__ */ d("span", { children: [
-            /* @__PURE__ */ a(Q, {}),
-            /* @__PURE__ */ a("span", { className: "astw:sr-only", children: e("toggle") })
-          ] })
-        }
-      )
-    ] }) }),
-    !!s.items?.length && /* @__PURE__ */ a(qe, { children: /* @__PURE__ */ a(la, { children: s.items?.map((r) => /* @__PURE__ */ a(da, { children: /* @__PURE__ */ a(ca, { asChild: !0, children: /* @__PURE__ */ a(
-      Y,
-      {
-        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)) }) });
-}, xa = [104, 80, 112, 88, 96, 100, 84, 92], va = () => /* @__PURE__ */ a(Ut, { children: /* @__PURE__ */ a(Ht, { className: "astw:px-2", children: xa.map((t, e) => /* @__PURE__ */ a(qt, { children: /* @__PURE__ */ d("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: `${t}px` }
-    }
-  )
-] }) }, e)) }) }), ya = () => {
-  const { configurations: t } = P(), e = Et();
-  return ha(
+const Ia = () => {
+  const { configurations: t } = C(), e = Y();
+  return La(
     e.pathname,
     t.basePath,
     t.modules,
     t.locale
   );
-}, Na = () => {
-  const { segments: t } = ya(), e = le("/:prefix/settings/:suffix"), s = L();
-  return e ? /* @__PURE__ */ a(yt, { children: /* @__PURE__ */ a(Nt, { children: /* @__PURE__ */ a("div", { className: "astw:inline-flex astw:items-center astw:gap-3 astw:last:text-foreground", children: /* @__PURE__ */ a(St, { children: /* @__PURE__ */ a(Ct, { to: `/${e.params.prefix}/settings`, children: s("settings") }) }) }) }) }) : /* @__PURE__ */ a(yt, { children: /* @__PURE__ */ a(Nt, { children: t.map((r, n) => /* @__PURE__ */ d(
+}, za = () => {
+  const { segments: t } = Ia(), e = ve("/:prefix/settings/:suffix"), s = E();
+  return e ? /* @__PURE__ */ a(Et, { children: /* @__PURE__ */ a(Mt, { children: /* @__PURE__ */ a("div", { className: "astw:inline-flex astw:items-center astw:gap-3 astw:last:text-foreground", children: /* @__PURE__ */ a(Bt, { children: /* @__PURE__ */ a(Dt, { to: `/${e.params.prefix}/settings`, children: s("settings") }) }) }) }) }) : /* @__PURE__ */ a(Et, { children: /* @__PURE__ */ a(Mt, { children: t.map((r, n) => /* @__PURE__ */ c(
     "div",
     {
       className: "astw:inline-flex astw:items-center astw:gap-3 astw:last:text-foreground",
       children: [
-        /* @__PURE__ */ a(St, { children: /* @__PURE__ */ a(Ct, { to: r.path, children: r.title }) }),
-        n < t.length - 1 && /* @__PURE__ */ a(wa, {})
+        /* @__PURE__ */ a(Bt, { children: /* @__PURE__ */ a(Dt, { to: r.path, children: r.title }) }),
+        n < t.length - 1 && /* @__PURE__ */ a(Ma, {})
       ]
     },
     n
   )) }) });
+}, _a = () => {
+  const { open: t, isIconMode: e } = K();
+  return /* @__PURE__ */ a("div", { className: t && !e ? "astw:md:hidden" : void 0, children: /* @__PURE__ */ a(se, { className: "astw:-ml-2.5" }) });
+}, Us = (t) => {
+  const e = t.children ? t.children({ Outlet: Nt }) : null, s = Ye(), r = () => {
+    s.setTheme(s.theme === "dark" ? "light" : "dark");
+  };
+  return /* @__PURE__ */ a(ma, { className: "astw:flex astw:flex-col", children: /* @__PURE__ */ c("div", { className: "astw:flex astw:flex-1", children: [
+    t.sidebar ?? /* @__PURE__ */ a(ka, {}),
+    /* @__PURE__ */ c(pa, { 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(_a, {}),
+          /* @__PURE__ */ a(za, {})
+        ] }),
+        /* @__PURE__ */ a("div", { className: "astw:flex astw:items-center astw:gap-2", children: /* @__PURE__ */ a(O, { variant: "outline", size: "icon", onClick: r, children: /* @__PURE__ */ a(ke, {}) }) })
+      ] }) }),
+      /* @__PURE__ */ a("div", { className: "astw:flex astw:flex-col astw:gap-4 astw:flex-1 astw:min-h-0", children: e ?? /* @__PURE__ */ a(Nt, {}) })
+    ] })
+  ] }) });
 };
-function Sa({
+function $a({
   ...t
 }) {
   return /* @__PURE__ */ a(v.Root, { "data-slot": "dialog", ...t });
 }
-function Ca({
+function Wa({
   ...t
 }) {
   return /* @__PURE__ */ a(v.Portal, { "data-slot": "dialog-portal", ...t });
 }
-function Ta({
+function Fa({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    v.Overlay,
+    v.Backdrop,
     {
       "data-slot": "dialog-overlay",
       className: m(
-        "astw:data-[state=open]:animate-in astw:data-[state=closed]:animate-out astw:data-[state=closed]:fade-out-0 astw:data-[state=open]:fade-in-0 astw:fixed astw:inset-0 astw:z-50 astw:bg-black/50",
+        "astw:data-open:animate-in astw:data-ending-style:animate-out astw:data-ending-style:fade-out-0 astw:data-open:fade-in-0 astw:fixed astw:inset-0 astw:z-50 astw:bg-black/50",
         t
       ),
       ...e
     }
   );
 }
-function ka({
+function Oa({
   className: t,
   children: e,
   ...s
 }) {
-  return /* @__PURE__ */ d(Ca, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ a(Ta, {}),
-    /* @__PURE__ */ d(
-      v.Content,
+  return /* @__PURE__ */ c(Wa, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ a(Fa, {}),
+    /* @__PURE__ */ c(
+      v.Popup,
       {
         "data-slot": "dialog-content",
         className: m(
-          "astw:bg-background astw:data-[state=open]:animate-in astw:data-[state=closed]:animate-out astw:data-[state=closed]:fade-out-0 astw:data-[state=open]:fade-in-0 astw:data-[state=closed]:zoom-out-95 astw:data-[state=open]:zoom-in-95 astw:fixed astw:top-[50%] astw:left-[50%] astw:z-50 astw:grid astw:w-full astw:max-w-[calc(100%-2rem)] astw:translate-x-[-50%] astw:translate-y-[-50%] astw:gap-4 astw:rounded-lg astw:border astw:p-6 astw:shadow-lg astw:duration-200 astw:sm:max-w-lg",
+          "astw:bg-background astw:data-open:animate-in astw:data-ending-style:animate-out astw:data-ending-style:fade-out-0 astw:data-open:fade-in-0 astw:data-ending-style:zoom-out-95 astw:data-open:zoom-in-95 astw:fixed astw:top-[50%] astw:left-[50%] astw:z-50 astw:grid astw:w-full astw:max-w-[calc(100%-2rem)] astw:translate-x-[-50%] astw:translate-y-[-50%] astw:gap-4 astw:rounded-lg astw:border astw:p-6 astw:shadow-lg astw:duration-200 astw:sm:max-w-lg",
           t
         ),
         ...s,
         children: [
           e,
-          /* @__PURE__ */ d(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(At, {}),
+          /* @__PURE__ */ c(v.Close, { className: "astw:ring-offset-bg astw:focus:ring-ring astw:data-open:bg-accent astw:data-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(_t, {}),
             /* @__PURE__ */ a("span", { className: "astw:sr-only", children: "Close" })
           ] })
         ]
@@ -1571,7 +1894,7 @@ function ka({
     )
   ] });
 }
-function Ra({
+function ja({
   className: t,
   ...e
 }) {
@@ -1584,7 +1907,7 @@ function Ra({
     }
   );
 }
-function Ea(t) {
+function Ua(t) {
   const e = [], s = (r, n, o) => {
     r.forEach((i) => {
       const l = [...o, i.title];
@@ -1605,33 +1928,33 @@ function Ea(t) {
     }), s(r.items, r.icon, [r.title]);
   }), e;
 }
-function Ba({
+function Ka({
   routes: t
 }) {
-  const e = de(), s = xe(null), [r, n] = $(!1), [o, i] = $(""), [l, u] = $(0), w = E(
-    () => ua(t, o),
+  const e = ye(), s = Ft(null), [r, n] = H(!1), [o, i] = H(""), [l, u] = H(0), w = B(
+    () => Ba(t, o),
     [t, o]
-  ), c = R((x) => {
+  ), d = M((x) => {
     i(x), u(0);
   }, []);
-  I(() => {
+  F(() => {
     const x = (b) => {
-      (b.metaKey || b.ctrlKey) && b.key === "k" && (b.preventDefault(), n((C) => !C));
+      (b.metaKey || b.ctrlKey) && b.key === "k" && (b.preventDefault(), n((k) => !k));
     };
     return document.addEventListener("keydown", x), () => document.removeEventListener("keydown", x);
   }, []);
-  const h = R((x) => {
+  const h = M((x) => {
     n(x), x || (i(""), u(0));
   }, []);
-  I(() => {
+  F(() => {
     s.current && s.current.querySelector(`[data-index="${l}"]`)?.scrollIntoView({ block: "nearest" });
   }, [l]);
-  const g = R(
+  const p = M(
     (x) => {
       e(x.path), n(!1), i("");
     },
     [e]
-  ), p = R(
+  ), g = M(
     (x) => {
       if (!x.nativeEvent.isComposing)
         switch (x.key) {
@@ -1644,28 +1967,28 @@ function Ba({
             x.preventDefault(), u((b) => b > 0 ? b - 1 : b);
             break;
           case "Enter":
-            x.preventDefault(), w[l] && g(w[l]);
+            x.preventDefault(), w[l] && p(w[l]);
             break;
         }
     },
-    [w, l, g]
+    [w, l, p]
   );
   return {
     open: r,
     handleOpenChange: h,
     search: o,
-    setSearch: c,
+    setSearch: d,
     selectedIndex: l,
     filteredRoutes: w,
-    handleSelect: g,
-    handleKeyDown: p,
+    handleSelect: p,
+    handleKeyDown: g,
     listRef: s
   };
 }
-function Aa({
+function Va({
   navItems: t
 }) {
-  const e = L(), s = E(() => Ea(t), [t]), {
+  const e = E(), s = B(() => Ua(t), [t]), {
     open: r,
     handleOpenChange: n,
     search: o,
@@ -1673,24 +1996,24 @@ function Aa({
     selectedIndex: l,
     filteredRoutes: u,
     handleSelect: w,
-    handleKeyDown: c,
+    handleKeyDown: d,
     listRef: h
-  } = Ba({ routes: s });
-  return /* @__PURE__ */ a(Sa, { open: r, onOpenChange: n, children: /* @__PURE__ */ d(
-    ka,
+  } = Ka({ routes: s });
+  return /* @__PURE__ */ a($a, { open: r, onOpenChange: n, children: /* @__PURE__ */ c(
+    Oa,
     {
       className: "astw:p-0 astw:gap-0 astw:sm:max-w-2xl astw:overflow-hidden",
-      onKeyDown: c,
+      onKeyDown: d,
       "aria-describedby": void 0,
       children: [
-        /* @__PURE__ */ a(Ra, { className: "astw:sr-only", children: e("commandPaletteSearch") }),
-        /* @__PURE__ */ d("div", { className: "astw:flex astw:items-center astw:border-b astw:px-3 astw:py-1", children: [
-          /* @__PURE__ */ a(fe, { className: "astw:mr-2 astw:h-4 astw:w-4 astw:shrink-0 astw:opacity-50" }),
+        /* @__PURE__ */ a(ja, { className: "astw:sr-only", children: e("commandPaletteSearch") }),
+        /* @__PURE__ */ c("div", { className: "astw:flex astw:items-center astw:border-b astw:px-3 astw:py-1", children: [
+          /* @__PURE__ */ a(Re, { className: "astw:mr-2 astw:h-4 astw:w-4 astw:shrink-0 astw:opacity-50" }),
           /* @__PURE__ */ a(
-            Ye,
+            oa,
             {
               value: o,
-              onChange: (g) => i(g.target.value),
+              onChange: (p) => i(p.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
@@ -1701,25 +2024,25 @@ function Aa({
           "div",
           {
             ref: h,
-            className: "astw:max-h-[300px] astw:overflow-y-auto astw:overflow-x-hidden",
-            children: u.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: u.map((g, p) => /* @__PURE__ */ d(
+            className: "astw:max-h-75 astw:overflow-y-auto astw:overflow-x-hidden",
+            children: u.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: u.map((p, g) => /* @__PURE__ */ c(
               "button",
               {
-                "data-index": p,
-                onClick: () => w(g),
+                "data-index": g,
+                onClick: () => w(p),
                 className: m(
                   "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",
-                  p === l ? "astw:bg-accent astw:text-accent-foreground" : "astw:hover:bg-accent astw:hover:text-accent-foreground"
+                  g === l ? "astw:bg-accent astw:text-accent-foreground" : "astw:hover:bg-accent astw:hover:text-accent-foreground"
                 ),
                 children: [
-                  /* @__PURE__ */ a("span", { className: "astw:truncate astw:w-full astw:text-left", children: g.breadcrumb.join(" > ") }),
-                  /* @__PURE__ */ d("span", { className: "astw:text-[11px] astw:text-muted-foreground astw:truncate astw:w-full astw:text-left", children: [
+                  /* @__PURE__ */ a("span", { className: "astw:truncate astw:w-full astw:text-left", children: p.breadcrumb.join(" > ") }),
+                  /* @__PURE__ */ c("span", { className: "astw:text-[11px] astw:text-muted-foreground astw:truncate astw:w-full astw:text-left", children: [
                     "/",
-                    g.path
+                    p.path
                   ] })
                 ]
               },
-              g.path
+              p.path
             )) })
           }
         )
@@ -1727,18 +2050,60 @@ function Aa({
     }
   ) });
 }
-function vs() {
-  const t = Ot();
-  return /* @__PURE__ */ a(Pt, { fallback: null, children: /* @__PURE__ */ a(Bt, { resolve: t, children: (e) => /* @__PURE__ */ a(Aa, { navItems: e ?? [] }) }) });
+function Ks() {
+  const t = Qt();
+  return /* @__PURE__ */ a(it, { fallback: null, children: /* @__PURE__ */ a(zt, { resolve: t, children: (e) => /* @__PURE__ */ a(Va, { navItems: e ?? [] }) }) });
+}
+function Ha(t, e, s) {
+  if (s.current === null || s.current.contextData !== e || s.current.guards !== t) {
+    const r = Qa(t, e), n = {
+      contextData: e,
+      guards: t,
+      promise: r,
+      state: { status: "pending", promise: r }
+    };
+    r.then(
+      (o) => {
+        n.state = { status: "fulfilled", value: o };
+      },
+      (o) => {
+        n.state = { status: "rejected", error: o };
+      }
+    ), s.current = n;
+  }
+  return s.current;
+}
+function Ga(t) {
+  const { state: e } = t;
+  switch (e.status) {
+    case "fulfilled":
+      return e.value;
+    case "rejected":
+      throw e.error;
+    case "pending":
+      throw e.promise;
+  }
 }
-function Da(t) {
+const Vs = (t) => {
+  const { guards: e, children: s, fallback: r = null, loading: n = null } = t, { contextData: o } = jt(), i = Ft(null), l = Ha(e, o, i);
+  return /* @__PURE__ */ a(it, { fallback: n, children: /* @__PURE__ */ a(qa, { cache: l, children: s, fallback: r }) });
+}, qa = (t) => Ga(t.cache).type === "pass" ? /* @__PURE__ */ a(S, { children: t.children }) : /* @__PURE__ */ a(S, { children: t.fallback }), Qa = async (t, e) => {
+  const s = { context: e };
+  for (const r of t) {
+    const n = await r(s);
+    if (n.type !== "pass")
+      return n;
+  }
+  return { type: "pass" };
+};
+function Ya(t) {
   const e = new URLSearchParams(t.search);
   e.delete("code"), e.delete("state");
   const s = e.toString();
   return t.pathname + (s ? `?${s}` : "") + t.hash;
 }
-function ys(t) {
-  const e = Ne(t), { appUri: s } = t;
+function Hs(t) {
+  const e = De(t), { appUri: s } = t;
   return {
     ...e,
     getAppUri() {
@@ -1750,19 +2115,19 @@ function ys(t) {
     }
   };
 }
-const Gt = j(null), Ns = (t) => {
-  const e = t.client, s = R(
+const ie = X(null), Gs = (t) => {
+  const e = t.client, s = M(
     (l) => e.addEventListener((u) => {
       u.type === "auth_state_changed" && l();
     }),
     [e]
-  ), r = R(() => e.getState(), [e]), n = Dt(s, r);
-  I(() => {
+  ), r = M(() => e.getState(), [e]), n = Wt(s, r);
+  F(() => {
     (async () => {
       if (new URLSearchParams(window.location.search).has("code"))
         try {
           await e.handleCallback();
-          const w = Da(
+          const w = Ya(
             new URL(window.location.href)
           );
           window.history.replaceState({}, "", w);
@@ -1772,12 +2137,12 @@ const Gt = j(null), Ns = (t) => {
       else
         await e.checkAuthStatus();
     })();
-  }, [e]), I(() => {
+  }, [e]), F(() => {
     t.autoLogin && (!n.isReady || n.isAuthenticated || e.login());
   }, [n.isReady, n.isAuthenticated, t.autoLogin, e]);
   const o = n.isAuthenticated, i = t.guardComponent && (!n.isReady || !o) ? /* @__PURE__ */ a(t.guardComponent, {}) : t.children;
   return /* @__PURE__ */ a(
-    Gt.Provider,
+    ie.Provider,
     {
       value: {
         authState: n,
@@ -1789,15 +2154,15 @@ const Gt = j(null), Ns = (t) => {
       children: i
     }
   );
-}, Qt = () => {
-  const t = D(Gt);
+}, le = () => {
+  const t = L(ie);
   if (!t)
     throw new Error(
       "useAuth/useAuthSuspense must be used within an AuthProvider"
     );
   return t;
-}, Ss = () => {
-  const t = Qt(), { isAuthenticated: e, error: s, isReady: r } = t.authState;
+}, qs = () => {
+  const t = le(), { isAuthenticated: e, error: s, isReady: r } = t.authState;
   return {
     error: s,
     isAuthenticated: e,
@@ -1806,8 +2171,8 @@ const Gt = j(null), Ns = (t) => {
     logout: t.logout,
     checkAuthStatus: t.checkAuthStatus
   };
-}, Cs = () => {
-  const t = Qt();
+}, Qs = () => {
+  const t = le();
   if (!t.authState.isReady)
     throw t.ready();
   const { isAuthenticated: e, error: s } = t.authState;
@@ -1818,7 +2183,7 @@ const Gt = j(null), Ns = (t) => {
     logout: t.logout,
     checkAuthStatus: t.checkAuthStatus
   };
-}, Ts = () => ye, Pa = Z(
+}, Ys = () => Me, Xa = ot(
   "astw:inline-flex astw:items-center astw:rounded-md astw:border astw:px-2 astw:py-0.5 astw:text-xs astw:font-medium astw:transition-colors astw:focus:outline-none astw:focus:ring-2 astw:focus:ring-ring astw:focus:ring-offset-2",
   {
     variants: {
@@ -1840,38 +2205,31 @@ const Gt = j(null), Ns = (t) => {
       variant: "default"
     }
   }
-), La = {
+), Za = {
   "outline-success": "astw:bg-green-500",
   "outline-warning": "astw:bg-orange-500",
   "outline-error": "astw:bg-red-500",
   "outline-info": "astw:bg-blue-500",
   "outline-neutral": "astw:bg-neutral-400"
 };
-function Ma({ variant: t }) {
-  const e = La[t];
+function Ja({ variant: t }) {
+  const e = Za[t];
   return e ? /* @__PURE__ */ a("div", { className: "astw:size-3 astw:shrink-0 astw:flex astw:items-center astw:justify-center", children: /* @__PURE__ */ a("div", { className: m("astw:size-[7px] astw:rounded-full", e) }) }) : null;
 }
-function Ia({ className: t, variant: e, children: s, ...r }) {
+function ts({ className: t, variant: e, children: s, ...r }) {
   const n = e?.toString().startsWith("outline-");
-  return /* @__PURE__ */ d(
-    "div",
-    {
-      className: m(Pa({ variant: e }), t),
-      ...r,
-      children: [
-        n && /* @__PURE__ */ a(Ma, { variant: e }),
-        s
-      ]
-    }
-  );
+  return /* @__PURE__ */ c("div", { className: m(Xa({ variant: e }), t), ...r, children: [
+    n && /* @__PURE__ */ a(Ja, { variant: e }),
+    s
+  ] });
 }
-function _a(t) {
+function es(t) {
   return t.type === "divider";
 }
-function za(t) {
+function as(t) {
   return t.type !== "divider" && "key" in t;
 }
-function U(t, e) {
+function Z(t, e) {
   return e.split(".").reduce((s, r) => {
     if (s && typeof s == "object" && r in s)
       return s[r];
@@ -1880,10 +2238,10 @@ function U(t, e) {
 function N(t) {
   return t == null || t === "";
 }
-function Fa(t) {
+function ss(t) {
   return t.toLowerCase().replace(/_/g, " ").replace(/^\w/, (e) => e.toUpperCase());
 }
-function Oa(t, e = "medium") {
+function rs(t, e = "medium") {
   if (N(t)) return "";
   const s = t instanceof Date ? t : new Date(String(t));
   if (isNaN(s.getTime())) return String(t);
@@ -1915,7 +2273,7 @@ function Oa(t, e = "medium") {
       return s.toLocaleDateString();
   }
 }
-function $a(t, e) {
+function ns(t, e) {
   if (N(t)) return "";
   const s = typeof t == "number" ? t : parseFloat(String(t));
   if (isNaN(s)) return String(t);
@@ -1928,7 +2286,7 @@ function $a(t, e) {
     return `${e || "$"}${s.toFixed(2)}`;
   }
 }
-function Wa(t) {
+function os(t) {
   if (N(t)) return [];
   if (typeof t == "string")
     return t.split(/[,\n]/).map((e) => e.trim()).filter(Boolean);
@@ -1944,29 +2302,34 @@ function Wa(t) {
   }
   return [String(t)];
 }
-function Yt({ value: t }) {
+function ce({ value: t }) {
   const [e, s] = f.useState(!1);
-  return /* @__PURE__ */ d(ot, { children: [
-    /* @__PURE__ */ a(it, { asChild: !0, children: /* @__PURE__ */ a(
-      "button",
+  return /* @__PURE__ */ c(ht, { children: [
+    /* @__PURE__ */ a(
+      pt,
       {
-        onClick: async (n) => {
-          n.stopPropagation();
-          try {
-            await navigator.clipboard.writeText(t), s(!0), setTimeout(() => s(!1), 2e3);
-          } catch {
+        render: /* @__PURE__ */ a(
+          "button",
+          {
+            onClick: async (n) => {
+              n.stopPropagation();
+              try {
+                await navigator.clipboard.writeText(t), s(!0), setTimeout(() => s(!1), 2e3);
+              } catch {
+              }
+            },
+            className: "astw:ml-0.5 astw:inline-flex astw:items-center astw:justify-center astw:p-1 astw:rounded astw:hover:bg-muted astw:transition-colors astw:text-muted-foreground astw:hover:text-foreground"
           }
-        },
-        className: "astw:ml-0.5 astw:inline-flex astw:items-center astw:justify-center astw:p-1 astw:rounded astw:hover:bg-muted astw:transition-colors astw:text-muted-foreground astw:hover:text-foreground",
-        children: e ? /* @__PURE__ */ a(pe, { className: "astw:h-3 astw:w-3", strokeWidth: 2.5 }) : /* @__PURE__ */ a(be, { className: "astw:h-3 astw:w-3", strokeWidth: 2.5 })
+        ),
+        children: e ? /* @__PURE__ */ a(Pe, { className: "astw:h-3 astw:w-3", strokeWidth: 2.5 }) : /* @__PURE__ */ a(Ae, { className: "astw:h-3 astw:w-3", strokeWidth: 2.5 })
       }
-    ) }),
-    /* @__PURE__ */ a(lt, { side: "top", children: e ? "Copied!" : "Copy" })
+    ),
+    /* @__PURE__ */ a(ft, { side: "top", children: e ? "Copied!" : "Copy" })
   ] });
 }
-const S = "–";
-function ja({ field: t }) {
-  const e = N(t.value) ? S : String(t.value), s = t.meta?.copyable && !N(t.value), r = t.meta?.truncateLines, n = f.useRef(null), [o, i] = f.useState(!1);
+const T = "–";
+function is({ field: t }) {
+  const e = N(t.value) ? T : String(t.value), s = t.meta?.copyable && !N(t.value), r = t.meta?.truncateLines, n = f.useRef(null), [o, i] = f.useState(!1);
   f.useEffect(() => {
     if (!r) {
       i(!1);
@@ -1977,9 +2340,9 @@ function ja({ field: t }) {
         const h = n.current;
         i(h.scrollHeight > h.clientHeight + 1);
       }
-    }, c = setTimeout(w, 50);
+    }, d = setTimeout(w, 50);
     return window.addEventListener("resize", w), () => {
-      clearTimeout(c), window.removeEventListener("resize", w);
+      clearTimeout(d), window.removeEventListener("resize", w);
     };
   }, [e, r]);
   const l = r && r > 0 ? {
@@ -1987,46 +2350,46 @@ function ja({ field: t }) {
     WebkitLineClamp: r,
     WebkitBoxOrient: "vertical",
     overflow: "hidden"
-  } : void 0, u = /* @__PURE__ */ d("div", { className: "astw:flex astw:items-start astw:gap-1 astw:min-w-0", children: [
+  } : void 0, u = /* @__PURE__ */ c("div", { className: "astw:flex astw:items-start astw:gap-1 astw:min-w-0", children: [
     /* @__PURE__ */ a(
       "p",
       {
         ref: n,
-        className: "astw:text-sm astw:font-medium astw:text-foreground astw:break-words astw:m-0",
+        className: "astw:text-sm astw:font-medium astw:text-foreground astw:wrap-break-word astw:m-0",
         style: l,
         children: e
       }
     ),
-    s && /* @__PURE__ */ a(Yt, { value: String(t.value) })
+    s && /* @__PURE__ */ a(ce, { value: String(t.value) })
   ] });
-  return r && o ? /* @__PURE__ */ d(ot, { children: [
-    /* @__PURE__ */ a(it, { asChild: !0, children: /* @__PURE__ */ a("span", { className: "astw:cursor-default", children: u }) }),
-    /* @__PURE__ */ a(lt, { side: "bottom", style: { maxWidth: 320 }, children: /* @__PURE__ */ a("p", { className: "astw:text-sm", children: e }) })
+  return r && o ? /* @__PURE__ */ c(ht, { children: [
+    /* @__PURE__ */ a(pt, { render: /* @__PURE__ */ a("span", { className: "astw:cursor-default" }), children: u }),
+    /* @__PURE__ */ a(ft, { side: "bottom", style: { maxWidth: 320 }, children: /* @__PURE__ */ a("p", { className: "astw:text-sm", children: e }) })
   ] }) : u;
 }
-function Ka({ field: t }) {
+function ls({ field: t }) {
   if (N(t.value))
-    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: S });
+    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: T });
   const e = String(t.value), s = t.meta?.badgeVariantMap || {}, r = e.toLowerCase(), n = s[e] || s[r] || "outline-neutral";
-  return /* @__PURE__ */ a(Ia, { variant: n, className: "astw:w-fit", children: Fa(e) });
+  return /* @__PURE__ */ a(ts, { variant: n, className: "astw:w-fit", children: ss(e) });
 }
-function Va({ field: t }) {
+function cs({ field: t }) {
   if (N(t.value))
-    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: S });
-  const e = t.meta?.currencyKey || "currency", s = U(t.data, e), r = $a(t.value, s);
+    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: T });
+  const e = t.meta?.currencyKey || "currency", s = Z(t.data, e), r = ns(t.value, s);
   return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground astw:tabular-nums", children: r });
 }
-function Ua({ field: t }) {
+function ds({ field: t }) {
   if (N(t.value))
-    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: S });
-  const e = t.meta?.dateFormat || "medium", s = Oa(t.value, e);
+    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: T });
+  const e = t.meta?.dateFormat || "medium", s = rs(t.value, e);
   return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: s });
 }
-function Ha({ field: t }) {
+function us({ field: t }) {
   if (N(t.value))
-    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: S });
-  const e = t.meta?.hrefKey, s = e ? U(t.data, e) : void 0, r = t.meta?.external ?? !1, n = String(t.value);
-  return s ? /* @__PURE__ */ d(
+    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: T });
+  const e = t.meta?.hrefKey, s = e ? Z(t.data, e) : void 0, r = t.meta?.external ?? !1, n = String(t.value);
+  return s ? /* @__PURE__ */ c(
     "a",
     {
       href: s,
@@ -2035,63 +2398,70 @@ function Ha({ field: t }) {
       className: "astw:inline-flex astw:items-center astw:gap-1 astw:text-sm astw:text-primary astw:hover:underline",
       children: [
         n,
-        r && /* @__PURE__ */ a(ge, { className: "astw:h-3 astw:w-3" })
+        r && /* @__PURE__ */ a($t, { className: "astw:h-3 astw:w-3" })
       ]
     }
   ) : /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: n });
 }
-function qa({ field: t }) {
+function ws({ field: t }) {
   if (N(t.value))
-    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: S });
-  const e = Wa(t.value), s = t.meta?.copyable && !N(t.value), r = e.join(`
+    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: T });
+  const e = os(t.value), s = t.meta?.copyable && !N(t.value), r = e.join(`
 `);
-  return /* @__PURE__ */ d("div", { className: "astw:flex astw:items-start astw:gap-1 astw:min-w-0", children: [
-    /* @__PURE__ */ a("address", { className: "astw:text-sm astw:font-medium astw:text-foreground astw:not-italic", children: e.map((n, o) => /* @__PURE__ */ d(f.Fragment, { children: [
+  return /* @__PURE__ */ c("div", { className: "astw:flex astw:items-start astw:gap-1 astw:min-w-0", children: [
+    /* @__PURE__ */ a("address", { className: "astw:text-sm astw:font-medium astw:text-foreground astw:not-italic", children: e.map((n, o) => /* @__PURE__ */ c(f.Fragment, { children: [
       n,
       o < e.length - 1 && /* @__PURE__ */ a("br", {})
     ] }, o)) }),
-    s && /* @__PURE__ */ a(Yt, { value: r })
+    s && /* @__PURE__ */ a(ce, { value: r })
   ] });
 }
-function Ga({ field: t }) {
+function ms({ field: t }) {
   if (N(t.value))
-    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: S });
-  const e = t.meta?.referenceIdKey, s = t.meta?.referenceUrlPattern, r = e ? U(t.data, e) : void 0, n = String(t.value);
+    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: T });
+  const e = t.meta?.referenceIdKey, s = t.meta?.referenceUrlPattern, r = e ? Z(t.data, e) : void 0, n = String(t.value);
   if (!r || !s)
     return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: n });
   const o = s.replace("{id}", r);
-  return /* @__PURE__ */ a("a", { href: o, className: "astw:text-sm astw:text-primary astw:hover:underline", children: n });
+  return /* @__PURE__ */ a(
+    "a",
+    {
+      href: o,
+      className: "astw:text-sm astw:text-primary astw:hover:underline",
+      children: n
+    }
+  );
 }
-function Tt(t) {
+function Lt(t) {
   switch (t.type) {
     case "text":
-      return /* @__PURE__ */ a(ja, { field: t });
+      return /* @__PURE__ */ a(is, { field: t });
     case "badge":
-      return /* @__PURE__ */ a(Ka, { field: t });
+      return /* @__PURE__ */ a(ls, { field: t });
     case "money":
-      return /* @__PURE__ */ a(Va, { field: t });
+      return /* @__PURE__ */ a(cs, { field: t });
     case "date":
-      return /* @__PURE__ */ a(Ua, { field: t });
+      return /* @__PURE__ */ a(ds, { field: t });
     case "link":
-      return /* @__PURE__ */ a(Ha, { field: t });
+      return /* @__PURE__ */ a(us, { field: t });
     case "address":
-      return /* @__PURE__ */ a(qa, { field: t });
+      return /* @__PURE__ */ a(ws, { field: t });
     case "reference":
-      return /* @__PURE__ */ a(Ga, { field: t });
+      return /* @__PURE__ */ a(ms, { field: t });
     default:
-      return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: S });
+      return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: T });
   }
 }
-function Qa(t) {
+function hs(t) {
   if (t.emptyBehavior !== "hide") return !1;
   const e = t.value;
   return e == null || e === "";
 }
-function Ya(t) {
+function ps(t) {
   return !1;
 }
-function Xa(t, e, s) {
-  const r = U(e, t.key);
+function fs(t, e, s) {
+  const r = Z(e, t.key);
   return {
     id: `${t.key}-${s}`,
     label: t.label,
@@ -2102,20 +2472,23 @@ function Xa(t, e, s) {
     data: e
   };
 }
-function Za(t, e) {
+function gs(t, e) {
   const s = [];
   let r = [], n = 0, o = 0;
   for (const i of t)
-    if (_a(i))
-      r.length > 0 && (s.push({ id: `section-${n}`, fields: r }), n++, r = []);
-    else if (za(i)) {
-      const l = Xa(i, e, o);
-      o++, Qa(l) || r.push(l);
+    if (es(i))
+      r.length > 0 && (s.push({
+        id: `section-${n}`,
+        fields: r
+      }), n++, r = []);
+    else if (as(i)) {
+      const l = fs(i, e, o);
+      o++, hs(l) || r.push(l);
     }
   return r.length > 0 && s.push({ id: `section-${n}`, fields: r }), s;
 }
-function kt({ label: t, children: e, fullWidth: s }) {
-  return /* @__PURE__ */ d(
+function It({ label: t, children: e, fullWidth: s }) {
+  return /* @__PURE__ */ c(
     "div",
     {
       className: m(
@@ -2129,7 +2502,7 @@ function kt({ label: t, children: e, fullWidth: s }) {
     }
   );
 }
-function ks({
+function Xs({
   data: t,
   title: e,
   fields: s,
@@ -2137,7 +2510,7 @@ function ks({
   className: n,
   headerAction: o
 }) {
-  const i = Za(s, t), l = i.some((c) => c.fields.length > 0), u = m(
+  const i = gs(s, t), l = i.some((d) => d.fields.length > 0), u = m(
     "astw:grid astw:gap-x-6 astw:gap-y-4",
     // Default: 1 column
     "astw:grid-cols-1",
@@ -2149,14 +2522,14 @@ function ks({
       // 3-column mode: 1 → 2 → 3 columns
       "astw:@[400px]:grid-cols-2 astw:@[600px]:grid-cols-3"
     )
-  ), w = (c) => {
-    const h = c.fields.filter((p) => !0), g = c.fields.filter((p) => Ya());
-    return /* @__PURE__ */ d("div", { className: "astw:space-y-4", children: [
-      h.length > 0 && /* @__PURE__ */ a("div", { className: u, children: h.map((p) => /* @__PURE__ */ a(kt, { label: p.label, children: Tt(p) }, p.id)) }),
-      g.length > 0 && /* @__PURE__ */ a("div", { className: u, children: g.map((p) => /* @__PURE__ */ a(kt, { label: p.label, fullWidth: !0, children: Tt(p) }, p.id)) })
-    ] }, c.id);
+  ), w = (d) => {
+    const h = d.fields.filter((g) => !0), p = d.fields.filter((g) => ps());
+    return /* @__PURE__ */ c("div", { className: "astw:space-y-4", children: [
+      h.length > 0 && /* @__PURE__ */ a("div", { className: u, children: h.map((g) => /* @__PURE__ */ a(It, { label: g.label, children: Lt(g) }, g.id)) }),
+      p.length > 0 && /* @__PURE__ */ a("div", { className: u, children: p.map((g) => /* @__PURE__ */ a(It, { label: g.label, fullWidth: !0, children: Lt(g) }, g.id)) })
+    ] }, d.id);
   };
-  return /* @__PURE__ */ a(nt, { delayDuration: 300, children: /* @__PURE__ */ d(
+  return /* @__PURE__ */ a(mt, { delayDuration: 300, children: /* @__PURE__ */ c(
     "div",
     {
       className: m(
@@ -2164,19 +2537,25 @@ function ks({
         n
       ),
       children: [
-        /* @__PURE__ */ d("div", { className: "astw:flex astw:items-center astw:justify-between astw:px-6 astw:py-6", children: [
+        /* @__PURE__ */ c("div", { className: "astw:flex astw:items-center astw:justify-between astw:px-6 astw:py-6", children: [
           /* @__PURE__ */ a("h3", { className: "astw:text-lg astw:font-semibold astw:leading-none", children: e }),
           o && /* @__PURE__ */ a("div", { children: o })
         ] }),
-        /* @__PURE__ */ a("div", { className: "astw:px-6 astw:pb-4", children: l ? /* @__PURE__ */ a("div", { className: "astw:space-y-4", children: i.map((c, h) => /* @__PURE__ */ d(f.Fragment, { children: [
-          h > 0 && /* @__PURE__ */ a("div", { className: "astw:h-px astw:bg-border", role: "separator" }),
-          w(c)
-        ] }, c.id)) }) : /* @__PURE__ */ a("p", { className: "astw:text-sm astw:text-muted-foreground", children: "No information available" }) })
+        /* @__PURE__ */ a("div", { className: "astw:px-6 astw:pb-4", children: l ? /* @__PURE__ */ a("div", { className: "astw:space-y-4", children: i.map((d, h) => /* @__PURE__ */ c(f.Fragment, { children: [
+          h > 0 && /* @__PURE__ */ a(
+            "div",
+            {
+              className: "astw:h-px astw:bg-border",
+              role: "separator"
+            }
+          ),
+          w(d)
+        ] }, d.id)) }) : /* @__PURE__ */ a("p", { className: "astw:text-sm astw:text-muted-foreground", children: "No information available" }) })
       ]
     }
   ) });
 }
-const dt = f.forwardRef(
+const xt = f.forwardRef(
   ({ className: t, children: e, ...s }, r) => /* @__PURE__ */ a(
     "div",
     {
@@ -2187,8 +2566,8 @@ const dt = f.forwardRef(
     }
   )
 );
-dt.displayName = "Layout.Column";
-function Ja({
+xt.displayName = "Layout.Column";
+function bs({
   columns: t,
   className: e,
   gap: s = 4,
@@ -2197,7 +2576,7 @@ function Ja({
   children: o
 }) {
   if (process.env.NODE_ENV !== "production") {
-    const h = f.Children.toArray(o).reduce((g, p) => f.isValidElement(p) && p.type === dt ? g + 1 : g, 0);
+    const h = f.Children.toArray(o).reduce((p, g) => f.isValidElement(g) && g.type === xt ? p + 1 : p, 0);
     if (h !== t)
       throw new Error(
         `Layout: Expected exactly ${t} Layout.Column child${t === 1 ? "" : "ren"}, but found ${h}. Please ensure the number of <Layout.Column> children matches the \`columns={${t}}\` prop.`
@@ -2221,67 +2600,81 @@ function Ja({
       "astw:xl:flex-row"
     ],
     e
-  ), u = f.useMemo(() => t === 1 ? f.Children.map(o, (c) => c) : t === 2 ? f.Children.map(o, (c, h) => f.isValidElement(c) ? f.cloneElement(c, {
+  ), u = f.useMemo(() => t === 1 ? f.Children.map(o, (d) => d) : t === 2 ? f.Children.map(o, (d, h) => f.isValidElement(d) ? f.cloneElement(d, {
     className: m(
       // eslint-disable-next-line @typescript-eslint/no-explicit-any -- React child props type is not known
-      c.props.className,
+      d.props.className,
       h === 0 ? "astw:lg:flex-1" : "astw:lg:min-w-[280px]"
       // Second column: fixed 280px
     )
     // eslint-disable-next-line @typescript-eslint/no-explicit-any -- React.cloneElement requires type assertion
-  }) : c) : t === 3 ? f.Children.map(o, (c, h) => f.isValidElement(c) ? f.cloneElement(c, {
+  }) : d) : t === 3 ? f.Children.map(o, (d, h) => f.isValidElement(d) ? f.cloneElement(d, {
     className: m(
       // eslint-disable-next-line @typescript-eslint/no-explicit-any -- React child props type is not known
-      c.props.className,
+      d.props.className,
       h === 0 ? "astw:xl:min-w-[320px]" : h === 2 ? "astw:xl:min-w-[280px]" : "astw:xl:flex-1"
       // Middle column: flexible
     )
     // eslint-disable-next-line @typescript-eslint/no-explicit-any -- React.cloneElement requires type assertion
-  }) : c) : o, [o, t]), w = r || n && n.length > 0;
-  return /* @__PURE__ */ d("div", { className: "astw:flex astw:flex-col", children: [
-    w && /* @__PURE__ */ d(
+  }) : d) : o, [o, t]), w = r || n && n.length > 0;
+  return /* @__PURE__ */ c("div", { className: "astw:flex astw:flex-col", children: [
+    w && /* @__PURE__ */ c(
       "header",
       {
         className: "astw:w-full astw:flex astw:justify-between astw:items-center",
         style: { padding: "1.5rem", paddingBottom: "1rem" },
         children: [
           r && /* @__PURE__ */ a("h1", { style: { fontSize: "1.5rem", fontWeight: "bold" }, children: r }),
-          n && n.length > 0 && /* @__PURE__ */ a("div", { className: "astw:flex astw:gap-2 astw:items-center", children: n.map((c, h) => /* @__PURE__ */ a(f.Fragment, { children: c }, h)) })
+          n && n.length > 0 && /* @__PURE__ */ a("div", { className: "astw:flex astw:gap-2 astw:items-center", children: n.map((d, h) => /* @__PURE__ */ a(f.Fragment, { children: d }, h)) })
         ]
       }
     ),
     /* @__PURE__ */ a("div", { style: { padding: w ? "0 1.5rem 1.5rem 1.5rem" : "1.5rem" }, children: /* @__PURE__ */ a("div", { className: l, children: u }) })
   ] });
 }
-Ja.Column = dt;
+bs.Column = xt;
+function Zs() {
+  return {
+    for(t, ...e) {
+      const s = e[0];
+      return s ? t.replace(/:([^/?]+)|\*([^/?]+)/g, (r, n, o) => n ? encodeURIComponent(s[n] ?? "") : (s[o] ?? "").split("/").map((l) => encodeURIComponent(l)).join("/")) : t;
+    }
+  };
+}
 export {
-  bs as AppShell,
-  Ns as AuthProvider,
-  Ia as Badge,
-  vs as CommandPalette,
-  ga as DefaultSidebar,
-  ks as DescriptionCard,
-  Ja as Layout,
-  Bs as Link,
-  xs as SidebarLayout,
-  Pa as badgeVariants,
-  ys as createAuthClient,
-  Ee as defineI18nLabels,
-  gs as defineModule,
-  ps as defineResource,
-  hs as hidden,
-  ms as pass,
-  fs as redirectTo,
-  ke as useAppShell,
-  P as useAppShellConfig,
-  us as useAppShellData,
-  Ss as useAuth,
-  Cs as useAuthSuspense,
-  As as useLocation,
-  Ds as useNavigate,
-  Ps as useParams,
-  Ls as useRouteError,
-  Ms as useSearchParams,
-  We as useTheme,
-  Ts as useToast
+  te as AppShell,
+  Gs as AuthProvider,
+  ts as Badge,
+  Ks as CommandPalette,
+  ka as DefaultSidebar,
+  Xs as DescriptionCard,
+  bs as Layout,
+  er as Link,
+  Os as SidebarGroup,
+  Fs as SidebarItem,
+  Us as SidebarLayout,
+  js as SidebarSeparator,
+  Vs as WithGuard,
+  Xa as badgeVariants,
+  Hs as createAuthClient,
+  Zs as createTypedPaths,
+  $e as defineI18nLabels,
+  $s as defineModule,
+  Ws as defineResource,
+  zs as hidden,
+  Is as pass,
+  _s as redirectTo,
+  jt as useAppShell,
+  C as useAppShellConfig,
+  Ls as useAppShellData,
+  qs as useAuth,
+  Qs as useAuthSuspense,
+  ar as useLocation,
+  sr as useNavigate,
+  Na as usePageMeta,
+  rr as useParams,
+  nr as useRouteError,
+  or as useSearchParams,
+  Ye as useTheme,
+  Ys as useToast
 };