@tailor-platform/app-shell 0.21.1 → 0.23.0

package/dist/app-shell.js

@@ -1,25 +1,25 @@
-import { jsx as a, jsxs as l, Fragment as R } from "react/jsx-runtime";
-import * as v from "react";
-import { createContext as j, useContext as K, useState as S, useMemo as I, useEffect as N, Suspense as rt, useRef as Rt, useCallback as q } from "react";
-import { useRouteError as Et, isRouteErrorResponse as Pt, Outlet as U, NavLink as Bt, redirect as nt, Navigate as Lt, useRouteLoaderData as At, createMemoryRouter as Dt, createBrowserRouter as It, RouterProvider as Mt, useHref as _t, Link as zt, useLocation as ot, useMatch as Ot, Await as it, useNavigate as $t } from "react-router";
-import { Link as Ea, useLocation as Pa, useNavigate as Ba, useParams as La, useRouteError as Aa, useSearchParams as Da } from "react-router";
-import { Slot as B } from "@radix-ui/react-slot";
-import { cva as lt } from "class-variance-authority";
-import { clsx as jt } from "clsx";
-import { twMerge as Kt } from "tailwind-merge";
-import { AlertCircle as G, Table as Ut, XIcon as dt, PanelLeftIcon as Ft, ChevronRight as z, SunIcon as Wt, SearchIcon as Ht } from "lucide-react";
-import { capitalCase as E } from "change-case";
-import { Toaster as Qt } from "sonner";
-import * as F from "@radix-ui/react-collapsible";
+import { jsx as a, jsxs as l, Fragment as L } from "react/jsx-runtime";
+import * as g from "react";
+import { createContext as q, useContext as G, useState as R, useMemo as $, useEffect as y, Suspense as Tt, useRef as Gt, useCallback as lt } from "react";
+import { useRouteError as Yt, isRouteErrorResponse as Xt, Outlet as Y, NavLink as Zt, redirect as kt, Navigate as Jt, useRouteLoaderData as te, createMemoryRouter as ee, createBrowserRouter as ae, RouterProvider as se, useHref as re, Link as ne, useLocation as Rt, useMatch as oe, Await as Et, useNavigate as ie } from "react-router";
+import { Link as us, useLocation as ms, useNavigate as hs, useParams as fs, useRouteError as ps, useSearchParams as gs } from "react-router";
+import { Slot as A } from "@radix-ui/react-slot";
+import { cva as X } from "class-variance-authority";
+import { clsx as le } from "clsx";
+import { twMerge as de } from "tailwind-merge";
+import { AlertCircle as dt, Table as ce, XIcon as Lt, PanelLeftIcon as we, ChevronRight as H, SunIcon as ue, SearchIcon as me, ExternalLink as he, Check as fe, Copy as pe } from "lucide-react";
+import { capitalCase as M } from "change-case";
+import { Toaster as ge } from "sonner";
+import * as Z from "@radix-ui/react-collapsible";
 import "@radix-ui/react-separator";
