@tailor-platform/app-shell 0.27.2 → 0.28.0

package/dist/app-shell.d.ts

@@ -318,6 +318,40 @@ export declare type ContextData = AppShellRegister extends {
     contextData: infer T;
 } ? T : Record<string, unknown>;
 
+/**
+ * Create an enhanced authentication client.
+ *
+ * This wrapper around the original createAuthClient adds convenience methods
+ * to reduce duplication of the appUri across your application.
+ *
+ * @example
+ * ```tsx
+ * import { createAuthClient, AuthProvider } from '@tailor-platform/app-shell';
+ * import { createClient, Provider } from 'urql';
+ *
+ * // Create auth client at module level
+ * const authClient = createAuthClient({
+ *   clientId: 'your-client-id',
+ *   appUri: 'https://xyz.erp.dev',
+ * });
+ *
+ * // Create urql client using the auth client's fetch
+ * const urqlClient = createClient({
+ *   url: `${authClient.getAppUri()}/query`,
+ *   fetch: authClient.fetch,
+ * });
+ *
+ * function App() {
+ *   return (
+ *     <AuthProvider client={authClient}>
+ *       <Provider value={urqlClient}>
+ *         <YourAppComponents />
+ *       </Provider>
+ *     </AuthProvider>
+ *   );
+ * }
+ * ```
+ */
 export declare function createAuthClient(config: AuthClientConfig): EnhancedAuthClient;
 
 /**
@@ -635,16 +669,10 @@ export declare interface EnhancedAuthClient extends AuthClient {
      */
     getAppUri(): string;
     /**
-     * Get Authorization and DPoP headers for protected resource requests.
-     * This version automatically uses the appUri for the /query endpoint.
-     *
-     * @param path - Optional path to append to appUri (default: "/query")
-     * @param method - HTTP method (default: "POST")
+     * Authenticated fetch with built-in DPoP proof generation and token refresh.
+     * Same signature as the standard `fetch` API.
      */
-    getAuthHeadersForQuery(path?: string, method?: string): Promise<{
-        Authorization: string;
-        DPoP: string;
-    }>;
+    fetch: AuthClient["fetch"];
 }
 
 /**
@@ -850,7 +878,7 @@ declare type LabelValue = string | ((props: any) => string);
  * </Layout>
  * ```
  */
