@tailor-platform/app-shell 0.27.3 → 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"];
 }
 
 /**

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"
   };
@@ -322,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") }),
@@ -417,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
@@ -435,10 +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,
@@ -483,7 +483,7 @@ const Oe = () => {
   theme: "system",
   setTheme: () => null
 }, Xt = X(qe);
-function Qe({
+function Ye({
   children: t,
   storageKey: e,
   defaultTheme: s = "system",
@@ -505,7 +505,7 @@ 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");
   return t;
@@ -625,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 !== "");
@@ -792,13 +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 });
+  return /* @__PURE__ */ a(E.Trigger, { "data-slot": "tooltip-trigger", ...t });
 }
 function ft({
   className: t,
@@ -808,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(
@@ -819,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]" })
       ]
     }
   ) }) });
@@ -1305,9 +1305,9 @@ 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),
@@ -1322,7 +1322,7 @@ const Na = (t) => {
   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) => {
+}, 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) => {
@@ -1348,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,
@@ -1357,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: [
@@ -1402,14 +1405,14 @@ const Na = (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 }) {
   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,
@@ -1429,7 +1432,7 @@ const Os = (t) => {
       }
     ),
     /* @__PURE__ */ c(
-      Q,
+      Y,
       {
         render: /* @__PURE__ */ a(q, { className: "astw:data-panel-open:rotate-90" }),
         children: [
@@ -1440,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,
         {
@@ -1460,7 +1463,7 @@ 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 })
   ] });
@@ -1474,15 +1477,15 @@ 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();
+  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(
@@ -1503,7 +1506,7 @@ const Os = (t) => {
         }
       ),
       !!s.items?.length && /* @__PURE__ */ c(
-        Q,
+        Y,
         {
           render: /* @__PURE__ */ a(q, { className: "astw:data-panel-open:rotate-90" }),
           children: [
@@ -1512,7 +1515,7 @@ const Os = (t) => {
           ]
         }
       )
-    ] }) : /* @__PURE__ */ a(S, { children: /* @__PURE__ */ c(Q, { className: "astw:flex astw:w-full astw:[&[data-panel-open]_.astw-rotate-target]:rotate-90", children: [
+    ] }) : /* @__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,
         {
@@ -1543,7 +1546,7 @@ const Os = (t) => {
       }
     ) }, 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: [
+}, 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",
@@ -1553,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 }) {
@@ -1667,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,
@@ -1675,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",
@@ -1691,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: [
@@ -1836,7 +1839,7 @@ function Ka({ routes: t }) {
   };
 }
 function Va({ navItems: t }) {
-  const e = E(), s = B(() => Ua(t), [t]), {
+  const e = A(), s = B(() => Ua(t), [t]), {
     open: r,
     handleOpenChange: n,
     search: o,
@@ -1892,12 +1895,12 @@ function Va({ navItems: t }) {
   ) });
 }
 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,
@@ -1927,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);
@@ -1937,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) => {
@@ -1968,7 +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);
@@ -2008,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();
@@ -2020,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: {
@@ -2154,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" })
@@ -2475,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,6 +1,6 @@
 {
   "name": "@tailor-platform/app-shell",
-  "version": "0.27.3",
+  "version": "0.28.0",
   "description": "An opinionated React application framework for building ERP applications on Tailor Platform",
   "keywords": [
     "app-shell",
@@ -42,7 +42,7 @@
   },
   "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",
@@ -51,7 +51,6 @@
     "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",