-import * as p from "@radix-ui/react-dialog";
-import * as T from "@radix-ui/react-tooltip";
-import { print as Vt } from "graphql";
-import { createAuthClient as qt } from "@tailor-platform/auth-browser-client";
-function u(...t) {
-  return Kt(jt(t));
-}
-const Gt = lt(
+import * as b from "@radix-ui/react-dialog";
+import * as E from "@radix-ui/react-tooltip";
+import { print as be } from "graphql";
+import { createAuthClient as xe } from "@tailor-platform/auth-browser-client";
+function m(...t) {
+  return de(le(t));
+}
+const ve = X(
   "astw:inline-flex astw:items-center astw:justify-center astw:gap-2 astw:whitespace-nowrap astw:rounded-md astw:text-sm astw:font-medium astw:transition-all astw:disabled:pointer-events-none astw:disabled:opacity-50 astw:[&_svg]:pointer-events-none astw:[&_svg:not([class*='size-'])]:size-4 astw:shrink-0 astw:[&_svg]:shrink-0 astw:outline-none astw:focus-visible:border-ring astw:focus-visible:ring-ring/50 astw:focus-visible:ring-[3px] astw:aria-invalid:ring-destructive/20 astw:dark:aria-invalid:ring-destructive/40 astw:aria-invalid:border-destructive",
   {
     variants: {
@@ -44,7 +44,7 @@ const Gt = lt(
     }
   }
 );
-function P({
+function I({
   className: t,
   variant: e,
   size: s,
@@ -52,30 +52,30 @@ function P({
   ...n
 }) {
   return /* @__PURE__ */ a(
-    r ? B : "button",
+    r ? A : "button",
     {
       "data-slot": "button",
-      className: u(Gt({ variant: e, size: s, className: t })),
+      className: m(ve({ variant: e, size: s, className: t })),
       ...n
     }
   );
 }
-const D = "en", Xt = () => {
+const O = "en", ye = () => {
   try {
     if (typeof navigator > "u")
-      return D;
+      return O;
     const t = navigator.languages?.[0] ?? navigator.language;
-    return t ? new Intl.Locale(t).language : D;
+    return t ? new Intl.Locale(t).language : O;
   } catch {
-    return D;
+    return O;
   }
-}, W = (t) => (e, s) => e ? typeof e == "string" ? e : e(t) ?? s : s, ct = (t) => {
-  const e = W(t);
-  return (s, r) => e(s, typeof s == "string" ? s : E(r));
-}, Yt = () => {
-  const { configurations: t } = C(), e = W(t.locale);
+}, J = (t) => (e, s) => e ? typeof e == "string" ? e : e(t) ?? s : s, Bt = (t) => {
+  const e = J(t);
+  return (s, r) => e(s, typeof s == "string" ? s : M(r));
+}, Ne = () => {
+  const { configurations: t } = k(), e = J(t.locale);
   return (s, r) => e(s, r);
-}, Jt = (t) => {
+}, Ce = (t) => {
   const e = (s) => (r) => t[s]?.[r] ?? t.en[r];
   return {
     /**
@@ -98,7 +98,7 @@ const D = "en", Xt = () => {
      * ```
      */
     useT: () => {
-      const { configurations: s } = C(), r = e(s.locale);
+      const { configurations: s } = k(), r = e(s.locale);
       return ((n, ...o) => {
         const i = r(n);
         return typeof i == "function" ? i(o[0]) : i;
@@ -131,7 +131,7 @@ const D = "en", Xt = () => {
       return typeof o == "function" ? o(r[0]) : o;
     }
   };
-}, Zt = Jt({
+}, Se = Ce({
   en: {
     error404Title: "404 Not Found",
     error404Body: "The page you requested could not be found.",
@@ -170,19 +170,19 @@ const D = "en", Xt = () => {
     commandPaletteSearch: "ページを検索...",
     commandPaletteNoResults: "結果が見つかりません"
   }
-}), k = Zt.useT, L = () => {
-  const t = Et(), e = k(), s = {
+}), B = Se.useT, z = () => {
+  const t = Yt(), e = B(), s = {
     role: "alert",
     "aria-label": "default-error-boundary"
   };
-  if (Pt(t) && t.status === 404)
+  if (Xt(t) && t.status === 404)
     return /* @__PURE__ */ a("div", { ...s, className: "astw:p-6", children: /* @__PURE__ */ l("div", { className: "astw:flex astw:items-start astw:gap-4", children: [
-      /* @__PURE__ */ a(G, { className: "astw:h-5 astw:w-5 astw:text-destructive astw:flex-shrink-0 astw:mt-0.5" }),
+      /* @__PURE__ */ a(dt, { className: "astw:h-5 astw:w-5 astw:text-destructive astw:flex-shrink-0 astw:mt-0.5" }),
       /* @__PURE__ */ l("div", { children: [
         /* @__PURE__ */ a("h1", { className: "astw:font-semibold astw:text-lg", children: e("error404Title") }),
         /* @__PURE__ */ a("p", { className: "astw:text-sm astw:text-muted-foreground astw:mt-1", children: e("error404Body") }),
         /* @__PURE__ */ a(
-          P,
+          I,
           {
             variant: "outline",
             size: "sm",
@@ -195,12 +195,12 @@ const D = "en", Xt = () => {
     ] }) });
   const r = t instanceof Error ? t.message : e("errorUnexpected");
   return /* @__PURE__ */ a("div", { ...s, className: "astw:p-6", children: /* @__PURE__ */ l("div", { className: "astw:flex astw:items-start astw:gap-4", children: [
-    /* @__PURE__ */ a(G, { className: "astw:h-5 astw:w-5 astw:text-destructive astw:flex-shrink-0 astw:mt-0.5" }),
+    /* @__PURE__ */ a(dt, { className: "astw:h-5 astw:w-5 astw:text-destructive astw:flex-shrink-0 astw:mt-0.5" }),
     /* @__PURE__ */ l("div", { children: [
       /* @__PURE__ */ a("h1", { className: "astw:font-semibold astw:text-lg", children: e("errorTitle") }),
       /* @__PURE__ */ a("p", { className: "astw:text-sm astw:text-muted-foreground astw:mt-1", children: r }),
       /* @__PURE__ */ a(
-        P,
+        I,
         {
           variant: "outline",
           size: "sm",
@@ -211,35 +211,35 @@ const D = "en", Xt = () => {
       )
     ] })
   ] }) });
-}, te = (t) => ({
+}, Te = (t) => ({
   modules: t.modules,
   settingsResources: t.settingsResources ?? [],
-  errorBoundary: t.errorBoundary ?? /* @__PURE__ */ a(L, {}),
+  errorBoundary: t.errorBoundary ?? /* @__PURE__ */ a(z, {}),
   basePath: t.basePath,
-  locale: t.locale ?? Xt()
-}), wt = j({
+  locale: t.locale ?? ye()
+}), Pt = q({
   configurations: {
     modules: [],
     settingsResources: [],
-    errorBoundary: /* @__PURE__ */ a(L, {}),
-    locale: D
+    errorBoundary: /* @__PURE__ */ a(z, {}),
+    locale: O
   }
-}), C = () => K(wt), ee = () => {
-  const t = k();
-  return /* @__PURE__ */ l(R, { children: [
+}), k = () => G(Pt), ke = () => {
+  const t = B();
+  return /* @__PURE__ */ l(L, { children: [
     /* @__PURE__ */ a("p", { className: "astw:font-semibold astw:leading-none astw:tracking-tight", children: t("welcomeTitle") }),
     /* @__PURE__ */ a("p", { className: "pt-4", children: t("welcomeBody") })
   ] });
-}, X = () => /* @__PURE__ */ l(R, { children: [
-  /* @__PURE__ */ a(U, {}),
-  /* @__PURE__ */ a(Qt, {})
-] }), ae = () => {
-  const { configurations: t } = C(), e = k(), s = Yt();
+}, ct = () => /* @__PURE__ */ l(L, { children: [
+  /* @__PURE__ */ a(Y, {}),
+  /* @__PURE__ */ a(ge, {})
+] }), Re = () => {
+  const { configurations: t } = k(), e = B(), s = Ne();
   return /* @__PURE__ */ l("div", { className: "astw:mx-auto astw:flex-col astw:flex astw:md:flex-row astw:max-w-5xl astw:gap-[10px] astw:w-full", children: [
     /* @__PURE__ */ a("div", { children: /* @__PURE__ */ l("nav", { className: "astw:bg-card astw:md:w-xs astw:rounded-md astw:border astw:p-3 astw:shadow-xs", children: [
       /* @__PURE__ */ a("h2", { className: "astw:text-sm astw:leading-[36px] astw:mb-2 astw:font-bold ", children: e("settings") }),
-      /* @__PURE__ */ a("ul", { className: "astw:flex astw:flex-col astw:gap-1", children: t.settingsResources.map((r) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(Bt, { to: `./${r.path}`, children: ({ isActive: n }) => /* @__PURE__ */ l(
-        P,
+      /* @__PURE__ */ a("ul", { className: "astw:flex astw:flex-col astw:gap-1", children: t.settingsResources.map((r) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(Zt, { to: `./${r.path}`, children: ({ isActive: n }) => /* @__PURE__ */ l(
+        I,
         {
           variant: n ? "secondary" : "ghost",
           className: "astw:w-full astw:justify-start",
@@ -250,9 +250,9 @@ const D = "en", Xt = () => {
         }
       ) }) }, r.path)) })
     ] }) }),
-    /* @__PURE__ */ a("section", { className: "astw:bg-card astw:flex-1 astw:rounded-md astw:border astw:shadow-xs", children: /* @__PURE__ */ a(U, {}) })
+    /* @__PURE__ */ a("section", { className: "astw:bg-card astw:flex-1 astw:rounded-md astw:border astw:shadow-xs", children: /* @__PURE__ */ a(Y, {}) })
   ] });
-}, ut = () => new Response("Not Found", { status: 404 }), H = async (t, e) => {
+}, Dt = () => new Response("Not Found", { status: 404 }), tt = async (t, e) => {
   if (!t) return { state: "visible" };
   const s = new URL(e.request.url);
   return await t({
@@ -260,79 +260,79 @@ const D = "en", Xt = () => {
     searchParams: s.searchParams,
     signal: e.request.signal
   }) ?? { state: "visible" };
-}, mt = (t, e) => async (s) => {
-  switch ((await H(t, s)).state) {
+}, Mt = (t, e) => async (s) => {
+  switch ((await tt(t, s)).state) {
     case "hidden":
-      throw ut();
+      throw Dt();
     case "visible":
       return e ? e(s) : null;
   }
 };
-function pa(t) {
+function es(t) {
   return {
     redirectTo: t
   };
 }
-function O(t) {
+function U(t) {
   return typeof t == "object" && t !== null && "redirectTo" in t;
 }
-const ht = (t, e) => () => {
-  const { configurations: s } = C(), { metaTitle: r, fallbackTitle: n } = t, i = W(s.locale)(r, n);
+const It = (t, e) => () => {
+  const { configurations: s } = k(), { metaTitle: r, fallbackTitle: n } = t, i = J(s.locale)(r, n);
   return e(i);
 };
-function va(t) {
-  const { path: e, meta: s, component: r, resources: n, errorBoundary: o, accessControl: i } = t, d = s?.title ?? E(e), w = E(e), c = O(r) ? {
+function as(t) {
+  const { path: e, meta: s, component: r, resources: n, errorBoundary: o, accessControl: i } = t, c = s?.title ?? M(e), u = M(e), w = U(r) ? {
     // Use loader for redirects
     component: () => null,
-    baseLoader: () => nt(r.redirectTo)
+    baseLoader: () => kt(r.redirectTo)
   } : {
     // Regular component with locale-aware title
-    component: ht(
-      { metaTitle: d, fallbackTitle: w },
-      (b) => r({ title: b, resources: n })
+    component: It(
+      { metaTitle: c, fallbackTitle: u },
+      (h) => r({ title: h, resources: n })
     ),
     baseLoader: void 0
-  }, h = i || c.baseLoader ? mt(i, c.baseLoader) : void 0;
+  }, d = i || w.baseLoader ? Mt(i, w.baseLoader) : void 0;
   return {
     path: e,
     type: "component",
     _type: "module",
-    component: c.component,
-    loader: h,
+    component: w.component,
+    loader: d,
     meta: {
-      title: d,
+      title: c,
       ...s?.breadcrumbTitle !== void 0 ? { breadcrumbTitle: s.breadcrumbTitle } : {},
       ...s,
-      menuItemClickable: !O(r),
+      menuItemClickable: !U(r),
       icon: t.meta?.icon
     },
     resources: n,
-    errorBoundary: o || /* @__PURE__ */ a(L, {}),
+    errorBoundary: o || /* @__PURE__ */ a(z, {}),
     accessControl: i
   };
 }
-function xa(t) {
-  const { path: e, component: s, subResources: r, meta: n, errorBoundary: o, accessControl: i } = t, d = n?.title ?? E(e), w = E(e), c = i ? mt(i) : void 0;
+function ss(t) {
+  const { path: e, component: s, subResources: r, meta: n, errorBoundary: o, accessControl: i } = t, c = n?.title ?? M(e), u = M(e), w = i ? Mt(i) : void 0;
   return {
     _type: "resource",
     type: "component",
     path: e,
     meta: {
-      title: d,
+      title: c,
       icon: n?.icon,
       ...n?.breadcrumbTitle !== void 0 ? { breadcrumbTitle: n.breadcrumbTitle } : {}
     },
-    component: ht(
-      { metaTitle: d, fallbackTitle: w },
-      (h) => s({ title: h, resources: r })
+    component: It(
+      { metaTitle: c, fallbackTitle: u },
+      (d) => s({ title: d, resources: r })
     ),
     subResources: r,
-    errorBoundary: o ?? /* @__PURE__ */ a(L, {}),
+    errorBoundary: o ?? /* @__PURE__ */ a(z, {}),
     accessControl: i,
-    loader: c
+    loader: w
   };
 }
-const Q = (t) => () => /* @__PURE__ */ a(R, { children: t }), ft = (t, e, s) => {
+const et = (t) => () => /* @__PURE__ */ a(L, { children: t }), At = (t, e, s) => {
   const r = t.errorBoundary || s, n = {
     index: !0,
     Component: t.component,
@@ -341,38 +341,38 @@ const Q = (t) => () => /* @__PURE__ */ a(R, { children: t }), ft = (t, e, s) =>
   return {
     path: t.path,
     ...t.errorBoundary && {
-      ErrorBoundary: Q(t.errorBoundary)
+      ErrorBoundary: et(t.errorBoundary)
     },
     ...e && e.length > 0 ? {
       children: [
         n,
         ...e.map(
-          (o) => ft(o, o.subResources, r)
+          (o) => At(o, o.subResources, r)
         )
       ]
     } : {
       children: [n]
     }
   };
-}, se = (t) => t.map(
-  (e) => ft(e, e.resources, e.errorBoundary)
-), re = ({
+}, Ee = (t) => t.map(
+  (e) => At(e, e.resources, e.errorBoundary)
+), Le = ({
   modules: t,
   settingsResources: e,
   rootComponent: s
 }) => {
-  const r = O(s) ? {
+  const r = U(s) ? {
     index: !0,
-    loader: () => nt(s.redirectTo)
+    loader: () => kt(s.redirectTo)
   } : {
     index: !0,
-    Component: s ?? ee
+    Component: s ?? ke
   }, n = e.length > 0 ? [
     {
       path: "settings",
       index: !0,
       Component: () => /* @__PURE__ */ a(
-        Lt,
+        Jt,
         {
           to: e[0].path,
           relative: "path",
@@ -382,12 +382,12 @@ const Q = (t) => () => /* @__PURE__ */ a(R, { children: t }), ft = (t, e, s) =>
     },
     {
       path: "settings",
-      Component: ae,
+      Component: Re,
       children: e.map((o) => ({
         path: o.path,
         Component: o.component,
         ...o.errorBoundary && {
-          ErrorBoundary: Q(o.errorBoundary)
+          ErrorBoundary: et(o.errorBoundary)
         }
       }))
     }
@@ -395,29 +395,29 @@ const Q = (t) => () => /* @__PURE__ */ a(R, { children: t }), ft = (t, e, s) =>
   return [
     r,
     {
-      children: se(t)
+      children: Ee(t)
     },
     ...n,
     {
       path: "*",
       loader: () => {
-        throw ut();
+        throw Dt();
       },
       // Component is required to suppress React Router's warning about empty leaf routes,
       // even though the loader always throws and this component will never render.
       Component: () => null,
-      ErrorBoundary: L
+      ErrorBoundary: z
     }
   ];
-}, bt = "appshell-root-nav", ne = (t) => ({
-  loaderID: bt,
-  loader: async (e) => ({ navItems: oe(t, e) })
-}), gt = () => At(bt)?.navItems, oe = async (t, e) => {
-  const s = ct(t.locale);
+}, zt = "appshell-root-nav", Be = (t) => ({
+  loaderID: zt,
+  loader: async (e) => ({ navItems: Pe(t, e) })
+}), _t = () => te(zt)?.navItems, Pe = async (t, e) => {
+  const s = Bt(t.locale);
   return (await Promise.all(
     t.modules.map(async (n) => {
-      if (n.path.startsWith(":") || (await H(n.accessControl, e)).state !== "visible") return null;
-      const i = await pt(
+      if (n.path.startsWith(":") || (await tt(n.accessControl, e)).state !== "visible") return null;
+      const i = await Ft(
         n.resources,
         n.path,
         e,
@@ -428,41 +428,41 @@ const Q = (t) => () => /* @__PURE__ */ a(R, { children: t }), ft = (t, e, s) =>
   )).filter((n) => n !== null).map(({ module: n, resources: o }) => ({
     title: s(n.meta.title, n.path),
     url: n.meta.menuItemClickable ? n.path : void 0,
-    icon: n.meta.icon || /* @__PURE__ */ a(Ut, {}),
+    icon: n.meta.icon || /* @__PURE__ */ a(ce, {}),
     items: o
   }));
-}, pt = async (t, e, s, r) => (await Promise.all(
+}, Ft = async (t, e, s, r) => (await Promise.all(
   t.map(async (o) => {
-    if (o.path.startsWith(":") || (await H(o.accessControl, s)).state !== "visible") return null;
-    const d = `${e}/${o.path}`, w = r(o.meta.title, o.path), c = o.subResources ? await pt(
+    if (o.path.startsWith(":") || (await tt(o.accessControl, s)).state !== "visible") return null;
+    const c = `${e}/${o.path}`, u = r(o.meta.title, o.path), w = o.subResources ? await Ft(
       o.subResources,
-      d,
+      c,
       s,
       r
     ) : void 0;
     return {
-      title: w,
-      url: d,
-      items: c && c.length > 0 ? c : void 0
+      title: u,
+      url: c,
+      items: w && w.length > 0 ? w : void 0
     };
   })
-)).filter((o) => o !== null), ie = (t) => {
-  const { configurations: e } = C(), { rootComponent: s, children: r } = t, n = re({
+)).filter((o) => o !== null), De = (t) => {
+  const { configurations: e } = k(), { rootComponent: s, children: r } = t, n = Le({
     modules: e.modules,
     settingsResources: e.settingsResources,
     rootComponent: s
-  }), o = e.errorBoundary, { loaderID: i, loader: d } = ne({
+  }), o = e.errorBoundary, { loaderID: i, loader: c } = Be({
     modules: e.modules,
     locale: e.locale
-  }), w = [
+  }), u = [
     {
       id: i,
-      loader: d,
+      loader: c,
       element: r,
       children: o ? [
         {
-          element: /* @__PURE__ */ a(U, {}),
-          ErrorBoundary: Q(o),
+          element: /* @__PURE__ */ a(Y, {}),
+          ErrorBoundary: et(o),
           children: n
         }
       ] : n,
@@ -472,107 +472,125 @@ const Q = (t) => () => /* @__PURE__ */ a(R, { children: t }), ft = (t, e, s) =>
        */
       HydrateFallback: () => null
     }
-  ], c = e.basePath ? "/" + e.basePath : void 0, h = t.memory ? Dt(w, {
-    basename: c,
+  ], w = e.basePath ? "/" + e.basePath : void 0, d = t.memory ? ee(u, {
+    basename: w,
     ...t.initialEntries ? { initialEntries: t.initialEntries } : {}
-  }) : It(w, {
-    basename: c
+  }) : ae(u, {
+    basename: w
   });
-  return /* @__PURE__ */ a(Mt, { router: h });
-}, le = {
+  return /* @__PURE__ */ a(se, { router: d });
+}, Me = {
   resolvedTheme: "light",
   theme: "system",
   setTheme: () => null
-}, vt = j(le);
-function de({
+}, Ot = q(Me);
+function Ie({
   children: t,
   storageKey: e,
   defaultTheme: s = "system",
   ...r
 }) {
-  const [n, o] = S(
+  const [n, o] = R(
     () => localStorage.getItem(e) || s
-  ), i = I(() => n !== "system" ? n : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", [n]);
-  N(() => {
-    const w = window.document.documentElement;
-    w.classList.remove("light", "dark"), w.classList.add(i);
+  ), i = $(() => n !== "system" ? n : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", [n]);
+  y(() => {
+    const u = window.document.documentElement;
+    u.classList.remove("light", "dark"), u.classList.add(i);
   }, [i]);
-  const d = {
+  const c = {
     resolvedTheme: i,
     theme: n,
-    setTheme: (w) => {
-      localStorage.setItem(e, w), o(w);
+    setTheme: (u) => {
+      localStorage.setItem(e, u), o(u);
     }
   };
-  return /* @__PURE__ */ a(vt.Provider, { ...r, value: d, children: t });
+  return /* @__PURE__ */ a(Ot.Provider, { ...r, value: c, children: t });
 }
-const ce = () => {
-  const t = K(vt);
+const Ae = () => {
+  const t = G(Ot);
   if (t === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return t;
-}, ya = (t) => {
-  const [e, s] = S(!1);
-  return N(function() {
+}, rs = (t) => {
+  const [e, s] = R(!1);
+  return y(function() {
     s(!0);
   }, []), e ? /* @__PURE__ */ a(
-    wt.Provider,
+    Pt.Provider,
     {
       value: {
         title: t.title,
         icon: t.icon,
-        configurations: te(t)
+        configurations: Te(t)
       },
-      children: /* @__PURE__ */ a(de, { defaultTheme: "system", storageKey: "appshell-ui-theme", children: /* @__PURE__ */ a(ie, { rootComponent: t.rootComponent, children: t.children }) })
+      children: /* @__PURE__ */ a(Ie, { defaultTheme: "system", storageKey: "appshell-ui-theme", children: /* @__PURE__ */ a(De, { rootComponent: t.rootComponent, children: t.children }) })
     }
   ) : null;
 };
-function we({
+function ze({
   ...t
 }) {
-  return /* @__PURE__ */ a(F.Root, { "data-slot": "collapsible", ...t });
+  return /* @__PURE__ */ a(Z.Root, { "data-slot": "collapsible", ...t });
 }
-function Y({
+function wt({
   ...t
 }) {
   return /* @__PURE__ */ a(
-    F.CollapsibleTrigger,
+    Z.CollapsibleTrigger,
     {
       "data-slot": "collapsible-trigger",
       ...t
     }
   );
 }
-function ue({
+function _e({
   ...t
 }) {
   return /* @__PURE__ */ a(
-    F.CollapsibleContent,
+    Z.CollapsibleContent,
     {
       "data-slot": "collapsible-content",
       ...t
     }
   );
 }
-const _ = 768;
-function me() {
-  const [t, e] = v.useState(
+const j = 768;
+function Fe() {
+  const [t, e] = g.useState(
+    void 0
+  );
+  return g.useEffect(() => {
+    const s = window.matchMedia(`(max-width: ${j - 1}px)`), r = () => {
+      e(window.innerWidth < j);
+    };
+    return s.addEventListener("change", r), e(window.innerWidth < j), () => s.removeEventListener("change", r);
+  }, []), !!t;
+}
+const K = 768, V = 1199;
+function Oe() {
+  const [t, e] = g.useState(
     void 0
   );
-  return v.useEffect(() => {
-    const s = window.matchMedia(`(max-width: ${_ - 1}px)`), r = () => {
-      e(window.innerWidth < _);
+  return g.useEffect(() => {
+    const s = window.matchMedia(
+      `(min-width: ${K}px) and (max-width: ${V}px)`
+    ), r = () => {
+      e(
+        window.innerWidth >= K && window.innerWidth <= V
+      );
     };
-    return s.addEventListener("change", r), e(window.innerWidth < _), () => s.removeEventListener("change", r);
+    return s.addEventListener("change", r), e(
+      window.innerWidth >= K && window.innerWidth <= V
+    ), () => s.removeEventListener("change", r);
   }, []), !!t;
 }
-function he({ className: t, type: e, ...s }) {
+function $e({ className: t, type: e, ...s }) {
   return /* @__PURE__ */ a(
     "input",
     {
       type: e,
       "data-slot": "input",
-      className: u(
+      className: m(
         "astw:file:text-foreground astw:placeholder:text-muted-foreground astw:selection:bg-primary astw:selection:text-primary-foreground astw:dark:bg-input/30 astw:border-input astw:flex astw:h-9 astw:w-full astw:min-w-0 astw:rounded-md astw:border astw:bg-transparent astw:px-3 astw:py-1 astw:text-base astw:shadow-xs astw:transition-[color,box-shadow] astw:outline-none astw:file:inline-flex astw:file:h-7 astw:file:border-0 astw:file:bg-transparent astw:file:text-sm astw:file:font-medium astw:disabled:pointer-events-none astw:disabled:cursor-not-allowed astw:disabled:opacity-50 astw:md:text-sm",
         "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",
@@ -582,23 +600,23 @@ function he({ className: t, type: e, ...s }) {
     }
   );
 }
-function fe({ ...t }) {
-  return /* @__PURE__ */ a(p.Root, { "data-slot": "sheet", ...t });
+function ut({ ...t }) {
+  return /* @__PURE__ */ a(b.Root, { "data-slot": "sheet", ...t });
 }
-function be({
+function We({
   ...t
 }) {
-  return /* @__PURE__ */ a(p.Portal, { "data-slot": "sheet-portal", ...t });
+  return /* @__PURE__ */ a(b.Portal, { "data-slot": "sheet-portal", ...t });
 }
-function ge({
+function je({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    p.Overlay,
+    b.Overlay,
     {
       "data-slot": "sheet-overlay",
-      className: u(
+      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",
         t
       ),
@@ -606,19 +624,19 @@ function ge({
     }
   );
 }
-function pe({
+function mt({
   className: t,
   children: e,
   side: s = "right",
   ...r
 }) {
-  return /* @__PURE__ */ l(be, { children: [
-    /* @__PURE__ */ a(ge, {}),
+  return /* @__PURE__ */ l(We, { children: [
+    /* @__PURE__ */ a(je, {}),
     /* @__PURE__ */ l(
-      p.Content,
+      b.Content,
       {
         "data-slot": "sheet-content",
-        className: u(
+        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",
@@ -629,8 +647,8 @@ function pe({
         ...r,
         children: [
           e,
-          /* @__PURE__ */ l(p.Close, { className: "astw:ring-offset-bg astw:focus:ring-ring astw:data-[state=open]:bg-secondary astw:absolute astw:top-4 astw:right-4 astw:rounded-xs astw:opacity-70 astw:transition-opacity astw:hover:opacity-100 astw:focus:ring-2 astw:focus:ring-offset-2 astw:focus:outline-hidden astw:disabled:pointer-events-none", children: [
-            /* @__PURE__ */ a(dt, { className: "astw:size-4" }),
+          /* @__PURE__ */ l(b.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(Lt, { className: "astw:size-4" }),
             /* @__PURE__ */ a("span", { className: "astw:sr-only", children: "Close" })
           ] })
         ]
@@ -638,48 +656,48 @@ function pe({
     )
   ] });
 }
-function ve({ className: t, ...e }) {
+function ht({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "sheet-header",
-      className: u("astw:flex astw:flex-col astw:gap-1.5 astw:p-4", t),
+      className: m("astw:flex astw:flex-col astw:gap-1.5 astw:p-4", t),
       ...e
     }
   );
 }
-function xe({
+function ft({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    p.Title,
+    b.Title,
     {
       "data-slot": "sheet-title",
-      className: u("astw:text-foreground astw:font-semibold", t),
+      className: m("astw:text-foreground astw:font-semibold", t),
       ...e
     }
   );
 }
-function ye({
+function pt({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    p.Description,
+    b.Description,
     {
       "data-slot": "sheet-description",
-      className: u("astw:text-muted-foreground astw:text-sm", t),
+      className: m("astw:text-muted-foreground astw:text-sm", t),
       ...e
     }
   );
 }
-function xt({
+function at({
   delayDuration: t = 0,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    T.Provider,
+    E.Provider,
     {
       "data-slot": "tooltip-provider",
       delayDuration: t,
@@ -687,47 +705,47 @@ function xt({
     }
   );
 }
-function Ne({
+function st({
   ...t
 }) {
-  return /* @__PURE__ */ a(xt, { children: /* @__PURE__ */ a(T.Root, { "data-slot": "tooltip", ...t }) });
+  return /* @__PURE__ */ a(at, { children: /* @__PURE__ */ a(E.Root, { "data-slot": "tooltip", ...t }) });
 }
-function Ce({
+function rt({
   ...t
 }) {
-  return /* @__PURE__ */ a(T.Trigger, { "data-slot": "tooltip-trigger", ...t });
+  return /* @__PURE__ */ a(E.Trigger, { "data-slot": "tooltip-trigger", ...t });
 }
-function Se({
+function nt({
   className: t,
   sideOffset: e = 0,
   children: s,
   ...r
 }) {
-  return /* @__PURE__ */ a(T.Portal, { children: /* @__PURE__ */ l(
-    T.Content,
+  return /* @__PURE__ */ a(E.Portal, { children: /* @__PURE__ */ l(
+    E.Content,
     {
       "data-slot": "tooltip-content",
       sideOffset: e,
-      className: u(
+      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",
         t
       ),
       ...r,
       children: [
         s,
-        /* @__PURE__ */ a(T.Arrow, { className: "astw:bg-primary astw:fill-primary astw:z-50 astw:size-2.5 astw:translate-y-[calc(-50%_-_2px)] astw:rotate-45 astw:rounded-[2px]" })
+        /* @__PURE__ */ a(E.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 Te = "sidebar_state", ke = 3600 * 24 * 7, Re = "16rem", Ee = "18rem", Pe = "3rem", Be = "b", yt = v.createContext(null);
-function M() {
-  const t = v.useContext(yt);
+const $t = "16rem", Ke = "18rem", Ve = "3rem", He = "b", Wt = g.createContext(null);
+function _() {
+  const t = g.useContext(Wt);
   if (!t)
     throw new Error("useSidebar must be used within a SidebarProvider.");
   return t;
 }
-function Le({
+function Ue({
   defaultOpen: t = !0,
   open: e,
   onOpenChange: s,
@@ -736,41 +754,44 @@ function Le({
   children: o,
   ...i
 }) {
-  const d = me(), [w, c] = v.useState(!1), [h, b] = v.useState(t), m = e ?? h, f = v.useCallback(
-    (g) => {
-      const y = typeof g == "function" ? g(m) : g;
-      s ? s(y) : b(y), document.cookie = `${Te}=${y}; path=/; max-age=${ke}`;
+  const c = Fe(), u = Oe(), [w, d] = g.useState(!1), [h, f] = g.useState(!1), [p, P] = g.useState(t), C = e ?? p, D = g.useCallback(
+    (x) => {
+      const T = typeof x == "function" ? x(C) : x;
+      s ? s(T) : P(T);
     },
-    [s, m]
-  ), x = v.useCallback(() => d ? c((g) => !g) : f((g) => !g), [d, f, c]);
-  v.useEffect(() => {
-    const g = (y) => {
-      y.key === Be && (y.metaKey || y.ctrlKey) && (y.preventDefault(), x());
+    [s, C]
+  ), S = u && !c, F = g.useCallback(() => c ? d((x) => !x) : S ? f((x) => !x) : D((x) => !x), [c, S, D, d]);
+  g.useEffect(() => {
+    const x = (T) => {
+      T.key === He && (T.metaKey || T.ctrlKey) && (T.preventDefault(), F());
     };
-    return window.addEventListener("keydown", g), () => window.removeEventListener("keydown", g);
-  }, [x]);
-  const A = m ? "expanded" : "collapsed", V = v.useMemo(
+    return window.addEventListener("keydown", x), () => window.removeEventListener("keydown", x);
+  }, [F]);
+  const it = C ? "expanded" : "collapsed", qt = g.useMemo(
     () => ({
-      state: A,
-      open: m,
-      setOpen: f,
-      isMobile: d,
+      state: it,
+      open: C,
+      setOpen: D,
+      isMobile: c,
       openMobile: w,
-      setOpenMobile: c,
-      toggleSidebar: x
+      setOpenMobile: d,
+      toggleSidebar: F,
+      isIconMode: S,
+      openIconMode: h,
+      setOpenIconMode: f
     }),
-    [A, m, f, d, w, c, x]
+    [it, C, D, c, w, d, F, S, h, f]
   );
-  return /* @__PURE__ */ a(yt.Provider, { value: V, children: /* @__PURE__ */ a(xt, { delayDuration: 0, children: /* @__PURE__ */ a(
+  return /* @__PURE__ */ a(Wt.Provider, { value: qt, children: /* @__PURE__ */ a(at, { delayDuration: 0, children: /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "sidebar-wrapper",
       style: {
-        "--sidebar-width": Re,
-        "--sidebar-width-icon": Pe,
+        "--sidebar-width": $t,
+        "--sidebar-width-icon": Ve,
         ...n
       },
-      className: u(
+      className: m(
         "astw:group/sidebar-wrapper astw:has-data-[variant=inset]:bg-sidebar astw:flex astw:min-h-svh astw:w-full",
         r
       ),
@@ -779,7 +800,7 @@ function Le({
     }
   ) }) });
 }
-function Ae({
+function Qe({
   side: t = "left",
   variant: e = "sidebar",
   collapsible: s = "offcanvas",
@@ -787,43 +808,108 @@ function Ae({
   children: n,
   ...o
 }) {
-  const { isMobile: i, state: d, openMobile: w, setOpenMobile: c } = M();
+  const { isMobile: i, state: c, openMobile: u, setOpenMobile: w, isIconMode: d, openIconMode: h, setOpenIconMode: f } = _();
   return s === "none" ? /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "sidebar",
-      className: u(
+      className: m(
         "astw:bg-sidebar astw:text-sidebar-foreground astw:flex astw:h-full astw:w-(--sidebar-width) astw:flex-col",
         r
       ),
       ...o,
       children: n
     }
-  ) : i ? /* @__PURE__ */ a(fe, { open: w, onOpenChange: c, ...o, children: /* @__PURE__ */ l(
-    pe,
+  ) : i ? /* @__PURE__ */ a(ut, { open: u, onOpenChange: w, ...o, children: /* @__PURE__ */ l(
+    mt,
     {
       "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": Ee
+        "--sidebar-width": Ke
       },
       side: t,
       children: [
-        /* @__PURE__ */ l(ve, { className: "astw:sr-only", children: [
-          /* @__PURE__ */ a(xe, { children: "Sidebar" }),
-          /* @__PURE__ */ a(ye, { children: "Displays the mobile sidebar." })
+        /* @__PURE__ */ l(ht, { className: "astw:sr-only", children: [
+          /* @__PURE__ */ a(ft, { children: "Sidebar" }),
+          /* @__PURE__ */ a(pt, { children: "Displays the mobile sidebar." })
         ] }),
         /* @__PURE__ */ a("div", { className: "flex h-full w-full flex-col", children: n })
       ]
     }
-  ) }) : /* @__PURE__ */ l(
+  ) }) : d && s === "icon" ? /* @__PURE__ */ l(L, { children: [
+    /* @__PURE__ */ l(
+      "div",
+      {
+        className: "astw:group astw:peer astw:text-sidebar-foreground astw:hidden astw:md:block",
+        "data-state": "collapsed",
+        "data-collapsible": "icon",
+        "data-variant": e,
+        "data-side": t,
+        "data-slot": "sidebar",
+        children: [
+          /* @__PURE__ */ a(
+            "div",
+            {
+              "data-slot": "sidebar-gap",
+              className: m(
+                "astw:relative astw:bg-transparent astw:transition-[width] astw:duration-200 astw:ease-linear",
+                e === "floating" || e === "inset" ? "astw:group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "astw:group-data-[collapsible=icon]:w-(--sidebar-width-icon)"
+              )
+            }
+          ),
+          /* @__PURE__ */ a(
+            "div",
+            {
+              "data-slot": "sidebar-container",
+              className: m(
+                "astw:fixed astw:inset-y-0 astw:z-10 astw:hidden astw:h-svh astw:transition-[left,right,width] astw:duration-200 astw:ease-linear astw:md:flex",
+                t === "left" ? "astw:left-0" : "astw:right-0",
+                e === "floating" || e === "inset" ? "astw:p-2 astw:group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "astw:group-data-[collapsible=icon]:w-(--sidebar-width-icon) astw:group-data-[side=left]:border-r astw:group-data-[side=right]:border-l",
+                e === "inset" && "astw:border-x astw:border-x-border"
+              ),
+              children: /* @__PURE__ */ a(
+                "div",
+                {
+                  "data-sidebar": "sidebar",
+                  "data-slot": "sidebar-inner",
+                  className: "astw:bg-sidebar astw:group-data-[variant=floating]:border-sidebar-border astw:flex astw:h-full astw:w-full astw:flex-col astw:overflow-hidden astw:group-data-[variant=floating]:rounded-lg astw:group-data-[variant=floating]:border astw:group-data-[variant=floating]:shadow-sm",
+                  children: n
+                }
+              )
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ a(ut, { open: h, onOpenChange: f, ...o, children: /* @__PURE__ */ l(
+      mt,
+      {
+        "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": $t
+        },
+        side: t,
+        children: [
+          /* @__PURE__ */ l(ht, { className: "astw:sr-only", children: [
+            /* @__PURE__ */ a(ft, { children: "Sidebar" }),
+            /* @__PURE__ */ a(pt, { children: "Displays the sidebar overlay." })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "flex h-full w-full flex-col", children: n })
+        ]
+      }
+    ) })
+  ] }) : /* @__PURE__ */ l(
     "div",
     {
       className: "astw:group astw:peer astw:text-sidebar-foreground astw:hidden astw:md:block",
-      "data-state": d,
-      "data-collapsible": d === "collapsed" ? s : "",
+      "data-state": c,
+      "data-collapsible": c === "collapsed" ? s : "",
       "data-variant": e,
       "data-side": t,
       "data-slot": "sidebar",
@@ -832,7 +918,7 @@ function Ae({
           "div",
           {
             "data-slot": "sidebar-gap",
-            className: u(
+            className: m(
               "astw:relative astw:w-(--sidebar-width) astw:bg-transparent astw:transition-[width] astw:duration-200 astw:ease-linear",
               "astw:group-data-[collapsible=offcanvas]:w-0",
               "astw:group-data-[side=right]:rotate-180",
@@ -844,7 +930,7 @@ function Ae({
           "div",
           {
             "data-slot": "sidebar-container",
-            className: u(
+            className: m(
               "astw:fixed astw:inset-y-0 astw:z-10 astw:hidden astw:h-svh astw:w-(--sidebar-width) astw:transition-[left,right,width] astw:duration-200 astw:ease-linear astw:md:flex",
               t === "left" ? "astw:left-0 astw:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "astw:right-0 astw:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
               // Adjust the padding for floating and inset variants.
@@ -868,37 +954,37 @@ function Ae({
     }
   );
 }
-function Nt({
+function jt({
   className: t,
   onClick: e,
   ...s
 }) {
-  const { toggleSidebar: r } = M();
+  const { toggleSidebar: r } = _();
   return /* @__PURE__ */ l(
-    P,
+    I,
     {
       "data-sidebar": "trigger",
       "data-slot": "sidebar-trigger",
       variant: "ghost",
       size: "icon",
-      className: u("astw:text-muted-foreground", t),
+      className: m("astw:text-muted-foreground", t),
       onClick: (n) => {
         e?.(n), r();
       },
       ...s,
       children: [
-        /* @__PURE__ */ a(Ft, { className: "astw:size-4.5" }),
+        /* @__PURE__ */ a(we, { className: "astw:size-4.5" }),
         /* @__PURE__ */ a("span", { className: "astw:sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
 }
-function De({ className: t, ...e }) {
+function qe({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "main",
     {
       "data-slot": "sidebar-inset",
-      className: u(
+      className: m(
         "astw:bg-background astw:relative astw:flex astw:w-full astw:flex-1 astw:flex-col",
         "astw:px-4 astw:md:peer-data-[variant=inset]:px-8 astw:md:peer-data-[variant=inset]:py-2",
         //  astw:md:peer-data-[variant=inset]:peer-data-[state=collapsed]:pl-2
@@ -908,66 +994,63 @@ function De({ className: t, ...e }) {
     }
   );
 }
-function Ie({ className: t, ...e }) {
+function Ge({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "sidebar-header",
       "data-sidebar": "header",
-      className: u("astw:flex astw:flex-row astw:items-center astw:gap-0.5 astw:p-2", t),
+      className: m("astw:flex astw:flex-row astw:items-center astw:gap-0.5 astw:p-2", t),
       ...e
     }
   );
 }
-function Me({ className: t, ...e }) {
+function Ye({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "sidebar-content",
       "data-sidebar": "content",
-      className: u(
-        "astw:flex astw:min-h-0 astw:flex-1 astw:flex-col astw:gap-2 astw:overflow-auto astw:group-data-[collapsible=icon]:overflow-hidden",
-        t
-      ),
+      className: m("astw:flex astw:min-h-0 astw:flex-1 astw:flex-col astw:gap-2 astw:overflow-auto astw:group-data-[collapsible=icon]:overflow-hidden", t),
       ...e
     }
   );
 }
-function Ct({ className: t, ...e }) {
+function Kt({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "sidebar-group",
       "data-sidebar": "group",
-      className: u("astw:relative astw:flex astw:w-full astw:min-w-0 astw:flex-col astw:p-2", t),
+      className: m("astw:relative astw:flex astw:w-full astw:min-w-0 astw:flex-col astw:p-2", t),
       ...e
     }
   );
 }
-function St({ className: t, ...e }) {
+function Vt({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "ul",
     {
       "data-slot": "sidebar-menu",
       "data-sidebar": "menu",
-      className: u("astw:flex astw:w-full astw:min-w-0 astw:flex-col astw:gap-1", t),
+      className: m("astw:flex astw:w-full astw:min-w-0 astw:flex-col astw:gap-1", t),
       ...e
     }
   );
 }
-function Tt({ className: t, ...e }) {
+function Ht({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "li",
     {
       "data-slot": "sidebar-menu-item",
       "data-sidebar": "menu-item",
-      className: u("astw:group/menu-item astw:relative", t),
+      className: m("astw:group/menu-item astw:relative", t),
       ...e
     }
   );
 }
-const _e = lt(
-  "astw:peer/menu-button astw:flex astw:w-full astw:items-center astw:gap-2 astw:overflow-hidden astw:rounded-md astw:p-2 astw:text-left astw:text-sm astw:outline-hidden astw:ring-sidebar-ring astw:transition-[width,height,padding] astw:hover:bg-sidebar-accent astw:hover:text-sidebar-accent-foreground astw:focus-visible:ring-2 astw:active:bg-sidebar-accent astw:active:text-sidebar-accent-foreground astw:disabled:pointer-events-none astw:disabled:opacity-50 astw:group-has-data-[sidebar=menu-action]/menu-item:pr-8 astw:aria-disabled:pointer-events-none astw:aria-disabled:opacity-50 astw:data-[active=true]:bg-sidebar-accent astw:data-[active=true]:font-medium astw:data-[active=true]:text-sidebar-accent-foreground astw:data-[state=open]:hover:bg-sidebar-accent astw:data-[state=open]:hover:text-sidebar-accent-foreground astw:group-data-[collapsible=icon]:size-8! astw:group-data-[collapsible=icon]:p-2! astw:[&>span:last-child]:truncate astw:[&>svg]:size-4 astw:[&>svg]:shrink-0",
+const Xe = X(
+  "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: {
       variant: {
@@ -986,7 +1069,7 @@ const _e = lt(
     }
   }
 );
-function J({
+function gt({
   asChild: t = !1,
   isActive: e = !1,
   variant: s = "default",
@@ -995,44 +1078,44 @@ function J({
   className: o,
   ...i
 }) {
-  const d = t ? B : "button", { isMobile: w, state: c } = M(), h = /* @__PURE__ */ a(
-    d,
+  const c = t ? A : "button", { isMobile: u, state: w } = _(), d = /* @__PURE__ */ a(
+    c,
     {
       "data-slot": "sidebar-menu-button",
       "data-sidebar": "menu-button",
       "data-size": r,
       "data-active": e,
-      className: u(_e({ variant: s, size: r }), o),
+      className: m(Xe({ variant: s, size: r }), o),
       ...i
     }
   );
   return n ? (typeof n == "string" && (n = {
     children: n
-  }), /* @__PURE__ */ l(Ne, { children: [
-    /* @__PURE__ */ a(Ce, { asChild: !0, children: h }),
+  }), /* @__PURE__ */ l(st, { children: [
+    /* @__PURE__ */ a(rt, { asChild: !0, children: d }),
     /* @__PURE__ */ a(
-      Se,
+      nt,
       {
         side: "right",
         align: "center",
-        hidden: c !== "collapsed" || w,
+        hidden: w !== "collapsed" || u,
         ...n
       }
     )
-  ] })) : h;
+  ] })) : d;
 }
-function Z({
+function bt({
   className: t,
   asChild: e = !1,
   showOnHover: s = !1,
   ...r
 }) {
   return /* @__PURE__ */ a(
-    e ? B : "button",
+    e ? A : "button",
     {
       "data-slot": "sidebar-menu-action",
       "data-sidebar": "menu-action",
-      className: u(
+      className: m(
         "astw:text-sidebar-foreground astw:ring-sidebar-ring astw:hover:bg-sidebar-accent astw:hover:text-sidebar-accent-foreground astw:peer-hover/menu-button:text-sidebar-accent-foreground astw:absolute astw:top-1.5 astw:right-1 astw:flex astw:aspect-square astw:w-5 astw:items-center astw:justify-center astw:rounded-md astw:p-0 astw:outline-hidden astw:transition-transform astw:focus-visible:ring-2 astw:[&>svg]:size-4 astw:[&>svg]:shrink-0",
         // Increases the hit area of the button on mobile.
         "astw:after:absolute astw:after:-inset-2 astw:md:after:hidden",
@@ -1047,13 +1130,13 @@ function Z({
     }
   );
 }
-function ze({ className: t, ...e }) {
+function Ze({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "ul",
     {
       "data-slot": "sidebar-menu-sub",
       "data-sidebar": "menu-sub",
-      className: u(
+      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:group-data-[collapsible=icon]:hidden",
         t
@@ -1062,7 +1145,7 @@ function ze({ className: t, ...e }) {
     }
   );
 }
-function Oe({
+function Je({
   className: t,
   ...e
 }) {
@@ -1071,12 +1154,12 @@ function Oe({
     {
       "data-slot": "sidebar-menu-sub-item",
       "data-sidebar": "menu-sub-item",
-      className: u("astw:group/menu-sub-item astw:relative", t),
+      className: m("astw:group/menu-sub-item astw:relative", t),
       ...e
     }
   );
 }
-function $e({
+function ta({
   asChild: t = !1,
   size: e = "md",
   isActive: s = !1,
@@ -1084,14 +1167,14 @@ function $e({
   ...n
 }) {
   return /* @__PURE__ */ a(
-    t ? B : "a",
+    t ? A : "a",
     {
       "data-slot": "sidebar-menu-sub-button",
       "data-sidebar": "menu-sub-button",
       "data-size": e,
       "data-active": s,
-      className: u(
-        "astw:text-sidebar-foreground astw:ring-sidebar-ring astw:hover:bg-sidebar-accent astw:hover:text-sidebar-accent-foreground astw:active:bg-sidebar-accent astw:active:text-sidebar-accent-foreground astw:[&>svg]:text-sidebar-accent-foreground astw:flex astw:h-7 astw:min-w-0 astw:-translate-x-px astw:items-center astw:gap-2 astw:overflow-hidden astw:rounded-md astw:px-2 astw:outline-hidden astw:focus-visible:ring-2 astw:disabled:pointer-events-none astw:disabled:opacity-50 astw:aria-disabled:pointer-events-none astw:aria-disabled:opacity-50 astw:[&>span:last-child]:truncate astw:[&>svg]:size-4 astw:[&>svg]:shrink-0",
+      className: m(
+        "astw:text-sidebar-foreground astw:ring-sidebar-ring astw:hover:bg-sidebar-accent astw:hover:text-sidebar-accent-foreground astw:active:bg-sidebar-accent astw:active:text-sidebar-accent-foreground astw:[&>svg]:text-sidebar-accent-foreground astw:flex astw:h-7 astw:min-w-0 astw:-translate-x-px astw:items-center astw:gap-2 astw:overflow-hidden astw:rounded-md astw:px-2 astw:outline-hidden astw:focus-visible:ring-2 astw:disabled:pointer-events-none astw:disabled:opacity-50 astw:aria-disabled:pointer-events-none astw:aria-disabled:opacity-50 astw:[&>span:last-child]:truncate astw:group-data-[collapsible=icon]:[&>span:last-child]:hidden astw:[&>svg]:size-4 astw:[&>svg]:shrink-0",
         "astw:data-[active=true]:bg-sidebar-accent astw:data-[active=true]:text-sidebar-accent-foreground",
         e === "sm" && "astw:text-xs",
         e === "md" && "astw:text-sm",
@@ -1102,22 +1185,22 @@ function $e({
     }
   );
 }
-function $({ to: t, children: e, ...s }) {
+function Q({ to: t, children: e, ...s }) {
   try {
-    return _t(t), /* @__PURE__ */ a(zt, { to: t, ...s, children: e });
+    return re(t), /* @__PURE__ */ a(ne, { to: t, ...s, children: e });
   } catch {
     return /* @__PURE__ */ a("a", { href: t, ...s, children: e });
   }
 }
-function tt({ ...t }) {
+function xt({ ...t }) {
   return /* @__PURE__ */ a("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...t });
 }
-function et({ className: t, ...e }) {
+function vt({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "ol",
     {
       "data-slot": "breadcrumb-list",
-      className: u(
+      className: m(
         "astw:text-muted-foreground astw:flex astw:flex-wrap astw:items-center astw:gap-1.5 astw:text-sm astw:break-words astw:sm:gap-2.5",
         t
       ),
@@ -1125,33 +1208,33 @@ function et({ className: t, ...e }) {
     }
   );
 }
-function at({ className: t, ...e }) {
+function yt({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "li",
     {
       "data-slot": "breadcrumb-item",
-      className: u("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 st({
+function Nt({
   asChild: t,
   className: e,
   children: s,
   ...r
 }) {
   return /* @__PURE__ */ a(
-    t ? B : $,
+    t ? A : Q,
     {
       "data-slot": "breadcrumb-link",
-      className: u("astw:hover:text-foreground astw:transition-colors", e),
+      className: m("astw:hover:text-foreground astw:transition-colors", e),
       ...r,
       children: s
     }
   );
 }
-function je({
+function ea({
   children: t,
   className: e,
   ...s
@@ -1162,21 +1245,21 @@ function je({
       "data-slot": "breadcrumb-separator",
       role: "presentation",
       "aria-hidden": "true",
-      className: u("astw:[&>svg]:size-3.5", e),
+      className: m("astw:[&>svg]:size-3.5", e),
       ...s,
-      children: t ?? /* @__PURE__ */ a(z, {})
+      children: t ?? /* @__PURE__ */ a(H, {})
     }
   );
 }
-function Ke(t, e) {
+function aa(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 Ue = (t, e) => {
-  const s = ct(e);
+const sa = (t, e) => {
+  const s = Bt(e);
   return t.reduce(
     (r, n) => {
       const o = s(n.meta.title, n.path);
@@ -1184,18 +1267,18 @@ const Ue = (t, e) => {
         title: o,
         breadcrumbTitle: n.meta.breadcrumbTitle
       };
-      const i = (d, w) => {
-        !d || d.length === 0 || d.forEach((c) => {
-          const h = `${w}/${c.path}`, b = s(
-            c.meta.title,
-            c.path
+      const i = (c, u) => {
+        !c || c.length === 0 || c.forEach((w) => {
+          const d = `${u}/${w.path}`, h = s(
+            w.meta.title,
+            w.path
           );
-          r[h] = {
-            title: b,
-            breadcrumbTitle: c.meta.breadcrumbTitle
-          }, c.subResources && c.subResources.length > 0 && i(
-            c.subResources,
-            h
+          r[d] = {
+            title: h,
+            breadcrumbTitle: w.meta.breadcrumbTitle
+          }, w.subResources && w.subResources.length > 0 && i(
+            w.subResources,
+            d
           );
         });
       };
@@ -1204,73 +1287,82 @@ const Ue = (t, e) => {
     {}
   );
 };
-function Fe(t, e, s, r) {
-  const n = t.split("/").filter((w) => w !== ""), o = e && n[0] === e ? n.slice(1) : n, i = Ue(s, r), d = o.map((w, c) => {
-    const h = o.slice(0, c + 1).join("/");
-    let b = i[h];
-    if (!b) {
-      const f = Object.entries(i).find(
-        ([x]) => {
-          const A = x.split("/").map((g) => g.startsWith(":") ? "[^/]+" : g).join("/");
-          return new RegExp(`^${A}$`).test(h);
+function ra(t, e, s, r) {
+  const n = t.split("/").filter((u) => u !== ""), o = e && n[0] === e ? n.slice(1) : n, i = sa(s, r), c = o.map((u, w) => {
+    const d = o.slice(0, w + 1).join("/");
+    let h = i[d];
+    if (!h) {
+      const p = Object.entries(i).find(
+        ([P]) => {
+          const C = P.split("/").map((S) => S.startsWith(":") ? "[^/]+" : S).join("/");
+          return new RegExp(`^${C}$`).test(d);
         }
       )?.[1];
-      f && (b = f);
+      p && (h = p);
     }
-    let m;
-    return b ? typeof b.breadcrumbTitle == "function" ? m = b.breadcrumbTitle(w) : typeof b.breadcrumbTitle == "string" ? m = b.breadcrumbTitle : m = b.title : m = decodeURIComponent(w), {
-      segment: w,
-      path: h,
-      title: m
+    let f;
+    return h ? typeof h.breadcrumbTitle == "function" ? f = h.breadcrumbTitle(u) : typeof h.breadcrumbTitle == "string" ? f = h.breadcrumbTitle : f = h.title : f = decodeURIComponent(u), {
+      segment: u,
+      path: d,
+      title: f
     };
   });
   return {
     basePath: e || null,
-    segments: d
+    segments: c
   };
 }
-const We = () => {
-  const { open: t } = M();
-  return /* @__PURE__ */ a("div", { className: t ? "astw:md:hidden" : void 0, children: /* @__PURE__ */ a(Nt, { className: "astw:-ml-2.5" }) });
-}, Na = (t) => {
-  const e = t.children ? t.children({ Outlet: X }) : null, s = ce(), r = () => {
+const na = () => {
+  const { open: t, isIconMode: e } = _();
+  return /* @__PURE__ */ a("div", { className: t && !e ? "astw:md:hidden" : void 0, children: /* @__PURE__ */ a(jt, { className: "astw:-ml-2.5" }) });
+}, ns = (t) => {
+  const e = t.children ? t.children({ Outlet: ct }) : null, s = Ae(), r = () => {
     s.setTheme(s.theme === "dark" ? "light" : "dark");
   };
-  return /* @__PURE__ */ a(Le, { className: "astw:flex astw:flex-col", children: /* @__PURE__ */ l("div", { className: "astw:flex astw:flex-1", children: [
-    t.sidebar ?? /* @__PURE__ */ a(He, {}),
-    /* @__PURE__ */ l(De, { className: "astw:w-[calc(100%-var(--sidebar-width))]", children: [
+  return /* @__PURE__ */ a(Ue, { className: "astw:flex astw:flex-col", children: /* @__PURE__ */ l("div", { className: "astw:flex astw:flex-1", children: [
+    t.sidebar ?? /* @__PURE__ */ a(oa, {}),
+    /* @__PURE__ */ l(qe, { className: "astw:w-[calc(100%-var(--sidebar-width))]", children: [
       /* @__PURE__ */ a("header", { className: "astw:flex astw:h-14 astw:shrink-0 astw:items-center astw:gap-2 astw:transition-[width,height] astw:ease-linear astw:group-has-data-[collapsible=icon]/sidebar-wrapper:h-12", children: /* @__PURE__ */ l("div", { className: "astw:flex astw:w-full astw:items-center astw:justify-between", children: [
         /* @__PURE__ */ l("div", { className: "astw:flex astw:items-center astw:gap-2", children: [
-          /* @__PURE__ */ a(We, {}),
-          /* @__PURE__ */ a(Xe, {})
+          /* @__PURE__ */ a(na, {}),
+          /* @__PURE__ */ a(wa, {})
         ] }),
-        /* @__PURE__ */ a("div", { className: "astw:flex astw:items-center astw:gap-2", children: /* @__PURE__ */ a(P, { variant: "outline", size: "icon", onClick: r, children: /* @__PURE__ */ a(Wt, {}) }) })
+        /* @__PURE__ */ a("div", { className: "astw:flex astw:items-center astw:gap-2", children: /* @__PURE__ */ a(I, { variant: "outline", size: "icon", onClick: r, children: /* @__PURE__ */ a(ue, {}) }) })
       ] }) }),
-      /* @__PURE__ */ a("div", { className: "astw:flex astw:flex-col astw:gap-4", children: e ?? /* @__PURE__ */ a(X, {}) })
+      /* @__PURE__ */ a("div", { className: "astw:flex astw:flex-col astw:gap-4", children: e ?? /* @__PURE__ */ a(ct, {}) })
     ] })
   ] }) });
-}, He = (t) => {
-  const { title: e, icon: s } = C(), { pathname: r } = ot(), n = /* @__PURE__ */ l(Ie, { children: [
+}, oa = (t) => {
+  const { title: e, icon: s } = k(), { pathname: r } = Rt(), { isIconMode: n } = _(), o = /* @__PURE__ */ l(Ge, { children: [
     s,
-    /* @__PURE__ */ a("h1", { className: "astw:text-sm astw:mb-2 astw:mt-2 astw:px-2", children: e })
+    /* @__PURE__ */ a(
+      "h1",
+      {
+        className: m(
+          "astw:text-sm astw:mb-2 astw:mt-2 astw:px-2",
+          n && "astw:hidden"
+        ),
+        children: e
+      }
+    )
   ] });
-  return /* @__PURE__ */ l(Ae, { variant: "inset", children: [
-    /* @__PURE__ */ l("div", { className: "astw:flex astw:justify-between astw:items-center", children: [
-      t.header ?? n,
-      /* @__PURE__ */ a("div", { className: "astw:hidden astw:md:block", children: /* @__PURE__ */ a(Nt, { className: "astw:-ml-1" }) })
+  return /* @__PURE__ */ l(Qe, { variant: "inset", collapsible: n ? "icon" : "offcanvas", children: [
+    !n && /* @__PURE__ */ l("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(jt, { className: "astw:-ml-1" }) })
     ] }),
-    /* @__PURE__ */ a(Me, { children: /* @__PURE__ */ a(rt, { fallback: /* @__PURE__ */ a(qe, {}), children: /* @__PURE__ */ a(Qe, { currentPath: r }) }) }),
+    /* @__PURE__ */ a(Ye, { children: /* @__PURE__ */ a(Tt, { fallback: /* @__PURE__ */ a(da, {}), children: /* @__PURE__ */ a(ia, { currentPath: r }) }) }),
     t.footer ?? null
   ] });
-}, Qe = ({ currentPath: t }) => {
-  const e = gt();
-  return /* @__PURE__ */ a(it, { resolve: e, children: (s) => /* @__PURE__ */ a(Ve, { items: s ?? [], currentPath: t }) });
-}, Ve = (t) => {
-  const e = k();
-  return /* @__PURE__ */ a(Ct, { children: /* @__PURE__ */ a(St, { children: t.items.map((s) => /* @__PURE__ */ a(we, { asChild: !0, defaultOpen: !0, children: /* @__PURE__ */ l(Tt, { children: [
-    s.url ? /* @__PURE__ */ l(R, { children: [
-      /* @__PURE__ */ a(J, { asChild: !0, tooltip: s.title, children: /* @__PURE__ */ l(
-        $,
+}, ia = ({ currentPath: t }) => {
+  const e = _t();
+  return /* @__PURE__ */ a(Et, { resolve: e, children: (s) => /* @__PURE__ */ a(la, { items: s ?? [], currentPath: t }) });
+}, la = (t) => {
+  const e = B();
+  return /* @__PURE__ */ a(Kt, { children: /* @__PURE__ */ a(Vt, { children: t.items.map((s) => /* @__PURE__ */ a(ze, { asChild: !0, defaultOpen: !0, children: /* @__PURE__ */ l(Ht, { children: [
+    s.url ? /* @__PURE__ */ l(L, { children: [
+      /* @__PURE__ */ a(gt, { asChild: !0, tooltip: s.title, children: /* @__PURE__ */ l(
+        Q,
         {
           to: s.url,
           className: s.url === t.currentPath ? "astw:bg-sidebar-accent astw:font-medium" : void 0,
@@ -1280,29 +1372,29 @@ const We = () => {
           ]
         }
       ) }),
-      !!s.items?.length && /* @__PURE__ */ a(Y, { asChild: !0, children: /* @__PURE__ */ l(Z, { className: "astw:data-[state=open]:rotate-90", children: [
-        /* @__PURE__ */ a(z, {}),
+      !!s.items?.length && /* @__PURE__ */ a(wt, { asChild: !0, children: /* @__PURE__ */ l(bt, { className: "astw:data-[state=open]:rotate-90", children: [
+        /* @__PURE__ */ a(H, {}),
         /* @__PURE__ */ a("span", { className: "astw:sr-only", children: e("toggle") })
       ] }) })
-    ] }) : /* @__PURE__ */ a(R, { children: /* @__PURE__ */ l(Y, { className: "astw:flex astw:w-[100%] astw:[&[data-state=open]_.astw-rotate-target]:rotate-90", children: [
-      /* @__PURE__ */ a(J, { asChild: !0, tooltip: s.title, children: /* @__PURE__ */ l("span", { className: "astw:flex astw:w-[100%]", children: [
+    ] }) : /* @__PURE__ */ a(L, { children: /* @__PURE__ */ l(wt, { className: "astw:flex astw:w-[100%] astw:[&[data-state=open]_.astw-rotate-target]:rotate-90", children: [
+      /* @__PURE__ */ a(gt, { asChild: !0, tooltip: s.title, children: /* @__PURE__ */ l("span", { className: "astw:flex astw:w-[100%]", children: [
         s.icon,
         /* @__PURE__ */ a("span", { children: s.title })
       ] }) }),
       !!s.items?.length && /* @__PURE__ */ a(
-        Z,
+        bt,
         {
           className: "astw-rotate-target",
           asChild: !0,
           children: /* @__PURE__ */ l("span", { children: [
-            /* @__PURE__ */ a(z, {}),
+            /* @__PURE__ */ a(H, {}),
             /* @__PURE__ */ a("span", { className: "astw:sr-only", children: e("toggle") })
           ] })
         }
       )
     ] }) }),
-    !!s.items?.length && /* @__PURE__ */ a(ue, { children: /* @__PURE__ */ a(ze, { children: s.items?.map((r) => /* @__PURE__ */ a(Oe, { children: /* @__PURE__ */ a($e, { asChild: !0, children: /* @__PURE__ */ a(
-      $,
+    !!s.items?.length && /* @__PURE__ */ a(_e, { children: /* @__PURE__ */ a(Ze, { children: s.items?.map((r) => /* @__PURE__ */ a(Je, { children: /* @__PURE__ */ a(ta, { asChild: !0, children: /* @__PURE__ */ a(
+      Q,
       {
         to: r.url,
         className: r.url === t.currentPath ? "astw:bg-sidebar-accent astw:font-medium" : void 0,
@@ -1310,9 +1402,9 @@ const We = () => {
       }
     ) }) }, r.title)) }) })
   ] }) }, s.title)) }) });
-}, qe = () => {
+}, da = () => {
   const e = [...[112, 96, 80, 104, 88, 100, 92, 84]].sort(() => Math.random() - 0.5);
-  return /* @__PURE__ */ a(Ct, { children: /* @__PURE__ */ a(St, { className: "astw:px-2", children: e.map((s, r) => /* @__PURE__ */ a(Tt, { children: /* @__PURE__ */ l("div", { className: "astw:flex astw:items-center astw:gap-2 astw:py-1.5", children: [
+  return /* @__PURE__ */ a(Kt, { children: /* @__PURE__ */ a(Vt, { className: "astw:px-2", children: e.map((s, r) => /* @__PURE__ */ a(Ht, { children: /* @__PURE__ */ l("div", { className: "astw:flex astw:items-center astw:gap-2 astw:py-1.5", children: [
     /* @__PURE__ */ a("div", { className: "astw:h-4 astw:w-4 astw:rounded-md astw:bg-muted" }),
     /* @__PURE__ */ a(
       "div",
@@ -1322,47 +1414,47 @@ const We = () => {
       }
     )
   ] }) }, r)) }) });
-}, Ge = () => {
-  const { configurations: t } = C(), e = ot();
-  return Fe(
+}, ca = () => {
+  const { configurations: t } = k(), e = Rt();
+  return ra(
     e.pathname,
     t.basePath,
     t.modules,
     t.locale
   );
-}, Xe = () => {
-  const { segments: t } = Ge(), e = Ot("/:prefix/settings/:suffix"), s = k();
-  return e ? /* @__PURE__ */ a(tt, { children: /* @__PURE__ */ a(et, { children: /* @__PURE__ */ a("div", { className: "astw:inline-flex astw:items-center astw:gap-3 astw:last:text-foreground", children: /* @__PURE__ */ a(at, { children: /* @__PURE__ */ a(st, { to: `/${e.params.prefix}/settings`, children: s("settings") }) }) }) }) }) : /* @__PURE__ */ a(tt, { children: /* @__PURE__ */ a(et, { children: t.map((r, n) => /* @__PURE__ */ l(
+}, wa = () => {
+  const { segments: t } = ca(), e = oe("/:prefix/settings/:suffix"), s = B();
+  return e ? /* @__PURE__ */ a(xt, { children: /* @__PURE__ */ a(vt, { children: /* @__PURE__ */ a("div", { className: "astw:inline-flex astw:items-center astw:gap-3 astw:last:text-foreground", children: /* @__PURE__ */ a(yt, { children: /* @__PURE__ */ a(Nt, { to: `/${e.params.prefix}/settings`, children: s("settings") }) }) }) }) }) : /* @__PURE__ */ a(xt, { children: /* @__PURE__ */ a(vt, { children: t.map((r, n) => /* @__PURE__ */ l(
     "div",
     {
       className: "astw:inline-flex astw:items-center astw:gap-3 astw:last:text-foreground",
       children: [
-        /* @__PURE__ */ a(at, { children: /* @__PURE__ */ a(st, { to: r.path, children: r.title }) }),
-        n < t.length - 1 && /* @__PURE__ */ a(je, {})
+        /* @__PURE__ */ a(yt, { children: /* @__PURE__ */ a(Nt, { to: r.path, children: r.title }) }),
+        n < t.length - 1 && /* @__PURE__ */ a(ea, {})
       ]
     },
     n
   )) }) });
 };
-function Ye({
+function ua({
   ...t
 }) {
-  return /* @__PURE__ */ a(p.Root, { "data-slot": "dialog", ...t });
+  return /* @__PURE__ */ a(b.Root, { "data-slot": "dialog", ...t });
 }
-function Je({
+function ma({
   ...t
 }) {
-  return /* @__PURE__ */ a(p.Portal, { "data-slot": "dialog-portal", ...t });
+  return /* @__PURE__ */ a(b.Portal, { "data-slot": "dialog-portal", ...t });
 }
-function Ze({
+function ha({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    p.Overlay,
+    b.Overlay,
     {
       "data-slot": "dialog-overlay",
-      className: u(
+      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",
         t
       ),
@@ -1370,26 +1462,26 @@ function Ze({
     }
   );
 }
-function ta({
+function fa({
   className: t,
   children: e,
   ...s
 }) {
-  return /* @__PURE__ */ l(Je, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ a(Ze, {}),
+  return /* @__PURE__ */ l(ma, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ a(ha, {}),
     /* @__PURE__ */ l(
-      p.Content,
+      b.Content,
       {
         "data-slot": "dialog-content",
-        className: u(
+        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",
           t
         ),
         ...s,
         children: [
           e,
-          /* @__PURE__ */ l(p.Close, { className: "astw:ring-offset-bg astw:focus:ring-ring astw:data-[state=open]:bg-accent astw:data-[state=open]:text-muted-foreground astw:absolute astw:top-4 astw:right-4 astw:rounded-xs astw:opacity-70 astw:transition-opacity astw:hover:opacity-100 astw:focus:ring-2 astw:focus:ring-offset-2 astw:focus:outline-hidden astw:disabled:pointer-events-none astw:[&_svg]:pointer-events-none astw:[&_svg]:shrink-0 astw:[&_svg:not([class*='size-'])]:size-4", children: [
-            /* @__PURE__ */ a(dt, {}),
+          /* @__PURE__ */ l(b.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(Lt, {}),
             /* @__PURE__ */ a("span", { className: "astw:sr-only", children: "Close" })
           ] })
         ]
@@ -1397,29 +1489,29 @@ function ta({
     )
   ] });
 }
-function ea({
+function pa({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    p.Title,
+    b.Title,
     {
       "data-slot": "dialog-title",
-      className: u("astw:text-lg astw:leading-none astw:font-semibold", t),
+      className: m("astw:text-lg astw:leading-none astw:font-semibold", t),
       ...e
     }
   );
 }
-function aa(t) {
+function ga(t) {
   const e = [], s = (r, n, o) => {
     r.forEach((i) => {
-      const d = [...o, i.title];
+      const c = [...o, i.title];
       e.push({
         path: i.url,
         title: i.title,
         icon: n,
-        breadcrumb: d
-      }), i.items && i.items.length > 0 && s(i.items, n, d);
+        breadcrumb: c
+      }), i.items && i.items.length > 0 && s(i.items, n, c);
     });
   };
   return t.forEach((r) => {
@@ -1431,90 +1523,90 @@ function aa(t) {
     }), s(r.items, r.icon, [r.title]);
   }), e;
 }
-function sa({
+function ba({
   routes: t
 }) {
-  const e = $t(), s = Rt(null), [r, n] = S(!1), [o, i] = S(""), [d, w] = S(0), c = I(
-    () => Ke(t, o),
+  const e = ie(), s = Gt(null), [r, n] = R(!1), [o, i] = R(""), [c, u] = R(0), w = $(
+    () => aa(t, o),
     [t, o]
   );
-  N(() => {
-    const m = (f) => {
-      (f.metaKey || f.ctrlKey) && f.key === "k" && (f.preventDefault(), n((x) => !x));
+  y(() => {
+    const f = (p) => {
+      (p.metaKey || p.ctrlKey) && p.key === "k" && (p.preventDefault(), n((P) => !P));
     };
-    return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
-  }, []), N(() => {
-    w(0);
-  }, [c]), N(() => {
-    r || (i(""), w(0));
-  }, [r]), N(() => {
-    s.current && s.current.querySelector(`[data-index="${d}"]`)?.scrollIntoView({ block: "nearest" });
-  }, [d]);
-  const h = q(
-    (m) => {
-      e(m.path), n(!1), i("");
+    return document.addEventListener("keydown", f), () => document.removeEventListener("keydown", f);
+  }, []), y(() => {
+    u(0);
+  }, [w]), y(() => {
+    r || (i(""), u(0));
+  }, [r]), y(() => {
+    s.current && s.current.querySelector(`[data-index="${c}"]`)?.scrollIntoView({ block: "nearest" });
+  }, [c]);
+  const d = lt(
+    (f) => {
+      e(f.path), n(!1), i("");
     },
     [e]
-  ), b = q(
-    (m) => {
-      if (!m.nativeEvent.isComposing)
-        switch (m.key) {
+  ), h = lt(
+    (f) => {
+      if (!f.nativeEvent.isComposing)
+        switch (f.key) {
           case "ArrowDown":
-            m.preventDefault(), w(
-              (f) => f < c.length - 1 ? f + 1 : f
+            f.preventDefault(), u(
+              (p) => p < w.length - 1 ? p + 1 : p
             );
             break;
           case "ArrowUp":
-            m.preventDefault(), w((f) => f > 0 ? f - 1 : f);
+            f.preventDefault(), u((p) => p > 0 ? p - 1 : p);
             break;
           case "Enter":
-            m.preventDefault(), c[d] && h(c[d]);
+            f.preventDefault(), w[c] && d(w[c]);
             break;
         }
     },
-    [c, d, h]
+    [w, c, d]
   );
   return {
     open: r,
     setOpen: n,
     search: o,
     setSearch: i,
-    selectedIndex: d,
-    filteredRoutes: c,
-    handleSelect: h,
-    handleKeyDown: b,
+    selectedIndex: c,
+    filteredRoutes: w,
+    handleSelect: d,
+    handleKeyDown: h,
     listRef: s
   };
 }
-function ra({
+function xa({
   navItems: t
 }) {
-  const e = k(), s = I(() => aa(t), [t]), {
+  const e = B(), s = $(() => ga(t), [t]), {
     open: r,
     setOpen: n,
     search: o,
     setSearch: i,
-    selectedIndex: d,
-    filteredRoutes: w,
-    handleSelect: c,
-    handleKeyDown: h,
-    listRef: b
-  } = sa({ routes: s });
-  return /* @__PURE__ */ a(Ye, { open: r, onOpenChange: n, children: /* @__PURE__ */ l(
-    ta,
+    selectedIndex: c,
+    filteredRoutes: u,
+    handleSelect: w,
+    handleKeyDown: d,
+    listRef: h
+  } = ba({ routes: s });
+  return /* @__PURE__ */ a(ua, { open: r, onOpenChange: n, children: /* @__PURE__ */ l(
+    fa,
     {
       className: "astw:p-0 astw:gap-0 astw:sm:max-w-2xl astw:overflow-hidden",
-      onKeyDown: h,
+      onKeyDown: d,
       "aria-describedby": void 0,
       children: [
-        /* @__PURE__ */ a(ea, { className: "astw:sr-only", children: e("commandPaletteSearch") }),
+        /* @__PURE__ */ a(pa, { className: "astw:sr-only", children: e("commandPaletteSearch") }),
         /* @__PURE__ */ l("div", { className: "astw:flex astw:items-center astw:border-b astw:px-3 astw:py-1", children: [
-          /* @__PURE__ */ a(Ht, { className: "astw:mr-2 astw:h-4 astw:w-4 astw:shrink-0 astw:opacity-50" }),
+          /* @__PURE__ */ a(me, { className: "astw:mr-2 astw:h-4 astw:w-4 astw:shrink-0 astw:opacity-50" }),
           /* @__PURE__ */ a(
-            he,
+            $e,
             {
               value: o,
-              onChange: (m) => i(m.target.value),
+              onChange: (f) => i(f.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
@@ -1524,26 +1616,26 @@ function ra({
         /* @__PURE__ */ a(
           "div",
           {
-            ref: b,
+            ref: h,
             className: "astw:max-h-[300px] astw:overflow-y-auto astw:overflow-x-hidden",
-            children: w.length === 0 ? /* @__PURE__ */ a("div", { className: "astw:py-6 astw:text-center astw:text-sm astw:text-muted-foreground", children: e("commandPaletteNoResults") }) : /* @__PURE__ */ a("div", { className: "astw:p-1", children: w.map((m, f) => /* @__PURE__ */ l(
+            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((f, p) => /* @__PURE__ */ l(
               "button",
               {
-                "data-index": f,
-                onClick: () => c(m),
-                className: u(
+                "data-index": p,
+                onClick: () => w(f),
+                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",
-                  f === d ? "astw:bg-accent astw:text-accent-foreground" : "astw:hover:bg-accent astw:hover:text-accent-foreground"
+                  p === c ? "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: m.breadcrumb.join(" > ") }),
+                  /* @__PURE__ */ a("span", { className: "astw:truncate astw:w-full astw:text-left", children: f.breadcrumb.join(" > ") }),
                   /* @__PURE__ */ l("span", { className: "astw:text-[11px] astw:text-muted-foreground astw:truncate astw:w-full astw:text-left", children: [
                     "/",
-                    m.path
+                    f.path
                   ] })
                 ]
               },
-              m.path
+              f.path
             )) })
           }
         )
@@ -1551,25 +1643,25 @@ function ra({
     }
   ) });
 }
-function Ca() {
-  const t = gt();
-  return /* @__PURE__ */ a(rt, { fallback: null, children: /* @__PURE__ */ a(it, { resolve: t, children: (e) => /* @__PURE__ */ a(ra, { navItems: e ?? [] }) }) });
+function os() {
+  const t = _t();
+  return /* @__PURE__ */ a(Tt, { fallback: null, children: /* @__PURE__ */ a(Et, { resolve: t, children: (e) => /* @__PURE__ */ a(xa, { navItems: e ?? [] }) }) });
 }
-const kt = j(null), Sa = (t) => {
-  const e = I(
-    () => qt({
+const Ut = q(null), is = (t) => {
+  const e = $(
+    () => xe({
       clientId: t.clientId,
       appUri: t.apiEndpoint,
       redirectUri: t.redirectUri,
-      meQuery: t.meQuery && (typeof t.meQuery == "string" ? t.meQuery : Vt(t.meQuery))
+      meQuery: t.meQuery && (typeof t.meQuery == "string" ? t.meQuery : be(t.meQuery))
     }),
     [t.clientId, t.apiEndpoint, t.redirectUri, t.meQuery]
-  ), [s, r] = S(
+  ), [s, r] = R(
     () => e.getState()
   );
-  N(() => {
+  y(() => {
     t.autoLogin && (s.isLoading || s.isAuthenticated || (async () => await e.login())());
-  }, [s.isLoading, s.isAuthenticated, t.autoLogin]), N(
+  }, [s.isLoading, s.isAuthenticated, t.autoLogin]), y(
     () => e.addEventListener((o) => {
       o.type === "auth_state_changed" && r(o.data);
     }),
@@ -1577,7 +1669,7 @@ const kt = j(null), Sa = (t) => {
   );
   const n = t.guardComponent && (s.isLoading || !s.isAuthenticated) ? /* @__PURE__ */ a(t.guardComponent, {}) : t.children;
   return /* @__PURE__ */ a(
-    kt.Provider,
+    Ut.Provider,
     {
       value: {
         authState: s,
@@ -1589,29 +1681,464 @@ const kt = j(null), Sa = (t) => {
       children: n
     }
   );
-}, Ta = () => {
-  const t = K(kt);
+}, ls = () => {
+  const t = G(Ut);
   if (!t)
     throw new Error("useAuth must be used within an AuthProvider");
   return t;
+}, va = X(
+  "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: {
+      variant: {
+        default: "astw:border-transparent astw:bg-primary astw:text-primary-foreground astw:hover:bg-primary/80",
+        success: "astw:border-transparent astw:bg-green-500 astw:text-white astw:hover:bg-green-600",
+        warning: "astw:border-transparent astw:bg-yellow-500 astw:text-white astw:hover:bg-yellow-600",
+        error: "astw:border-transparent astw:bg-destructive astw:text-destructive-foreground astw:hover:bg-destructive/80",
+        neutral: "astw:border-transparent astw:bg-secondary astw:text-secondary-foreground astw:hover:bg-secondary/80",
+        // Outline variants with status dots - matches Figma design
+        "outline-success": "astw:gap-0.5 astw:pl-1.5 astw:pr-2 astw:border-border astw:bg-card astw:text-foreground",
+        "outline-warning": "astw:gap-0.5 astw:pl-1.5 astw:pr-2 astw:border-border astw:bg-card astw:text-foreground",
+        "outline-error": "astw:gap-0.5 astw:pl-1.5 astw:pr-2 astw:border-border astw:bg-card astw:text-foreground",
+        "outline-info": "astw:gap-0.5 astw:pl-1.5 astw:pr-2 astw:border-border astw:bg-card astw:text-foreground",
+        "outline-neutral": "astw:gap-0.5 astw:pl-1.5 astw:pr-2 astw:border-border astw:bg-card astw:text-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), ya = {
+  "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 Na({ variant: t }) {
+  const e = ya[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 Ca({ className: t, variant: e, children: s, ...r }) {
+  const n = e?.toString().startsWith("outline-");
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: m(va({ variant: e }), t),
+      ...r,
+      children: [
+        n && /* @__PURE__ */ a(Na, { variant: e }),
+        s
+      ]
+    }
+  );
+}
+function Sa(t) {
+  return t.type === "divider";
+}
+function Ta(t) {
+  return t.type !== "divider" && "key" in t;
+}
+function W(t, e) {
+  return e.split(".").reduce((s, r) => {
+    if (s && typeof s == "object" && r in s)
+      return s[r];
+  }, t);
+}
+function v(t) {
+  return t == null || t === "";
+}
+function ka(t) {
+  return t.toLowerCase().replace(/_/g, " ").replace(/^\w/, (e) => e.toUpperCase());
+}
+function Ra(t, e = "medium") {
+  if (v(t)) return "";
+  const s = t instanceof Date ? t : new Date(String(t));
+  if (isNaN(s.getTime())) return String(t);
+  switch (e) {
+    case "short":
+      return s.toLocaleDateString(void 0, {
+        month: "numeric",
+        day: "numeric",
+        year: "2-digit"
+      });
+    case "medium":
+      return s.toLocaleDateString(void 0, {
+        month: "short",
+        day: "numeric",
+        year: "numeric"
+      });
+    case "long":
+      return s.toLocaleDateString(void 0, {
+        weekday: "long",
+        month: "long",
+        day: "numeric",
+        year: "numeric"
+      });
+    case "relative": {
+      const n = (/* @__PURE__ */ new Date()).getTime() - s.getTime(), o = Math.floor(n / (1e3 * 60 * 60 * 24));
+      return o === 0 ? "Today" : o === 1 ? "Yesterday" : o < 7 ? `${o} days ago` : o < 30 ? `${Math.floor(o / 7)} weeks ago` : o < 365 ? `${Math.floor(o / 30)} months ago` : `${Math.floor(o / 365)} years ago`;
+    }
+    default:
+      return s.toLocaleDateString();
+  }
+}
+function Ea(t, e) {
+  if (v(t)) return "";
+  const s = typeof t == "number" ? t : parseFloat(String(t));
+  if (isNaN(s)) return String(t);
+  try {
+    return new Intl.NumberFormat(void 0, {
+      style: "currency",
+      currency: e || "USD"
+    }).format(s);
+  } catch {
+    return `${e || "$"}${s.toFixed(2)}`;
+  }
+}
+function La(t) {
+  if (v(t)) return [];
+  if (typeof t == "string")
+    return t.split(/[,\n]/).map((e) => e.trim()).filter(Boolean);
+  if (typeof t == "object" && t !== null) {
+    const e = t, s = [];
+    e.line1 && s.push(String(e.line1)), e.line2 && s.push(String(e.line2));
+    const r = [
+      e.city,
+      e.state || e.province,
+      e.zip || e.postalCode
+    ].filter(Boolean).join(", ");
+    return r && s.push(r), e.country && s.push(String(e.country)), s;
+  }
+  return [String(t)];
+}
+function Qt({ value: t }) {
+  const [e, s] = g.useState(!1);
+  return /* @__PURE__ */ l(st, { children: [
+    /* @__PURE__ */ a(rt, { asChild: !0, children: /* @__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",
+        children: e ? /* @__PURE__ */ a(fe, { className: "astw:h-3 astw:w-3", strokeWidth: 2.5 }) : /* @__PURE__ */ a(pe, { className: "astw:h-3 astw:w-3", strokeWidth: 2.5 })
+      }
+    ) }),
+    /* @__PURE__ */ a(nt, { side: "top", children: e ? "Copied!" : "Copy" })
+  ] });
+}
+const N = "–";
+function Ba({ field: t }) {
+  const e = v(t.value) ? N : String(t.value), s = t.meta?.copyable && !v(t.value), r = t.meta?.truncateLines, n = g.useRef(null), [o, i] = g.useState(!1);
+  g.useEffect(() => {
+    if (!r) {
+      i(!1);
+      return;
+    }
+    const w = () => {
+      if (n.current) {
+        const h = n.current;
+        i(h.scrollHeight > h.clientHeight + 1);
+      }
+    }, d = setTimeout(w, 50);
+    return window.addEventListener("resize", w), () => {
+      clearTimeout(d), window.removeEventListener("resize", w);
+    };
+  }, [e, r]);
+  const c = r && r > 0 ? {
+    display: "-webkit-box",
+    WebkitLineClamp: r,
+    WebkitBoxOrient: "vertical",
+    overflow: "hidden"
+  } : void 0, u = /* @__PURE__ */ l("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",
+        style: c,
+        children: e
+      }
+    ),
+    s && /* @__PURE__ */ a(Qt, { value: String(t.value) })
+  ] });
+  return r && o ? /* @__PURE__ */ l(st, { children: [
+    /* @__PURE__ */ a(rt, { asChild: !0, children: /* @__PURE__ */ a("span", { className: "astw:cursor-default", children: u }) }),
+    /* @__PURE__ */ a(nt, { side: "bottom", style: { maxWidth: 320 }, children: /* @__PURE__ */ a("p", { className: "astw:text-sm", children: e }) })
+  ] }) : u;
+}
+function Pa({ field: t }) {
+  if (v(t.value))
+    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: N });
+  const e = String(t.value), s = t.meta?.badgeVariantMap || {}, r = e.toLowerCase(), n = s[e] || s[r] || "outline-neutral";
+  return /* @__PURE__ */ a(Ca, { variant: n, className: "astw:w-fit", children: ka(e) });
+}
+function Da({ field: t }) {
+  if (v(t.value))
+    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: N });
+  const e = t.meta?.currencyKey || "currency", s = W(t.data, e), r = Ea(t.value, s);
+  return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground astw:tabular-nums", children: r });
+}
+function Ma({ field: t }) {
+  if (v(t.value))
+    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: N });
+  const e = t.meta?.dateFormat || "medium", s = Ra(t.value, e);
+  return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: s });
+}
+function Ia({ field: t }) {
+  if (v(t.value))
+    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: N });
+  const e = t.meta?.hrefKey, s = e ? W(t.data, e) : void 0, r = t.meta?.external ?? !1, n = String(t.value);
+  return s ? /* @__PURE__ */ l(
+    "a",
+    {
+      href: s,
+      target: r ? "_blank" : void 0,
+      rel: r ? "noopener noreferrer" : void 0,
+      className: "astw:inline-flex astw:items-center astw:gap-1 astw:text-sm astw:text-primary astw:hover:underline",
+      children: [
+        n,
+        r && /* @__PURE__ */ a(he, { className: "astw:h-3 astw:w-3" })
+      ]
+    }
+  ) : /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: n });
+}
+function Aa({ field: t }) {
+  if (v(t.value))
+    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: N });
+  const e = La(t.value), s = t.meta?.copyable && !v(t.value), r = e.join(`
+`);
+  return /* @__PURE__ */ l("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__ */ l(g.Fragment, { children: [
+      n,
+      o < e.length - 1 && /* @__PURE__ */ a("br", {})
+    ] }, o)) }),
+    s && /* @__PURE__ */ a(Qt, { value: r })
+  ] });
+}
+function za({ field: t }) {
+  if (v(t.value))
+    return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: N });
+  const e = t.meta?.referenceIdKey, s = t.meta?.referenceUrlPattern, r = e ? W(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 });
+}
+function Ct(t) {
+  switch (t.type) {
+    case "text":
+      return /* @__PURE__ */ a(Ba, { field: t });
+    case "badge":
+      return /* @__PURE__ */ a(Pa, { field: t });
+    case "money":
+      return /* @__PURE__ */ a(Da, { field: t });
+    case "date":
+      return /* @__PURE__ */ a(Ma, { field: t });
+    case "link":
+      return /* @__PURE__ */ a(Ia, { field: t });
+    case "address":
+      return /* @__PURE__ */ a(Aa, { field: t });
+    case "reference":
+      return /* @__PURE__ */ a(za, { field: t });
+    default:
+      return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: N });
+  }
+}
+function _a(t) {
+  if (t.emptyBehavior !== "hide") return !1;
+  const e = t.value;
+  return e == null || e === "";
+}
+function Fa(t) {
+  return !1;
+}
+function Oa(t, e, s) {
+  const r = W(e, t.key);
+  return {
+    id: `${t.key}-${s}`,
+    label: t.label,
+    type: t.type ?? "text",
+    value: r,
+    emptyBehavior: t.emptyBehavior ?? "dash",
+    meta: t.meta,
+    data: e
+  };
+}
+function $a(t, e) {
+  const s = [];
+  let r = [], n = 0, o = 0;
+  for (const i of t)
+    if (Sa(i))
+      r.length > 0 && (s.push({ id: `section-${n}`, fields: r }), n++, r = []);
+    else if (Ta(i)) {
+      const c = Oa(i, e, o);
+      o++, _a(c) || r.push(c);
+    }
+  return r.length > 0 && s.push({ id: `section-${n}`, fields: r }), s;
+}
+function St({ label: t, children: e, fullWidth: s }) {
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: m(
+        "astw:flex astw:flex-col astw:gap-1 astw:min-w-0 astw:py-2",
+        s && "astw:col-span-full"
+      ),
+      children: [
+        /* @__PURE__ */ a("p", { className: "astw:text-sm astw:font-medium astw:text-muted-foreground astw:leading-none", children: t }),
+        /* @__PURE__ */ a("div", { className: "astw:min-w-0", children: e })
+      ]
+    }
+  );
+}
+function ds({
+  data: t,
+  title: e,
+  fields: s,
+  columns: r = 3,
+  className: n,
+  headerAction: o
+}) {
+  const i = $a(s, t), c = 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",
+    // Container queries for responsive columns
+    r === 4 ? (
+      // 4-column mode: 1 → 2 → 3 → 4 columns
+      "astw:@[400px]:grid-cols-2 astw:@[600px]:grid-cols-3 astw:@[800px]:grid-cols-4"
+    ) : (
+      // 3-column mode: 1 → 2 → 3 columns
+      "astw:@[400px]:grid-cols-2 astw:@[600px]:grid-cols-3"
+    )
+  ), w = (d) => {
+    const h = d.fields.filter((p) => !0), f = d.fields.filter((p) => Fa());
+    return /* @__PURE__ */ l("div", { className: "astw:space-y-4", children: [
+      h.length > 0 && /* @__PURE__ */ a("div", { className: u, children: h.map((p) => /* @__PURE__ */ a(St, { label: p.label, children: Ct(p) }, p.id)) }),
+      f.length > 0 && /* @__PURE__ */ a("div", { className: u, children: f.map((p) => /* @__PURE__ */ a(St, { label: p.label, fullWidth: !0, children: Ct(p) }, p.id)) })
+    ] }, d.id);
+  };
+  return /* @__PURE__ */ a(at, { delayDuration: 300, children: /* @__PURE__ */ l(
+    "div",
+    {
+      className: m(
+        "astw:@container astw:bg-card astw:text-card-foreground astw:rounded-xl astw:border",
+        n
+      ),
+      children: [
+        /* @__PURE__ */ l("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: c ? /* @__PURE__ */ a("div", { className: "astw:space-y-4", children: i.map((d, h) => /* @__PURE__ */ l(g.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 ot = g.forwardRef(
+  ({ className: t, children: e, ...s }, r) => /* @__PURE__ */ a(
+    "div",
+    {
+      ref: r,
+      className: m("astw:min-w-0 astw:flex astw:flex-col astw:gap-4", t),
+      ...s,
+      children: e
+    }
+  )
+);
+ot.displayName = "Layout.Column";
+function Wa({
+  columns: t,
+  className: e,
+  gap: s = 4,
+  title: r,
+  actions: n,
+  children: o
+}) {
+  if (process.env.NODE_ENV !== "production") {
+    const h = g.Children.toArray(o).reduce((f, p) => g.isValidElement(p) && p.type === ot ? f + 1 : f, 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.`
+      );
+  }
+  const c = m(
+    "astw:flex astw:w-full",
+    s === 4 ? "astw:gap-4" : s === 6 ? "astw:gap-6" : s === 8 ? "astw:gap-8" : "astw:gap-4",
+    // 1 column: Always stack vertically
+    t === 1 && "astw:flex-col",
+    // 2 columns: Stack on mobile, side-by-side on desktop (lg: ≥1024px)
+    // Main column flexible, side column fixed 360px
+    t === 2 && [
+      "astw:flex-col",
+      "astw:lg:flex-row"
+    ],
+    // 3 columns: Stack on mobile, 3 columns side-by-side on desktop (xl: ≥1280px)
+    // Outer columns fixed 360px, middle column flexible
+    t === 3 && [
+      "astw:flex-col",
+      "astw:xl:flex-row"
+    ],
+    e
+  ), u = g.useMemo(() => t === 1 ? g.Children.map(o, (d) => d) : t === 2 ? g.Children.map(o, (d, h) => g.isValidElement(d) ? g.cloneElement(d, {
+    className: m(
+      d.props.className,
+      h === 0 ? "astw:lg:flex-1" : "astw:lg:min-w-[280px]"
+      // Second column: fixed 280px
+    )
+  }) : d) : t === 3 ? g.Children.map(o, (d, h) => g.isValidElement(d) ? g.cloneElement(d, {
+    className: m(
+      d.props.className,
+      h === 0 ? "astw:xl:min-w-[320px]" : h === 2 ? "astw:xl:min-w-[280px]" : "astw:xl:flex-1"
+      // Middle column: flexible
+    )
+  }) : d) : o, [o, t]), w = r || n && n.length > 0;
+  return /* @__PURE__ */ l("div", { className: "astw:flex astw:flex-col", children: [
+    w && /* @__PURE__ */ l(
+      "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((d, h) => /* @__PURE__ */ a(g.Fragment, { children: d }, h)) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ a("div", { style: { padding: w ? "0 1.5rem 1.5rem 1.5rem" : "1.5rem" }, children: /* @__PURE__ */ a("div", { className: c, children: u }) })
+  ] });
+}
+Wa.Column = ot;
 export {
-  ya as AppShell,
-  Sa as AuthProvider,
-  Ca as CommandPalette,
-  He as DefaultSidebar,
-  Ea as Link,
-  Na as SidebarLayout,
-  Jt as defineI18nLabels,
-  va as defineModule,
-  xa as defineResource,
-  pa as redirectToResource,
-  C as useAppShell,
-  Ta as useAuth,
-  Pa as useLocation,
-  Ba as useNavigate,
-  La as useParams,
-  Aa as useRouteError,
-  Da as useSearchParams,
-  ce as useTheme
+  rs as AppShell,
+  is as AuthProvider,
+  Ca as Badge,
+  os as CommandPalette,
+  oa as DefaultSidebar,
+  ds as DescriptionCard,
+  Wa as Layout,
+  us as Link,
+  ns as SidebarLayout,
+  va as badgeVariants,
+  Ce as defineI18nLabels,
+  as as defineModule,
+  ss as defineResource,
+  es as redirectToResource,
+  k as useAppShell,
+  ls as useAuth,
+  ms as useLocation,
+  hs as useNavigate,
+  fs as useParams,
+  ps as useRouteError,
+  gs as useSearchParams,
+  Ae as useTheme
 };