-export declare function Layout({ columns, className, gap, title, actions, children, }: LayoutProps): JSX.Element;
+export declare function Layout({ columns, className, gap, title, actions, children }: LayoutProps): JSX.Element;
 
 export declare namespace Layout {
     var Column: React_2.ForwardRefExoticComponent<ColumnProps & React_2.RefAttributes<HTMLDivElement>>;

package/dist/app-shell.js

@@ -1,18 +1,18 @@
 import { jsx as a, jsxs as c, Fragment as S } from "react/jsx-runtime";
 import { capitalCase as D } from "change-case";
-import { useRouteError as ue, isRouteErrorResponse as we, redirect as me, Outlet as nt, NavLink as he, Navigate as pe, useRouteLoaderData as fe, createMemoryRouter as ge, createBrowserRouter as be, RouterProvider as xe, useLocation as Y, Link as $, Await as zt, useMatch as ve, useNavigate as ye } from "react-router";
+import { useRouteError as ue, isRouteErrorResponse as we, redirect as me, Outlet as nt, NavLink as he, Navigate as pe, useRouteLoaderData as fe, createMemoryRouter as ge, createBrowserRouter as be, RouterProvider as xe, useLocation as Q, Link as $, Await as zt, useMatch as ve, useNavigate as ye } from "react-router";
 import { Link as er, useLocation as ar, useNavigate as sr, useParams as rr, useRouteError as nr, useSearchParams as or } from "react-router";
 import { cva as ot } from "class-variance-authority";
 import { useRender as j } from "@base-ui/react/use-render";
 import { clsx as Ne } from "clsx";
 import { twMerge as Se } from "tailwind-merge";
-import { AlertCircle as yt, Table as Ce, XIcon as _t, PanelLeftIcon as Te, ExternalLink as $t, ChevronRight as W, SunIcon as ke, SearchIcon as Re, Check as Pe, Copy as Ae } from "lucide-react";
+import { AlertCircle as yt, Table as Ce, XIcon as _t, PanelLeftIcon as Te, ExternalLink as $t, ChevronRight as W, SunIcon as ke, SearchIcon as Re, Check as Pe, Copy as Ee } from "lucide-react";
 import * as f from "react";
 import { createContext as X, useContext as L, useState as H, useMemo as B, useEffect as F, useSyncExternalStore as Wt, Suspense as it, useRef as Ft, useCallback as M } from "react";
-import { Toaster as Ee, toast as Me } from "sonner";
+import { Toaster as Ae, toast as Me } from "sonner";
 import { parsePath as Be } from "@tailor-platform/app-shell-vite-plugin/parser";
 import { Dialog as v } from "@base-ui/react/dialog";
-import { Tooltip as A } from "@base-ui/react/tooltip";
+import { Tooltip as E } from "@base-ui/react/tooltip";
 import { Collapsible as lt } from "@base-ui/react/collapsible";
 import { createAuthClient as De } from "@tailor-platform/auth-public-client";
 function m(...t) {
@@ -202,8 +202,8 @@ const G = "en", Ie = () => {
     commandPaletteSearch: "ページを検索...",
     commandPaletteNoResults: "結果が見つかりません"
   }
-}), E = We.useT, _ = () => {
-  const t = ue(), e = E(), s = {
+}), A = We.useT, _ = () => {
+  const t = ue(), e = A(), s = {
     role: "alert",
     "aria-label": "default-error-boundary"
   };
@@ -281,10 +281,7 @@ function $s(t) {
     throw new Error(
       `Module "${e}" has no component. Either provide a \`component\` or use \`guards\` with \`redirectTo()\` or \`hidden()\` to control access. A guard that only returns \`pass()\` without a component will result in a blank page.`
     );
-  const w = i && i.length > 0 ? Vt(i) : void 0, d = r ? Ht(
-    { metaTitle: l, fallbackTitle: u },
-    (h) => r({ title: h, resources: n })
-  ) : void 0;
+  const w = i && i.length > 0 ? Vt(i) : void 0, d = r ? Ht({ metaTitle: l, fallbackTitle: u }, (h) => r({ title: h, resources: n })) : void 0;
   return {
     path: e,
     type: "component",
@@ -325,16 +322,16 @@ function Ws(t) {
   };
 }
 const Oe = () => {
-  const t = E();
+  const t = A();
   return /* @__PURE__ */ c(S, { children: [
     /* @__PURE__ */ a("p", { className: "astw:font-semibold astw:leading-none astw:tracking-tight", children: t("welcomeTitle") }),
     /* @__PURE__ */ a("p", { className: "pt-4", children: t("welcomeBody") })
   ] });
 }, Nt = () => /* @__PURE__ */ c(S, { children: [
   /* @__PURE__ */ a(nt, {}),
-  /* @__PURE__ */ a(Ee, {})
+  /* @__PURE__ */ a(Ae, {})
 ] }), je = () => {
-  const { configurations: t } = jt(), e = E(), s = _e();
+  const { configurations: t } = jt(), e = A(), s = _e();
   return /* @__PURE__ */ c("div", { className: "astw:mx-auto astw:flex-col astw:flex astw:md:flex-row astw:max-w-5xl astw:gap-[10px] astw:w-full", children: [
     /* @__PURE__ */ a("div", { children: /* @__PURE__ */ c("nav", { className: "astw:bg-card astw:md:w-xs astw:rounded-md astw:border astw:p-3 astw:shadow-xs", children: [
       /* @__PURE__ */ a("h2", { className: "astw:text-sm astw:leading-[36px] astw:mb-2 astw:font-bold ", children: e("settings") }),
@@ -374,9 +371,7 @@ const Oe = () => {
       children: [n]
     } : {}
   };
-}, Ue = (t) => t.map(
-  (e) => Gt(e, e.resources, e.errorBoundary)
-), Ke = ({
+}, Ue = (t) => t.map((e) => Gt(e, e.resources, e.errorBoundary)), Ke = ({
   modules: t,
   settingsResources: e,
   rootComponent: s
@@ -388,14 +383,7 @@ const Oe = () => {
     {
       path: "settings",
       index: !0,
-      Component: () => /* @__PURE__ */ a(
-        pe,
-        {
-          to: e[0].path,
-          relative: "path",
-          replace: !0
-        }
-      )
+      Component: () => /* @__PURE__ */ a(pe, { to: e[0].path, relative: "path", replace: !0 })
     },
     {
       path: "settings",
@@ -429,12 +417,12 @@ const Oe = () => {
 }, qt = "appshell-root-nav", Ve = (t) => ({
   loaderID: qt,
   loader: async () => ({ navItems: He(t) })
-}), Qt = () => fe(qt)?.navItems, He = async (t) => {
+}), Yt = () => fe(qt)?.navItems, He = async (t) => {
   const e = Ot(t.locale);
   return (await Promise.all(
     t.modules.map(async (r) => {
       if (r.path.startsWith(":") || (await ut(r.guards)).type !== "pass") return null;
-      const o = await Yt(
+      const o = await Qt(
         r.resources,
         r.path,
         e
@@ -447,14 +435,10 @@ const Oe = () => {
     icon: r.meta.icon || /* @__PURE__ */ a(Ce, {}),
     items: n
   }));
-}, Yt = async (t, e, s) => (await Promise.all(
+}, Qt = async (t, e, s) => (await Promise.all(
   t.map(async (n) => {
     if (n.path.startsWith(":") || (await ut(n.guards)).type !== "pass") return null;
-    const i = `${e}/${n.path}`, l = s(n.meta.title, n.path), u = n.subResources ? await Yt(
-      n.subResources,
-      i,
-      s
-    ) : void 0;
+    const i = `${e}/${n.path}`, l = s(n.meta.title, n.path), u = n.subResources ? await Qt(n.subResources, i, s) : void 0;
     return {
       title: l,
       url: i,
@@ -499,7 +483,7 @@ const Oe = () => {
   theme: "system",
   setTheme: () => null
 }, Xt = X(qe);
-function Qe({
+function Ye({
   children: t,
   storageKey: e,
   defaultTheme: s = "system",
@@ -521,19 +505,14 @@ function Qe({
   };
   return /* @__PURE__ */ a(Xt.Provider, { ...r, value: l, children: t });
 }
-const Ye = () => {
+const Qe = () => {
   const t = L(Xt);
-  if (t === void 0)
-    throw new Error("useTheme must be used within a ThemeProvider");
+  if (t === void 0) throw new Error("useTheme must be used within a ThemeProvider");
   return t;
 }, Xe = () => () => {
 }, Ze = () => !0, Je = () => !1;
 function ta() {
-  return Wt(
-    Xe,
-    Ze,
-    Je
-  );
+  return Wt(Xe, Ze, Je);
 }
 function ea(t) {
   const e = {
@@ -631,13 +610,7 @@ const te = (t) => {
       errorBoundary: t.errorBoundary,
       locale: t.locale
     }) : null,
-    [
-      r,
-      t.settingsResources,
-      t.basePath,
-      t.errorBoundary,
-      t.locale
-    ]
+    [r, t.settingsResources, t.basePath, t.errorBoundary, t.locale]
   ), o = B(
     () => n ? { title: t.title, icon: t.icon, configurations: n } : null,
     [t.title, t.icon, n]
@@ -652,7 +625,7 @@ const te = (t) => {
       /* @__PURE__ */ a("p", { className: "astw:text-sm astw:text-muted-foreground", children: l })
     ] }) });
   }
-  return e ? /* @__PURE__ */ a(ct.Provider, { value: o, children: /* @__PURE__ */ a(dt.Provider, { value: i, children: /* @__PURE__ */ a(Qe, { defaultTheme: "system", storageKey: "appshell-ui-theme", children: /* @__PURE__ */ a(Ge, { rootComponent: t.rootComponent, children: t.children }) }) }) }) : null;
+  return e ? /* @__PURE__ */ a(ct.Provider, { value: o, children: /* @__PURE__ */ a(dt.Provider, { value: i, children: /* @__PURE__ */ a(Ye, { defaultTheme: "system", storageKey: "appshell-ui-theme", children: /* @__PURE__ */ a(Ge, { rootComponent: t.rootComponent, children: t.children }) }) }) }) : null;
 };
 function sa(t) {
   const e = aa(t), s = e.find((o) => o.path === ""), r = e.filter((o) => o.path !== "");
@@ -668,9 +641,7 @@ function sa(t) {
 te.WithPages = sa;
 const J = 768;
 function ra() {
-  const [t, e] = f.useState(
-    void 0
-  );
+  const [t, e] = f.useState(void 0);
   return f.useEffect(() => {
     const s = window.matchMedia(`(max-width: ${J - 1}px)`), r = () => {
       e(window.innerWidth < J);
@@ -680,9 +651,7 @@ function ra() {
 }
 const tt = 768, et = 1199;
 function na() {
-  const [t, e] = f.useState(
-    void 0
-  );
+  const [t, e] = f.useState(void 0);
   return f.useEffect(() => {
     const s = window.matchMedia(
       `(min-width: ${tt}px) and (max-width: ${et}px)`
@@ -737,15 +706,10 @@ function ia({
 function Ct({ ...t }) {
   return /* @__PURE__ */ a(v.Root, { "data-slot": "sheet", ...t });
 }
-function la({
-  ...t
-}) {
+function la({ ...t }) {
   return /* @__PURE__ */ a(v.Portal, { "data-slot": "sheet-portal", ...t });
 }
-function ca({
-  className: t,
-  ...e
-}) {
+function ca({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     v.Backdrop,
     {
@@ -800,10 +764,7 @@ function kt({ className: t, ...e }) {
     }
   );
 }
-function Rt({
-  className: t,
-  ...e
-}) {
+function Rt({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     v.Title,
     {
@@ -831,23 +792,13 @@ function mt({
   children: e,
   ...s
 }) {
-  return /* @__PURE__ */ a(
-    A.Provider,
-    {
-      "data-slot": "tooltip-provider",
-      delay: t,
-      ...s,
-      children: e
-    }
-  );
+  return /* @__PURE__ */ a(E.Provider, { "data-slot": "tooltip-provider", delay: t, ...s, children: e });
 }
 function ht({ children: t, ...e }) {
-  return /* @__PURE__ */ a(mt, { children: /* @__PURE__ */ a(A.Root, { "data-slot": "tooltip", ...e, children: t }) });
+  return /* @__PURE__ */ a(mt, { children: /* @__PURE__ */ a(E.Root, { "data-slot": "tooltip", ...e, children: t }) });
 }
-function pt({
-  ...t
-}) {
-  return /* @__PURE__ */ a(A.Trigger, { "data-slot": "tooltip-trigger", ...t });
+function pt({ ...t }) {
+  return /* @__PURE__ */ a(E.Trigger, { "data-slot": "tooltip-trigger", ...t });
 }
 function ft({
   className: t,
@@ -857,8 +808,8 @@ function ft({
   children: n,
   ...o
 }) {
-  return /* @__PURE__ */ a(A.Portal, { children: /* @__PURE__ */ a(A.Positioner, { sideOffset: e, side: s, align: r, children: /* @__PURE__ */ c(
-    A.Popup,
+  return /* @__PURE__ */ a(E.Portal, { children: /* @__PURE__ */ a(E.Positioner, { sideOffset: e, side: s, align: r, children: /* @__PURE__ */ c(
+    E.Popup,
     {
       "data-slot": "tooltip-content",
       className: m(
@@ -868,7 +819,7 @@ function ft({
       ...o,
       children: [
         n,
-        /* @__PURE__ */ a(A.Arrow, { className: "astw:bg-primary astw:fill-primary astw:z-50 astw:size-2.5 astw:translate-y-[calc(-50%_-_2px)] astw:rotate-45 astw:rounded-[2px]" })
+        /* @__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]" })
       ]
     }
   ) }) });
@@ -954,15 +905,7 @@ function ha({
   children: n,
   ...o
 }) {
-  const {
-    isMobile: i,
-    state: l,
-    openMobile: u,
-    setOpenMobile: w,
-    isIconMode: d,
-    openIconMode: h,
-    setOpenIconMode: p
-  } = K();
+  const { isMobile: i, state: l, openMobile: u, setOpenMobile: w, isIconMode: d, openIconMode: h, setOpenIconMode: p } = K();
   return s === "none" ? /* @__PURE__ */ a(
     "div",
     {
@@ -1108,11 +1051,7 @@ function ha({
     }
   );
 }
-function se({
-  className: t,
-  onClick: e,
-  ...s
-}) {
+function se({ className: t, onClick: e, ...s }) {
   const { toggleSidebar: r } = K();
   return /* @__PURE__ */ c(
     O,
@@ -1154,18 +1093,12 @@ function fa({ className: t, ...e }) {
     {
       "data-slot": "sidebar-header",
       "data-sidebar": "header",
-      className: m(
-        "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 ga({
-  className: t,
-  ...e
-}) {
+function ga({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     ia,
     {
@@ -1210,10 +1143,7 @@ function bt({ className: t, ...e }) {
     {
       "data-slot": "sidebar-menu",
       "data-sidebar": "menu",
-      className: m(
-        "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
     }
   );
@@ -1331,10 +1261,7 @@ function at({ className: t, ...e }) {
     }
   );
 }
-function va({
-  className: t,
-  ...e
-}) {
+function va({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "li",
     {
@@ -1378,20 +1305,15 @@ const Na = (t) => {
   const { configurations: e } = C(), { modules: s, locale: r } = e;
   return Sa(t) ? null : Ca(t, s, r);
 }, Sa = (t) => t.startsWith("http://") || t.startsWith("https://"), Ca = (t, e, s) => {
-  const r = U(s), n = At(t);
+  const r = U(s), n = Et(t);
   for (const o of e) {
-    const i = At(o.path);
+    const i = Et(o.path);
     if (re(n, i))
       return {
         title: r(o.meta.title, o.path),
         icon: o.meta.icon
       };
-    const l = ne(
-      n,
-      i,
-      o.resources,
-      r
-    );
+    const l = ne(n, i, o.resources, r);
     if (l)
       return l;
   }
@@ -1399,10 +1321,8 @@ const Na = (t) => {
 }, re = (t, e) => {
   if (t === e) return !0;
   const s = t.split("/"), r = e.split("/");
-  return s.length !== r.length ? !1 : r.every(
-    (n, o) => n.startsWith(":") || n === s[o]
-  );
-}, At = (t) => {
+  return s.length !== r.length ? !1 : r.every((n, o) => n.startsWith(":") || n === s[o]);
+}, Et = (t) => {
   let e = t;
   return e.startsWith("/") || (e = `/${e}`), e.length > 1 && e.endsWith("/") && (e = e.slice(0, -1)), e;
 }, ne = (t, e, s, r) => {
@@ -1414,12 +1334,7 @@ const Na = (t) => {
         icon: n.meta.icon
       };
     if (n.subResources) {
-      const i = ne(
-        t,
-        o,
-        n.subResources,
-        r
-      );
+      const i = ne(t, o, n.subResources, r);
       if (i)
         return i;
     }
@@ -1433,7 +1348,7 @@ const Na = (t) => {
     activeMatch: n = "prefix",
     title: o,
     icon: i
-  } = t, { pathname: l } = Y(), u = Na(e), w = n === "exact" ? l === e : l === e || l.startsWith(`${e}/`), d = o ?? u?.title ?? Ta(e), h = i ?? u?.icon, p = {
+  } = t, { pathname: l } = Q(), u = Na(e), w = n === "exact" ? l === e : l === e || l.startsWith(`${e}/`), d = o ?? u?.title ?? Ta(e), h = i ?? u?.icon, p = {
     title: d,
     url: e,
     icon: h,
@@ -1442,14 +1357,17 @@ const Na = (t) => {
   return s || oe(e) ? /* @__PURE__ */ a(I, { children: /* @__PURE__ */ a(
     z,
     {
-      render: /* @__PURE__ */ a(
-        "a",
-        {
-          href: e,
-          target: "_blank",
-          rel: "noopener noreferrer",
-          className: w ? "astw:bg-sidebar-accent astw:font-medium" : void 0
-        }
+      render: (
+        // oxlint-disable-next-line jsx-a11y/anchor-has-content -- content is provided by SidebarMenuButton's children
+        /* @__PURE__ */ a(
+          "a",
+          {
+            href: e,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: w ? "astw:bg-sidebar-accent astw:font-medium" : void 0
+          }
+        )
       ),
       tooltip: d,
       children: r ? r(p) : /* @__PURE__ */ c(S, { children: [
@@ -1484,23 +1402,17 @@ const Na = (t) => {
   const e = t.split("/").filter(Boolean);
   return (e[e.length - 1] ?? t).split("-").map((r) => r.charAt(0).toUpperCase() + r.slice(1)).join(" ");
 };
-function st({
-  ...t
-}) {
+function st({ ...t }) {
   return /* @__PURE__ */ a(lt.Root, { "data-slot": "collapsible", ...t });
 }
-function Q({
-  ...t
-}) {
+function Y({ ...t }) {
   return /* @__PURE__ */ a(lt.Trigger, { "data-slot": "collapsible-trigger", ...t });
 }
-function rt({
-  ...t
-}) {
+function rt({ ...t }) {
   return /* @__PURE__ */ a(lt.Panel, { "data-slot": "collapsible-content", ...t });
 }
 const Os = (t) => {
-  const { title: e, icon: s, to: r, defaultOpen: n = !0, children: o } = t, { pathname: i } = Y(), { configurations: l } = C(), u = U(l.locale), w = E(), d = u(e, typeof e == "string" ? e : ""), h = r ? i === r : !1;
+  const { title: e, icon: s, to: r, defaultOpen: n = !0, children: o } = t, { pathname: i } = Q(), { configurations: l } = C(), u = U(l.locale), w = A(), d = u(e, typeof e == "string" ? e : ""), h = r ? i === r : !1;
   return r ? /* @__PURE__ */ c(st, { render: /* @__PURE__ */ a(I, {}), defaultOpen: n, children: [
     /* @__PURE__ */ c(
       z,
@@ -1520,7 +1432,7 @@ const Os = (t) => {
       }
     ),
     /* @__PURE__ */ c(
-      Q,
+      Y,
       {
         render: /* @__PURE__ */ a(q, { className: "astw:data-panel-open:rotate-90" }),
         children: [
@@ -1531,7 +1443,7 @@ const Os = (t) => {
     ),
     /* @__PURE__ */ a(rt, { children: /* @__PURE__ */ a(at, { children: o }) })
   ] }) : /* @__PURE__ */ c(st, { render: /* @__PURE__ */ a(I, {}), defaultOpen: n, children: [
-    /* @__PURE__ */ c(Q, { className: "astw:flex astw:w-full astw:[&[data-panel-open]_.astw-rotate-target]:rotate-90", children: [
+    /* @__PURE__ */ c(Y, { className: "astw:flex astw:w-full astw:[&[data-panel-open]_.astw-rotate-target]:rotate-90", children: [
       /* @__PURE__ */ c(
         z,
         {
@@ -1551,18 +1463,9 @@ const Os = (t) => {
     /* @__PURE__ */ a(rt, { children: /* @__PURE__ */ a(at, { children: o }) })
   ] });
 }, js = () => /* @__PURE__ */ a(ga, {}), ka = (t) => {
-  const { title: e, icon: s } = C(), { pathname: r } = Y(), { isIconMode: n } = K(), o = /* @__PURE__ */ c(fa, { children: [
+  const { title: e, icon: s } = C(), { pathname: r } = Q(), { isIconMode: n } = K(), o = /* @__PURE__ */ c(fa, { children: [
     s,
-    /* @__PURE__ */ a(
-      "h1",
-      {
-        className: m(
-          "astw:text-sm astw:mb-2 astw:mt-2 astw:px-2",
-          n && "astw:hidden"
-        ),
-        children: e
-      }
-    )
+    /* @__PURE__ */ a("h1", { className: m("astw:text-sm astw:mb-2 astw:mt-2 astw:px-2", n && "astw:hidden"), children: e })
   ] });
   return /* @__PURE__ */ c(ha, { variant: "inset", collapsible: n ? "icon" : "offcanvas", children: [
     !n && /* @__PURE__ */ c("div", { className: "astw:flex astw:justify-between astw:items-center", children: [
@@ -1574,91 +1477,76 @@ const Os = (t) => {
       /* @__PURE__ */ a(gt, { children: /* @__PURE__ */ a(bt, { children: t.children }) })
     ) : (
       // Existing behavior: auto-generation from resources
-      /* @__PURE__ */ a(it, { fallback: /* @__PURE__ */ a(Ea, {}), children: /* @__PURE__ */ a(Ra, { currentPath: r }) })
+      /* @__PURE__ */ a(it, { fallback: /* @__PURE__ */ a(Aa, {}), children: /* @__PURE__ */ a(Ra, { currentPath: r }) })
     ) }),
     t.footer ?? null
   ] });
 }, Ra = ({ currentPath: t }) => {
-  const e = Qt();
+  const e = Yt();
   return /* @__PURE__ */ a(zt, { resolve: e, children: (s) => /* @__PURE__ */ a(Pa, { items: s ?? [], currentPath: t }) });
 }, Pa = (t) => {
-  const e = E();
-  return /* @__PURE__ */ a(gt, { children: /* @__PURE__ */ a(bt, { children: t.items.map((s) => /* @__PURE__ */ c(
-    st,
-    {
-      render: /* @__PURE__ */ a(I, {}),
-      defaultOpen: !0,
-      children: [
-        s.url ? /* @__PURE__ */ c(S, { children: [
-          /* @__PURE__ */ c(
-            z,
-            {
-              render: /* @__PURE__ */ a(
-                $,
-                {
-                  to: s.url,
-                  className: s.url === t.currentPath ? "astw:bg-sidebar-accent astw:font-medium" : void 0
-                }
-              ),
-              tooltip: s.title,
-              children: [
-                s.icon,
-                /* @__PURE__ */ a("span", { children: s.title })
-              ]
-            }
-          ),
-          !!s.items?.length && /* @__PURE__ */ c(
-            Q,
-            {
-              render: /* @__PURE__ */ a(q, { className: "astw:data-panel-open:rotate-90" }),
-              children: [
-                /* @__PURE__ */ a(W, {}),
-                /* @__PURE__ */ a("span", { className: "astw:sr-only", children: e("toggle") })
-              ]
-            }
-          )
-        ] }) : /* @__PURE__ */ a(S, { children: /* @__PURE__ */ c(Q, { className: "astw:flex astw:w-full astw:[&[data-panel-open]_.astw-rotate-target]:rotate-90", children: [
-          /* @__PURE__ */ c(
-            z,
+  const e = A();
+  return /* @__PURE__ */ a(gt, { children: /* @__PURE__ */ a(bt, { children: t.items.map((s) => /* @__PURE__ */ c(st, { render: /* @__PURE__ */ a(I, {}), defaultOpen: !0, children: [
+    s.url ? /* @__PURE__ */ c(S, { children: [
+      /* @__PURE__ */ c(
+        z,
+        {
+          render: /* @__PURE__ */ a(
+            $,
             {
-              render: /* @__PURE__ */ a("span", { className: "astw:flex astw:w-full" }),
-              tooltip: s.title,
-              children: [
-                s.icon,
-                /* @__PURE__ */ a("span", { children: s.title })
-              ]
+              to: s.url,
+              className: s.url === t.currentPath ? "astw:bg-sidebar-accent astw:font-medium" : void 0
             }
           ),
-          !!s.items?.length && /* @__PURE__ */ c(
-            q,
-            {
-              className: "astw-rotate-target",
-              render: /* @__PURE__ */ a("span", {}),
-              children: [
-                /* @__PURE__ */ a(W, {}),
-                /* @__PURE__ */ a("span", { className: "astw:sr-only", children: e("toggle") })
-              ]
-            }
-          )
-        ] }) }),
-        !!s.items?.length && /* @__PURE__ */ a(rt, { children: /* @__PURE__ */ a(at, { children: s.items?.map((r) => /* @__PURE__ */ a(va, { children: /* @__PURE__ */ a(
-          ya,
+          tooltip: s.title,
+          children: [
+            s.icon,
+            /* @__PURE__ */ a("span", { children: s.title })
+          ]
+        }
+      ),
+      !!s.items?.length && /* @__PURE__ */ c(
+        Y,
+        {
+          render: /* @__PURE__ */ a(q, { className: "astw:data-panel-open:rotate-90" }),
+          children: [
+            /* @__PURE__ */ a(W, {}),
+            /* @__PURE__ */ a("span", { className: "astw:sr-only", children: e("toggle") })
+          ]
+        }
+      )
+    ] }) : /* @__PURE__ */ a(S, { children: /* @__PURE__ */ c(Y, { className: "astw:flex astw:w-full astw:[&[data-panel-open]_.astw-rotate-target]:rotate-90", children: [
+      /* @__PURE__ */ c(
+        z,
+        {
+          render: /* @__PURE__ */ a("span", { className: "astw:flex astw:w-full" }),
+          tooltip: s.title,
+          children: [
+            s.icon,
+            /* @__PURE__ */ a("span", { children: s.title })
+          ]
+        }
+      ),
+      !!s.items?.length && /* @__PURE__ */ c(q, { className: "astw-rotate-target", render: /* @__PURE__ */ a("span", {}), children: [
+        /* @__PURE__ */ a(W, {}),
+        /* @__PURE__ */ a("span", { className: "astw:sr-only", children: e("toggle") })
+      ] })
+    ] }) }),
+    !!s.items?.length && /* @__PURE__ */ a(rt, { children: /* @__PURE__ */ a(at, { children: s.items?.map((r) => /* @__PURE__ */ a(va, { children: /* @__PURE__ */ a(
+      ya,
+      {
+        render: /* @__PURE__ */ a(
+          $,
           {
-            render: /* @__PURE__ */ a(
-              $,
-              {
-                to: r.url,
-                className: r.url === t.currentPath ? "astw:bg-sidebar-accent astw:font-medium" : void 0
-              }
-            ),
-            children: /* @__PURE__ */ a("span", { children: r.title })
+            to: r.url,
+            className: r.url === t.currentPath ? "astw:bg-sidebar-accent astw:font-medium" : void 0
           }
-        ) }, r.title)) }) })
-      ]
-    },
-    s.title
-  )) }) });
-}, Aa = [104, 80, 112, 88, 96, 100, 84, 92], Ea = () => /* @__PURE__ */ a(gt, { children: /* @__PURE__ */ a(bt, { className: "astw:px-2", children: Aa.map((t, e) => /* @__PURE__ */ a(I, { children: /* @__PURE__ */ c("div", { className: "astw:flex astw:items-center astw:gap-2 astw:py-1.5", children: [
+        ),
+        children: /* @__PURE__ */ a("span", { children: r.title })
+      }
+    ) }, r.title)) }) })
+  ] }, s.title)) }) });
+}, Ea = [104, 80, 112, 88, 96, 100, 84, 92], Aa = () => /* @__PURE__ */ a(gt, { children: /* @__PURE__ */ a(bt, { className: "astw:px-2", children: Ea.map((t, e) => /* @__PURE__ */ a(I, { children: /* @__PURE__ */ c("div", { className: "astw:flex astw:items-center astw:gap-2 astw:py-1.5", children: [
   /* @__PURE__ */ a("div", { className: "astw:h-4 astw:w-4 astw:rounded-md astw:bg-muted" }),
   /* @__PURE__ */ a(
     "div",
@@ -1668,7 +1556,7 @@ const Os = (t) => {
     }
   )
 ] }) }, e)) }) });
-function Et({ ...t }) {
+function At({ ...t }) {
   return /* @__PURE__ */ a("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...t });
 }
 function Mt({ className: t, ...e }) {
@@ -1689,10 +1577,7 @@ function Bt({ className: t, ...e }) {
     "li",
     {
       "data-slot": "breadcrumb-item",
-      className: m(
-        "astw:inline-flex astw:items-center astw:gap-1.5",
-        t
-      ),
+      className: m("astw:inline-flex astw:items-center astw:gap-1.5", t),
       ...e
     }
   );
@@ -1704,10 +1589,7 @@ function Dt({
   to: r,
   ...n
 }) {
-  const o = m(
-    "astw:hover:text-foreground astw:transition-colors",
-    e
-  );
+  const o = m("astw:hover:text-foreground astw:transition-colors", e);
   return j({
     defaultTagName: "a",
     render: t ?? /* @__PURE__ */ a($, { to: r }),
@@ -1719,11 +1601,7 @@ function Dt({
     }
   });
 }
-function Ma({
-  children: t,
-  className: e,
-  ...s
-}) {
+function Ma({ children: t, className: e, ...s }) {
   return /* @__PURE__ */ a(
     "li",
     {
@@ -1755,18 +1633,12 @@ const Da = (t, e) => {
       };
       const i = (l, u) => {
         !l || l.length === 0 || l.forEach((w) => {
-          const d = `${u}/${w.path}`, h = s(
-            w.meta.title,
-            w.path
-          );
+          const d = `${u}/${w.path}`, h = s(w.meta.title, w.path);
           r[d] = {
             title: h,
             // eslint-disable-next-line @typescript-eslint/no-explicit-any -- breadcrumbTitle exists at runtime but not in CommonPageResource type
             breadcrumbTitle: w.meta.breadcrumbTitle
-          }, w.subResources && w.subResources.length > 0 && i(
-            w.subResources,
-            d
-          );
+          }, w.subResources && w.subResources.length > 0 && i(w.subResources, d);
         });
       };
       return n.resources && n.resources.length > 0 && i(n.resources, n.path), r;
@@ -1779,12 +1651,10 @@ function La(t, e, s, r) {
     const d = o.slice(0, w + 1).join("/");
     let h = i[d];
     if (!h) {
-      const g = Object.entries(i).find(
-        ([x]) => {
-          const b = x.split("/").map((R) => R.startsWith(":") ? "[^/]+" : R).join("/");
-          return new RegExp(`^${b}$`).test(d);
-        }
-      )?.[1];
+      const g = Object.entries(i).find(([x]) => {
+        const b = x.split("/").map((R) => R.startsWith(":") ? "[^/]+" : R).join("/");
+        return new RegExp(`^${b}$`).test(d);
+      })?.[1];
       g && (h = g);
     }
     let p;
@@ -1800,7 +1670,7 @@ function La(t, e, s, r) {
   };
 }
 const Ia = () => {
-  const { configurations: t } = C(), e = Y();
+  const { configurations: t } = C(), e = Q();
   return La(
     e.pathname,
     t.basePath,
@@ -1808,8 +1678,8 @@ const Ia = () => {
     t.locale
   );
 }, za = () => {
-  const { segments: t } = Ia(), e = ve("/:prefix/settings/:suffix"), s = E();
-  return e ? /* @__PURE__ */ a(Et, { children: /* @__PURE__ */ a(Mt, { children: /* @__PURE__ */ a("div", { className: "astw:inline-flex astw:items-center astw:gap-3 astw:last:text-foreground", children: /* @__PURE__ */ a(Bt, { children: /* @__PURE__ */ a(Dt, { to: `/${e.params.prefix}/settings`, children: s("settings") }) }) }) }) }) : /* @__PURE__ */ a(Et, { children: /* @__PURE__ */ a(Mt, { children: t.map((r, n) => /* @__PURE__ */ c(
+  const { segments: t } = Ia(), e = ve("/:prefix/settings/:suffix"), s = A();
+  return e ? /* @__PURE__ */ a(At, { children: /* @__PURE__ */ a(Mt, { children: /* @__PURE__ */ a("div", { className: "astw:inline-flex astw:items-center astw:gap-3 astw:last:text-foreground", children: /* @__PURE__ */ a(Bt, { children: /* @__PURE__ */ a(Dt, { to: `/${e.params.prefix}/settings`, children: s("settings") }) }) }) }) }) : /* @__PURE__ */ a(At, { children: /* @__PURE__ */ a(Mt, { children: t.map((r, n) => /* @__PURE__ */ c(
     "div",
     {
       className: "astw:inline-flex astw:items-center astw:gap-3 astw:last:text-foreground",
@@ -1824,7 +1694,7 @@ const Ia = () => {
   const { open: t, isIconMode: e } = K();
   return /* @__PURE__ */ a("div", { className: t && !e ? "astw:md:hidden" : void 0, children: /* @__PURE__ */ a(se, { className: "astw:-ml-2.5" }) });
 }, Us = (t) => {
-  const e = t.children ? t.children({ Outlet: Nt }) : null, s = Ye(), r = () => {
+  const e = t.children ? t.children({ Outlet: Nt }) : null, s = Qe(), r = () => {
     s.setTheme(s.theme === "dark" ? "light" : "dark");
   };
   return /* @__PURE__ */ a(ma, { className: "astw:flex astw:flex-col", children: /* @__PURE__ */ c("div", { className: "astw:flex astw:flex-1", children: [
@@ -1841,20 +1711,13 @@ const Ia = () => {
     ] })
   ] }) });
 };
-function $a({
-  ...t
-}) {
+function $a({ ...t }) {
   return /* @__PURE__ */ a(v.Root, { "data-slot": "dialog", ...t });
 }
-function Wa({
-  ...t
-}) {
+function Wa({ ...t }) {
   return /* @__PURE__ */ a(v.Portal, { "data-slot": "dialog-portal", ...t });
 }
-function Fa({
-  className: t,
-  ...e
-}) {
+function Fa({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     v.Backdrop,
     {
@@ -1894,10 +1757,7 @@ function Oa({
     )
   ] });
 }
-function ja({
-  className: t,
-  ...e
-}) {
+function ja({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     v.Title,
     {
@@ -1928,13 +1788,8 @@ function Ua(t) {
     }), s(r.items, r.icon, [r.title]);
   }), e;
 }
-function Ka({
-  routes: t
-}) {
-  const e = ye(), s = Ft(null), [r, n] = H(!1), [o, i] = H(""), [l, u] = H(0), w = B(
-    () => Ba(t, o),
-    [t, o]
-  ), d = M((x) => {
+function Ka({ routes: t }) {
+  const e = ye(), s = Ft(null), [r, n] = H(!1), [o, i] = H(""), [l, u] = H(0), w = B(() => Ba(t, o), [t, o]), d = M((x) => {
     i(x), u(0);
   }, []);
   F(() => {
@@ -1959,9 +1814,7 @@ function Ka({
       if (!x.nativeEvent.isComposing)
         switch (x.key) {
           case "ArrowDown":
-            x.preventDefault(), u(
-              (b) => b < w.length - 1 ? b + 1 : b
-            );
+            x.preventDefault(), u((b) => b < w.length - 1 ? b + 1 : b);
             break;
           case "ArrowUp":
             x.preventDefault(), u((b) => b > 0 ? b - 1 : b);
@@ -1985,10 +1838,8 @@ function Ka({
     listRef: s
   };
 }
-function Va({
-  navItems: t
-}) {
-  const e = E(), s = B(() => Ua(t), [t]), {
+function Va({ navItems: t }) {
+  const e = A(), s = B(() => Ua(t), [t]), {
     open: r,
     handleOpenChange: n,
     search: o,
@@ -2020,43 +1871,36 @@ function Va({
             }
           )
         ] }),
-        /* @__PURE__ */ a(
-          "div",
+        /* @__PURE__ */ a("div", { ref: h, className: "astw:max-h-75 astw:overflow-y-auto astw:overflow-x-hidden", children: u.length === 0 ? /* @__PURE__ */ a("div", { className: "astw:py-6 astw:text-center astw:text-sm astw:text-muted-foreground", children: e("commandPaletteNoResults") }) : /* @__PURE__ */ a("div", { className: "astw:p-1", children: u.map((p, g) => /* @__PURE__ */ c(
+          "button",
           {
-            ref: h,
-            className: "astw:max-h-75 astw:overflow-y-auto astw:overflow-x-hidden",
-            children: u.length === 0 ? /* @__PURE__ */ a("div", { className: "astw:py-6 astw:text-center astw:text-sm astw:text-muted-foreground", children: e("commandPaletteNoResults") }) : /* @__PURE__ */ a("div", { className: "astw:p-1", children: u.map((p, g) => /* @__PURE__ */ c(
-              "button",
-              {
-                "data-index": g,
-                onClick: () => w(p),
-                className: m(
-                  "astw:relative astw:flex astw:flex-col astw:w-full astw:cursor-pointer astw:select-none astw:items-start astw:rounded-sm astw:px-2 astw:py-2 astw:text-sm astw:outline-none astw:text-left",
-                  g === l ? "astw:bg-accent astw:text-accent-foreground" : "astw:hover:bg-accent astw:hover:text-accent-foreground"
-                ),
-                children: [
-                  /* @__PURE__ */ a("span", { className: "astw:truncate astw:w-full astw:text-left", children: p.breadcrumb.join(" > ") }),
-                  /* @__PURE__ */ c("span", { className: "astw:text-[11px] astw:text-muted-foreground astw:truncate astw:w-full astw:text-left", children: [
-                    "/",
-                    p.path
-                  ] })
-                ]
-              },
-              p.path
-            )) })
-          }
-        )
+            "data-index": g,
+            onClick: () => w(p),
+            className: m(
+              "astw:relative astw:flex astw:flex-col astw:w-full astw:cursor-pointer astw:select-none astw:items-start astw:rounded-sm astw:px-2 astw:py-2 astw:text-sm astw:outline-none astw:text-left",
+              g === l ? "astw:bg-accent astw:text-accent-foreground" : "astw:hover:bg-accent astw:hover:text-accent-foreground"
+            ),
+            children: [
+              /* @__PURE__ */ a("span", { className: "astw:truncate astw:w-full astw:text-left", children: p.breadcrumb.join(" > ") }),
+              /* @__PURE__ */ c("span", { className: "astw:text-[11px] astw:text-muted-foreground astw:truncate astw:w-full astw:text-left", children: [
+                "/",
+                p.path
+              ] })
+            ]
+          },
+          p.path
+        )) }) })
       ]
     }
   ) });
 }
 function Ks() {
-  const t = Qt();
+  const t = Yt();
   return /* @__PURE__ */ a(it, { fallback: null, children: /* @__PURE__ */ a(zt, { resolve: t, children: (e) => /* @__PURE__ */ a(Va, { navItems: e ?? [] }) }) });
 }
 function Ha(t, e, s) {
   if (s.current === null || s.current.contextData !== e || s.current.guards !== t) {
-    const r = Qa(t, e), n = {
+    const r = Ya(t, e), n = {
       contextData: e,
       guards: t,
       promise: r,
@@ -2086,8 +1930,8 @@ function Ga(t) {
 }
 const Vs = (t) => {
   const { guards: e, children: s, fallback: r = null, loading: n = null } = t, { contextData: o } = jt(), i = Ft(null), l = Ha(e, o, i);
-  return /* @__PURE__ */ a(it, { fallback: n, children: /* @__PURE__ */ a(qa, { cache: l, children: s, fallback: r }) });
-}, qa = (t) => Ga(t.cache).type === "pass" ? /* @__PURE__ */ a(S, { children: t.children }) : /* @__PURE__ */ a(S, { children: t.fallback }), Qa = async (t, e) => {
+  return /* @__PURE__ */ a(it, { fallback: n, children: /* @__PURE__ */ a(qa, { cache: l, fallback: r, children: s }) });
+}, qa = (t) => Ga(t.cache).type === "pass" ? /* @__PURE__ */ a(S, { children: t.children }) : /* @__PURE__ */ a(S, { children: t.fallback }), Ya = async (t, e) => {
   const s = { context: e };
   for (const r of t) {
     const n = await r(s);
@@ -2096,25 +1940,21 @@ const Vs = (t) => {
   }
   return { type: "pass" };
 };
-function Ya(t) {
-  const e = new URLSearchParams(t.search);
-  e.delete("code"), e.delete("state");
-  const s = e.toString();
-  return t.pathname + (s ? `?${s}` : "") + t.hash;
-}
 function Hs(t) {
   const e = De(t), { appUri: s } = t;
   return {
     ...e,
     getAppUri() {
       return s;
-    },
-    async getAuthHeadersForQuery(n = "/query", o = "POST") {
-      const i = `${s}${n}`;
-      return e.getAuthHeaders(i, o);
     }
   };
 }
+function Qa(t) {
+  const e = new URLSearchParams(t.search);
+  e.delete("code"), e.delete("state");
+  const s = e.toString();
+  return t.pathname + (s ? `?${s}` : "") + t.hash;
+}
 const ie = X(null), Gs = (t) => {
   const e = t.client, s = M(
     (l) => e.addEventListener((u) => {
@@ -2127,9 +1967,7 @@ const ie = X(null), Gs = (t) => {
       if (new URLSearchParams(window.location.search).has("code"))
         try {
           await e.handleCallback();
-          const w = Ya(
-            new URL(window.location.href)
-          );
+          const w = Qa(new URL(window.location.href));
           window.history.replaceState({}, "", w);
         } catch (w) {
           console.error("Failed to handle callback:", w);
@@ -2157,9 +1995,7 @@ const ie = X(null), Gs = (t) => {
 }, le = () => {
   const t = L(ie);
   if (!t)
-    throw new Error(
-      "useAuth/useAuthSuspense must be used within an AuthProvider"
-    );
+    throw new Error("useAuth/useAuthSuspense must be used within an AuthProvider");
   return t;
 }, qs = () => {
   const t = le(), { isAuthenticated: e, error: s, isReady: r } = t.authState;
@@ -2171,7 +2007,7 @@ const ie = X(null), Gs = (t) => {
     logout: t.logout,
     checkAuthStatus: t.checkAuthStatus
   };
-}, Qs = () => {
+}, Ys = () => {
   const t = le();
   if (!t.authState.isReady)
     throw t.ready();
@@ -2183,7 +2019,7 @@ const ie = X(null), Gs = (t) => {
     logout: t.logout,
     checkAuthStatus: t.checkAuthStatus
   };
-}, Ys = () => Me, Xa = ot(
+}, Qs = () => Me, Xa = ot(
   "astw:inline-flex astw:items-center astw:rounded-md astw:border astw:px-2 astw:py-0.5 astw:text-xs astw:font-medium astw:transition-colors astw:focus:outline-none astw:focus:ring-2 astw:focus:ring-ring astw:focus:ring-offset-2",
   {
     variants: {
@@ -2293,11 +2129,7 @@ function os(t) {
   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(", ");
+    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)];
@@ -2321,7 +2153,7 @@ function ce({ value: t }) {
             className: "astw:ml-0.5 astw:inline-flex astw:items-center astw:justify-center astw:p-1 astw:rounded astw:hover:bg-muted astw:transition-colors astw:text-muted-foreground astw:hover:text-foreground"
           }
         ),
-        children: e ? /* @__PURE__ */ a(Pe, { className: "astw:h-3 astw:w-3", strokeWidth: 2.5 }) : /* @__PURE__ */ a(Ae, { className: "astw:h-3 astw:w-3", strokeWidth: 2.5 })
+        children: e ? /* @__PURE__ */ a(Pe, { className: "astw:h-3 astw:w-3", strokeWidth: 2.5 }) : /* @__PURE__ */ a(Ee, { className: "astw:h-3 astw:w-3", strokeWidth: 2.5 })
       }
     ),
     /* @__PURE__ */ a(ft, { side: "top", children: e ? "Copied!" : "Copy" })
@@ -2423,14 +2255,7 @@ function ms({ field: t }) {
   if (!r || !s)
     return /* @__PURE__ */ a("span", { className: "astw:text-sm astw:font-medium astw:text-foreground", children: n });
   const o = s.replace("{id}", r);
-  return /* @__PURE__ */ a(
-    "a",
-    {
-      href: o,
-      className: "astw:text-sm astw:text-primary astw:hover:underline",
-      children: n
-    }
-  );
+  return /* @__PURE__ */ a("a", { href: o, className: "astw:text-sm astw:text-primary astw:hover:underline", children: n });
 }
 function Lt(t) {
   switch (t.type) {
@@ -2542,13 +2367,7 @@ function Xs({
           o && /* @__PURE__ */ a("div", { children: o })
         ] }),
         /* @__PURE__ */ a("div", { className: "astw:px-6 astw:pb-4", children: l ? /* @__PURE__ */ a("div", { className: "astw:space-y-4", children: i.map((d, h) => /* @__PURE__ */ c(f.Fragment, { children: [
-          h > 0 && /* @__PURE__ */ a(
-            "div",
-            {
-              className: "astw:h-px astw:bg-border",
-              role: "separator"
-            }
-          ),
+          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" }) })
       ]
@@ -2567,14 +2386,7 @@ const xt = f.forwardRef(
   )
 );
 xt.displayName = "Layout.Column";
-function bs({
-  columns: t,
-  className: e,
-  gap: s = 4,
-  title: r,
-  actions: n,
-  children: o
-}) {
+function bs({ columns: t, className: e, gap: s = 4, title: r, actions: n, children: o }) {
   if (process.env.NODE_ENV !== "production") {
     const h = f.Children.toArray(o).reduce((p, g) => f.isValidElement(g) && g.type === xt ? p + 1 : p, 0);
     if (h !== t)
@@ -2589,16 +2401,10 @@ function bs({
     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"
-    ],
+    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"
-    ],
+    t === 3 && ["astw:flex-col", "astw:xl:flex-row"],
     e
   ), u = f.useMemo(() => t === 1 ? f.Children.map(o, (d) => d) : t === 2 ? f.Children.map(o, (d, h) => f.isValidElement(d) ? f.cloneElement(d, {
     className: m(
@@ -2622,14 +2428,14 @@ function bs({
       "header",
       {
         className: "astw:w-full astw:flex astw:justify-between astw:items-center",
-        style: { padding: "1.5rem", paddingBottom: "1rem" },
+        style: { paddingTop: "1rem", 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(f.Fragment, { children: d }, h)) })
         ]
       }
     ),
-    /* @__PURE__ */ a("div", { style: { padding: w ? "0 1.5rem 1.5rem 1.5rem" : "1.5rem" }, children: /* @__PURE__ */ a("div", { className: l, children: u }) })
+    /* @__PURE__ */ a("div", { style: { padding: w ? "0 0 1rem 0" : "1rem 0 1rem 0" }, children: /* @__PURE__ */ a("div", { className: l, children: u }) })
   ] });
 }
 bs.Column = xt;
@@ -2668,13 +2474,13 @@ export {
   C as useAppShellConfig,
   Ls as useAppShellData,
   qs as useAuth,
-  Qs as useAuthSuspense,
+  Ys as useAuthSuspense,
   ar as useLocation,
   sr as useNavigate,
   Na as usePageMeta,
   rr as useParams,
   nr as useRouteError,
   or as useSearchParams,
-  Ye as useTheme,
-  Ys as useToast
+  Qe as useTheme,
+  Qs as useToast
 };

package/package.json

@@ -1,30 +1,30 @@
 {
   "name": "@tailor-platform/app-shell",
-  "version": "0.27.2",
+  "version": "0.28.0",
   "description": "An opinionated React application framework for building ERP applications on Tailor Platform",
   "keywords": [
-    "react",
     "app-shell",
-    "tailor-platform",
     "erp",
-    "vite",
+    "react",
+    "routing",
     "sidebar",
-    "routing"
+    "tailor-platform",
+    "vite"
   ],
-  "license": "MIT",
   "homepage": "https://github.com/tailor-platform/app-shell/tree/main/packages/core#readme",
   "bugs": {
     "url": "https://github.com/tailor-platform"
   },
-  "type": "module",
+  "license": "MIT",
   "repository": {
     "type": "git",
     "url": "https://github.com/tailor-platform/app-shell",
     "directory": "packages/core"
   },
-  "publishConfig": {
-    "access": "public"
-  },
+  "files": [
+    "dist/**"
+  ],
+  "type": "module",
   "exports": {
     "./styles": "./dist/app-shell.css",
     "./theme.css": "./dist/theme.css",
@@ -37,25 +37,20 @@
       "default": "./dist/vite-plugin.js"
     }
   },
-  "files": [
-    "dist/**"
-  ],
-  "peerDependencies": {
-    "react": ">= 19",
-    "react-dom": ">= 19"
+  "publishConfig": {
+    "access": "public"
   },
   "dependencies": {
     "@base-ui/react": "^1.2.0",
-    "@tailor-platform/auth-public-client": "^0.4.1",
+    "@tailor-platform/auth-public-client": "^0.5.0",
     "@tanstack/react-table": "^8.21.3",
     "change-case": "^5.4.4",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "es-toolkit": "^1.44.0",
+    "es-toolkit": "^1.45.1",
     "graphql": "^16.13.0",
     "lucide-react": "^0.562.0",
     "next-themes": "^0.4.6",
-    "oauth4webapi": "^3.8.5",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "react-hook-form": "^7.71.2",
@@ -83,6 +78,10 @@
     "vite-tsconfig-paths": "^6.0.4",
     "vitest": "^4.0.18"
   },
+  "peerDependencies": {
+    "react": ">= 19",
+    "react-dom": ">= 19"
+  },
   "scripts": {
     "dev": "vite build --watch --mode development",
     "build": "vite build",