@shipfox/client-shell 21.0.0 → 22.0.1

package/dist/components/auth-shell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"auth-shell.d.ts","sourceRoot":"","sources":["../../src/components/auth-shell.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,KAAK,WAAW,EAAO,MAAM,8BAA8B,CAAC;AAC5E,OAAO,KAAK,EAAC,iBAAiB,EAAE,SAAS,EAAE,GAAG,EAAC,MAAM,OAAO,CAAC;AAE7D,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IAChE,UAAU,CAAC,EAAE,GAAG,CAAC,kBAAkB,CAAC,GAAG,SAAS,CAAC;CAClD;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,UAAU,GACX,EAAE,cAAc,+BA4ChB;AAED,wBAAgB,WAAW,CAAC,EAAC,QAAQ,EAAC,EAAE,iBAAiB,+BAExD"}
+{"version":3,"file":"auth-shell.d.ts","sourceRoot":"","sources":["../../src/components/auth-shell.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,KAAK,WAAW,EAAO,MAAM,8BAA8B,CAAC;AAC5E,OAAO,KAAK,EAAC,iBAAiB,EAAE,SAAS,EAAE,GAAG,EAAC,MAAM,OAAO,CAAC;AAG7D,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IAChE,UAAU,CAAC,EAAE,GAAG,CAAC,kBAAkB,CAAC,GAAG,SAAS,CAAC;CAClD;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,UAAU,GACX,EAAE,cAAc,+BA4ChB;AAED,wBAAgB,WAAW,CAAC,EAAC,QAAQ,EAAC,EAAE,iBAAiB,+BAExD"}

package/dist/components/auth-shell.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Icon } from '@shipfox/react-ui/icon';
 import { Header, Text } from '@shipfox/react-ui/typography';
+import { FocusedFrame } from './focused-frame.js';
 export function AuthShell({ title, description, children, className, headingProps, headingRef }) {
     return /*#__PURE__*/ _jsxs("main", {
         className: "relative flex min-h-screen items-center justify-center overflow-hidden bg-background-subtle-base px-frame py-frame max-[520px]:items-start max-[520px]:px-row max-[520px]:pt-[56px]",
@@ -16,44 +17,47 @@ export function AuthShell({ title, description, children, className, headingProp
                     className: "h-full w-full bg-[radial-gradient(circle,rgba(230,62,0,0.48)_1.6px,transparent_1.8px)] bg-[length:44px_44px]"
                 })
             }),
-            /*#__PURE__*/ _jsxs("section", {
-                className: className ?? 'relative flex w-full max-w-[384px] flex-col items-stretch gap-region',
-                "aria-labelledby": "auth-title",
-                children: [
-                    /*#__PURE__*/ _jsxs("div", {
-                        className: "flex flex-col items-center gap-group",
-                        children: [
-                            /*#__PURE__*/ _jsx("div", {
-                                className: "flex size-64 items-center justify-center rounded-12 border border-border-neutral-base bg-background-neutral-base p-tight shadow-button-neutral",
-                                children: /*#__PURE__*/ _jsx(Icon, {
-                                    name: "shipfox",
-                                    className: "size-42 text-background-highlight-interactive"
-                                })
-                            }),
-                            /*#__PURE__*/ _jsxs("div", {
-                                className: "flex min-w-[128px] flex-col items-center gap-tight text-center",
-                                children: [
-                                    /*#__PURE__*/ _jsx(Header, {
-                                        id: "auth-title",
-                                        variant: "h1",
-                                        tabIndex: -1,
-                                        ...headingProps,
-                                        ...headingRef ? {
-                                            ref: headingRef
-                                        } : {},
-                                        children: title
-                                    }),
-                                    /*#__PURE__*/ _jsx(Text, {
-                                        size: "sm",
-                                        className: "text-foreground-neutral-subtle",
-                                        children: description
+            /*#__PURE__*/ _jsx(FocusedFrame, {
+                className: "relative",
+                children: /*#__PURE__*/ _jsxs("section", {
+                    className: className ?? 'relative flex w-full flex-col items-stretch gap-region',
+                    "aria-labelledby": "auth-title",
+                    children: [
+                        /*#__PURE__*/ _jsxs("div", {
+                            className: "flex flex-col items-center gap-group",
+                            children: [
+                                /*#__PURE__*/ _jsx("div", {
+                                    className: "flex size-64 items-center justify-center rounded-12 border border-border-neutral-base bg-background-neutral-base p-tight shadow-button-neutral",
+                                    children: /*#__PURE__*/ _jsx(Icon, {
+                                        name: "shipfox",
+                                        className: "size-42 text-background-highlight-interactive"
                                     })
-                                ]
-                            })
-                        ]
-                    }),
-                    children
-                ]
+                                }),
+                                /*#__PURE__*/ _jsxs("div", {
+                                    className: "flex min-w-[128px] flex-col items-center gap-tight text-center",
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Header, {
+                                            id: "auth-title",
+                                            variant: "h1",
+                                            tabIndex: -1,
+                                            ...headingProps,
+                                            ...headingRef ? {
+                                                ref: headingRef
+                                            } : {},
+                                            children: title
+                                        }),
+                                        /*#__PURE__*/ _jsx(Text, {
+                                            size: "sm",
+                                            className: "text-foreground-neutral-subtle",
+                                            children: description
+                                        })
+                                    ]
+                                })
+                            ]
+                        }),
+                        children
+                    ]
+                })
             })
         ]
     });

package/dist/components/auth-shell.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/auth-shell.tsx"],"sourcesContent":["import {Icon} from '@shipfox/react-ui/icon';\nimport {Header, type HeaderProps, Text} from '@shipfox/react-ui/typography';\nimport type {PropsWithChildren, ReactNode, Ref} from 'react';\n\nexport interface AuthShellProps {\n  title: string;\n  description: string;\n  children: ReactNode;\n  className?: string;\n  headingProps?: Omit<HeaderProps, 'children' | 'id'> | undefined;\n  headingRef?: Ref<HTMLHeadingElement> | undefined;\n}\n\nexport function AuthShell({\n  title,\n  description,\n  children,\n  className,\n  headingProps,\n  headingRef,\n}: AuthShellProps) {\n  return (\n    <main className=\"relative flex min-h-screen items-center justify-center overflow-hidden bg-background-subtle-base px-frame py-frame max-[520px]:items-start max-[520px]:px-row max-[520px]:pt-[56px]\">\n      <div\n        className=\"pointer-events-none absolute left-1/2 top-0 h-[380px] w-full max-w-[880px] -translate-x-1/2 -translate-y-[120px] opacity-55 max-[520px]:-translate-y-[170px] max-[520px]:opacity-35\"\n        aria-hidden=\"true\"\n        style={{\n          maskImage:\n            'radial-gradient(ellipse 85% 100% at 50% 0%, #000 0%, #000 24%, transparent 78%)',\n          WebkitMaskImage:\n            'radial-gradient(ellipse 85% 100% at 50% 0%, #000 0%, #000 24%, transparent 78%)',\n        }}\n      >\n        <div className=\"h-full w-full bg-[radial-gradient(circle,rgba(230,62,0,0.48)_1.6px,transparent_1.8px)] bg-[length:44px_44px]\" />\n      </div>\n      <section\n        className={\n          className ?? 'relative flex w-full max-w-[384px] flex-col items-stretch gap-region'\n        }\n        aria-labelledby=\"auth-title\"\n      >\n        <div className=\"flex flex-col items-center gap-group\">\n          <div className=\"flex size-64 items-center justify-center rounded-12 border border-border-neutral-base bg-background-neutral-base p-tight shadow-button-neutral\">\n            <Icon name=\"shipfox\" className=\"size-42 text-background-highlight-interactive\" />\n          </div>\n          <div className=\"flex min-w-[128px] flex-col items-center gap-tight text-center\">\n            <Header\n              id=\"auth-title\"\n              variant=\"h1\"\n              tabIndex={-1}\n              {...headingProps}\n              {...(headingRef ? ({ref: headingRef} as HeaderProps) : {})}\n            >\n              {title}\n            </Header>\n            <Text size=\"sm\" className=\"text-foreground-neutral-subtle\">\n              {description}\n            </Text>\n          </div>\n        </div>\n        {children}\n      </section>\n    </main>\n  );\n}\n\nexport function AuthActions({children}: PropsWithChildren) {\n  return <div className=\"flex flex-col gap-section\">{children}</div>;\n}\n"],"names":["Icon","Header","Text","AuthShell","title","description","children","className","headingProps","headingRef","main","div","aria-hidden","style","maskImage","WebkitMaskImage","section","aria-labelledby","name","id","variant","tabIndex","ref","size","AuthActions"],"mappings":";AAAA,SAAQA,IAAI,QAAO,yBAAyB;AAC5C,SAAQC,MAAM,EAAoBC,IAAI,QAAO,+BAA+B;AAY5E,OAAO,SAASC,UAAU,EACxBC,KAAK,EACLC,WAAW,EACXC,QAAQ,EACRC,SAAS,EACTC,YAAY,EACZC,UAAU,EACK;IACf,qBACE,MAACC;QAAKH,WAAU;;0BACd,KAACI;gBACCJ,WAAU;gBACVK,eAAY;gBACZC,OAAO;oBACLC,WACE;oBACFC,iBACE;gBACJ;0BAEA,cAAA,KAACJ;oBAAIJ,WAAU;;;0BAEjB,MAACS;gBACCT,WACEA,aAAa;gBAEfU,mBAAgB;;kCAEhB,MAACN;wBAAIJ,WAAU;;0CACb,KAACI;gCAAIJ,WAAU;0CACb,cAAA,KAACP;oCAAKkB,MAAK;oCAAUX,WAAU;;;0CAEjC,MAACI;gCAAIJ,WAAU;;kDACb,KAACN;wCACCkB,IAAG;wCACHC,SAAQ;wCACRC,UAAU,CAAC;wCACV,GAAGb,YAAY;wCACf,GAAIC,aAAc;4CAACa,KAAKb;wCAAU,IAAoB,CAAC,CAAC;kDAExDL;;kDAEH,KAACF;wCAAKqB,MAAK;wCAAKhB,WAAU;kDACvBF;;;;;;oBAINC;;;;;AAIT;AAEA,OAAO,SAASkB,YAAY,EAAClB,QAAQ,EAAoB;IACvD,qBAAO,KAACK;QAAIJ,WAAU;kBAA6BD;;AACrD"}
+{"version":3,"sources":["../../src/components/auth-shell.tsx"],"sourcesContent":["import {Icon} from '@shipfox/react-ui/icon';\nimport {Header, type HeaderProps, Text} from '@shipfox/react-ui/typography';\nimport type {PropsWithChildren, ReactNode, Ref} from 'react';\nimport {FocusedFrame} from './focused-frame.js';\n\nexport interface AuthShellProps {\n  title: string;\n  description: string;\n  children: ReactNode;\n  className?: string;\n  headingProps?: Omit<HeaderProps, 'children' | 'id'> | undefined;\n  headingRef?: Ref<HTMLHeadingElement> | undefined;\n}\n\nexport function AuthShell({\n  title,\n  description,\n  children,\n  className,\n  headingProps,\n  headingRef,\n}: AuthShellProps) {\n  return (\n    <main className=\"relative flex min-h-screen items-center justify-center overflow-hidden bg-background-subtle-base px-frame py-frame max-[520px]:items-start max-[520px]:px-row max-[520px]:pt-[56px]\">\n      <div\n        className=\"pointer-events-none absolute left-1/2 top-0 h-[380px] w-full max-w-[880px] -translate-x-1/2 -translate-y-[120px] opacity-55 max-[520px]:-translate-y-[170px] max-[520px]:opacity-35\"\n        aria-hidden=\"true\"\n        style={{\n          maskImage:\n            'radial-gradient(ellipse 85% 100% at 50% 0%, #000 0%, #000 24%, transparent 78%)',\n          WebkitMaskImage:\n            'radial-gradient(ellipse 85% 100% at 50% 0%, #000 0%, #000 24%, transparent 78%)',\n        }}\n      >\n        <div className=\"h-full w-full bg-[radial-gradient(circle,rgba(230,62,0,0.48)_1.6px,transparent_1.8px)] bg-[length:44px_44px]\" />\n      </div>\n      <FocusedFrame className=\"relative\">\n        <section\n          className={className ?? 'relative flex w-full flex-col items-stretch gap-region'}\n          aria-labelledby=\"auth-title\"\n        >\n          <div className=\"flex flex-col items-center gap-group\">\n            <div className=\"flex size-64 items-center justify-center rounded-12 border border-border-neutral-base bg-background-neutral-base p-tight shadow-button-neutral\">\n              <Icon name=\"shipfox\" className=\"size-42 text-background-highlight-interactive\" />\n            </div>\n            <div className=\"flex min-w-[128px] flex-col items-center gap-tight text-center\">\n              <Header\n                id=\"auth-title\"\n                variant=\"h1\"\n                tabIndex={-1}\n                {...headingProps}\n                {...(headingRef ? ({ref: headingRef} as HeaderProps) : {})}\n              >\n                {title}\n              </Header>\n              <Text size=\"sm\" className=\"text-foreground-neutral-subtle\">\n                {description}\n              </Text>\n            </div>\n          </div>\n          {children}\n        </section>\n      </FocusedFrame>\n    </main>\n  );\n}\n\nexport function AuthActions({children}: PropsWithChildren) {\n  return <div className=\"flex flex-col gap-section\">{children}</div>;\n}\n"],"names":["Icon","Header","Text","FocusedFrame","AuthShell","title","description","children","className","headingProps","headingRef","main","div","aria-hidden","style","maskImage","WebkitMaskImage","section","aria-labelledby","name","id","variant","tabIndex","ref","size","AuthActions"],"mappings":";AAAA,SAAQA,IAAI,QAAO,yBAAyB;AAC5C,SAAQC,MAAM,EAAoBC,IAAI,QAAO,+BAA+B;AAE5E,SAAQC,YAAY,QAAO,qBAAqB;AAWhD,OAAO,SAASC,UAAU,EACxBC,KAAK,EACLC,WAAW,EACXC,QAAQ,EACRC,SAAS,EACTC,YAAY,EACZC,UAAU,EACK;IACf,qBACE,MAACC;QAAKH,WAAU;;0BACd,KAACI;gBACCJ,WAAU;gBACVK,eAAY;gBACZC,OAAO;oBACLC,WACE;oBACFC,iBACE;gBACJ;0BAEA,cAAA,KAACJ;oBAAIJ,WAAU;;;0BAEjB,KAACL;gBAAaK,WAAU;0BACtB,cAAA,MAACS;oBACCT,WAAWA,aAAa;oBACxBU,mBAAgB;;sCAEhB,MAACN;4BAAIJ,WAAU;;8CACb,KAACI;oCAAIJ,WAAU;8CACb,cAAA,KAACR;wCAAKmB,MAAK;wCAAUX,WAAU;;;8CAEjC,MAACI;oCAAIJ,WAAU;;sDACb,KAACP;4CACCmB,IAAG;4CACHC,SAAQ;4CACRC,UAAU,CAAC;4CACV,GAAGb,YAAY;4CACf,GAAIC,aAAc;gDAACa,KAAKb;4CAAU,IAAoB,CAAC,CAAC;sDAExDL;;sDAEH,KAACH;4CAAKsB,MAAK;4CAAKhB,WAAU;sDACvBF;;;;;;wBAINC;;;;;;AAKX;AAEA,OAAO,SAASkB,YAAY,EAAClB,QAAQ,EAAoB;IACvD,qBAAO,KAACK;QAAIJ,WAAU;kBAA6BD;;AACrD"}

package/dist/components/focused-frame.d.ts

@@ -0,0 +1,6 @@
+import type { PropsWithChildren } from 'react';
+export declare const FOCUSED_FRAME_CONTENT_CLASS_NAME = "mx-auto w-full max-w-[640px]";
+export declare function FocusedFrame({ children, className, }: PropsWithChildren<{
+    className?: string | undefined;
+}>): import("react").JSX.Element;
+//# sourceMappingURL=focused-frame.d.ts.map

package/dist/components/focused-frame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focused-frame.d.ts","sourceRoot":"","sources":["../../src/components/focused-frame.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAE7C,eAAO,MAAM,gCAAgC,iCAAiC,CAAC;AAE/E,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,SAAS,GACV,EAAE,iBAAiB,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAAC,CAAC,+BAErD"}

package/dist/components/focused-frame.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '@shipfox/react-ui/utils';
+export const FOCUSED_FRAME_CONTENT_CLASS_NAME = 'mx-auto w-full max-w-[640px]';
+export function FocusedFrame({ children, className }) {
+    return /*#__PURE__*/ _jsx("div", {
+        className: cn(FOCUSED_FRAME_CONTENT_CLASS_NAME, className),
+        children: children
+    });
+}
+
+//# sourceMappingURL=focused-frame.js.map

package/dist/components/focused-frame.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/focused-frame.tsx"],"sourcesContent":["import {cn} from '@shipfox/react-ui/utils';\nimport type {PropsWithChildren} from 'react';\n\nexport const FOCUSED_FRAME_CONTENT_CLASS_NAME = 'mx-auto w-full max-w-[640px]';\n\nexport function FocusedFrame({\n  children,\n  className,\n}: PropsWithChildren<{className?: string | undefined}>) {\n  return <div className={cn(FOCUSED_FRAME_CONTENT_CLASS_NAME, className)}>{children}</div>;\n}\n"],"names":["cn","FOCUSED_FRAME_CONTENT_CLASS_NAME","FocusedFrame","children","className","div"],"mappings":";AAAA,SAAQA,EAAE,QAAO,0BAA0B;AAG3C,OAAO,MAAMC,mCAAmC,+BAA+B;AAE/E,OAAO,SAASC,aAAa,EAC3BC,QAAQ,EACRC,SAAS,EAC2C;IACpD,qBAAO,KAACC;QAAID,WAAWJ,GAAGC,kCAAkCG;kBAAaD;;AAC3E"}

package/dist/components/main-layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"main-layout.d.ts","sourceRoot":"","sources":["../../src/components/main-layout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,yBAAyB,CAAC;AAKxD,OAAO,QAAQ,wBAAwB,CAAC;IACtC,UAAU,qBAAqB;QAC7B,KAAK,CAAC,EAAE,UAAU,CAAC;KACpB;CACF;AAQD,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,qBAA6B,GAC9B,EAAE;IACD,UAAU,EAAE,SAAS,WAAW,EAAE,CAAC;IACnC,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC,+BA4BA"}
+{"version":3,"file":"main-layout.d.ts","sourceRoot":"","sources":["../../src/components/main-layout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,cAAc,CAAC;AAG9C,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,yBAAyB,CAAC;AAOxD,OAAO,QAAQ,wBAAwB,CAAC;IACtC,UAAU,qBAAqB;QAC7B,KAAK,CAAC,EAAE,UAAU,CAAC;KACpB;CACF;AAQD,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,qBAA6B,GAC9B,EAAE;IACD,UAAU,EAAE,SAAS,WAAW,EAAE,CAAC;IACnC,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC,+BAoCA"}

package/dist/components/main-layout.js

@@ -1,20 +1,35 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { FullPageLoader } from '@shipfox/react-ui/loader';
-import { Outlet, useMatches } from '@tanstack/react-router';
+import { Navigate, Outlet, useLocation, useMatches } from '@tanstack/react-router';
 import { useMaybeActiveWorkspace } from '#runtime/active-workspace.js';
+import { useAuthState } from '#runtime/auth.js';
 import { parseWorkspaceProjectParams, useRouteParams } from '#runtime/route-inputs.js';
+import { WorkspaceUnavailablePage } from '#runtime/workspace-setup.js';
+import { FOCUSED_FRAME_CONTENT_CLASS_NAME } from './focused-frame.js';
 import { NavBar } from './nav-bar.js';
 import { NavTabs } from './nav-tabs.js';
 const frameClassNames = {
     content: 'mx-auto w-full max-w-[1120px] px-frame py-frame',
     data: 'flex min-h-0 w-full flex-1 flex-col px-frame py-frame',
-    focused: 'mx-auto w-full max-w-[640px] px-frame py-frame'
+    focused: `${FOCUSED_FRAME_CONTENT_CLASS_NAME} px-frame py-frame`
 };
 export function MainLayout({ navigation, hideProjectNavigation = false }) {
+    const auth = useAuthState();
     const workspace = useMaybeActiveWorkspace();
+    const location = useLocation();
     const { projectSlug } = useRouteParams(parseWorkspaceProjectParams);
     const matches = useMatches();
-    if (!workspace) return /*#__PURE__*/ _jsx(FullPageLoader, {});
+    if (auth.isLoading) return /*#__PURE__*/ _jsx(FullPageLoader, {});
+    if (!auth.isAuthenticated) {
+        return /*#__PURE__*/ _jsx(Navigate, {
+            to: '/auth/login',
+            search: {
+                redirect: location.href
+            },
+            replace: true
+        });
+    }
+    if (!workspace) return /*#__PURE__*/ _jsx(WorkspaceUnavailablePage, {});
     const frame = matches.reduce((current, match)=>match.staticData.frame ?? current, 'content');
     const appContentHeight = hideProjectNavigation ? '[--app-content-h:calc(100dvh_-_56px)]' : '[--app-content-h:calc(100dvh_-_96px)]';
     const isFullBleedFrame = frame === 'data';

package/dist/components/main-layout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/main-layout.tsx"],"sourcesContent":["import {FullPageLoader} from '@shipfox/react-ui/loader';\nimport {Outlet, useMatches} from '@tanstack/react-router';\nimport type {NavTabEntry} from '#contract.js';\nimport {useMaybeActiveWorkspace} from '#runtime/active-workspace.js';\nimport type {RouteFrame} from '#runtime/route-frame.js';\nimport {parseWorkspaceProjectParams, useRouteParams} from '#runtime/route-inputs.js';\nimport {NavBar} from './nav-bar.js';\nimport {NavTabs} from './nav-tabs.js';\n\ndeclare module '@tanstack/react-router' {\n  interface StaticDataRouteOption {\n    frame?: RouteFrame;\n  }\n}\n\nconst frameClassNames: Record<RouteFrame, string> = {\n  content: 'mx-auto w-full max-w-[1120px] px-frame py-frame',\n  data: 'flex min-h-0 w-full flex-1 flex-col px-frame py-frame',\n  focused: 'mx-auto w-full max-w-[640px] px-frame py-frame',\n};\n\nexport function MainLayout({\n  navigation,\n  hideProjectNavigation = false,\n}: {\n  navigation: readonly NavTabEntry[];\n  hideProjectNavigation?: boolean;\n}) {\n  const workspace = useMaybeActiveWorkspace();\n  const {projectSlug} = useRouteParams(parseWorkspaceProjectParams);\n  const matches = useMatches();\n  if (!workspace) return <FullPageLoader />;\n  const frame = matches.reduce<RouteFrame>(\n    (current, match) => match.staticData.frame ?? current,\n    'content',\n  );\n  const appContentHeight = hideProjectNavigation\n    ? '[--app-content-h:calc(100dvh_-_56px)]'\n    : '[--app-content-h:calc(100dvh_-_96px)]';\n  const isFullBleedFrame = frame === 'data';\n  return (\n    <div className=\"h-screen w-full flex flex-col bg-background-subtle-base\">\n      <NavBar hideProjectNavigation={hideProjectNavigation} />\n      {hideProjectNavigation ? undefined : (\n        <NavTabs entries={navigation} scope={projectSlug ? 'project' : 'workspace'} />\n      )}\n      <main\n        className={`${isFullBleedFrame ? 'flex min-h-0 flex-1 flex-col overflow-hidden' : 'flex-1 overflow-auto'} ${appContentHeight}`}\n      >\n        <div className={frameClassNames[frame]}>\n          <Outlet />\n        </div>\n      </main>\n    </div>\n  );\n}\n"],"names":["FullPageLoader","Outlet","useMatches","useMaybeActiveWorkspace","parseWorkspaceProjectParams","useRouteParams","NavBar","NavTabs","frameClassNames","content","data","focused","MainLayout","navigation","hideProjectNavigation","workspace","projectSlug","matches","frame","reduce","current","match","staticData","appContentHeight","isFullBleedFrame","div","className","undefined","entries","scope","main"],"mappings":";AAAA,SAAQA,cAAc,QAAO,2BAA2B;AACxD,SAAQC,MAAM,EAAEC,UAAU,QAAO,yBAAyB;AAE1D,SAAQC,uBAAuB,QAAO,+BAA+B;AAErE,SAAQC,2BAA2B,EAAEC,cAAc,QAAO,2BAA2B;AACrF,SAAQC,MAAM,QAAO,eAAe;AACpC,SAAQC,OAAO,QAAO,gBAAgB;AAQtC,MAAMC,kBAA8C;IAClDC,SAAS;IACTC,MAAM;IACNC,SAAS;AACX;AAEA,OAAO,SAASC,WAAW,EACzBC,UAAU,EACVC,wBAAwB,KAAK,EAI9B;IACC,MAAMC,YAAYZ;IAClB,MAAM,EAACa,WAAW,EAAC,GAAGX,eAAeD;IACrC,MAAMa,UAAUf;IAChB,IAAI,CAACa,WAAW,qBAAO,KAACf;IACxB,MAAMkB,QAAQD,QAAQE,MAAM,CAC1B,CAACC,SAASC,QAAUA,MAAMC,UAAU,CAACJ,KAAK,IAAIE,SAC9C;IAEF,MAAMG,mBAAmBT,wBACrB,0CACA;IACJ,MAAMU,mBAAmBN,UAAU;IACnC,qBACE,MAACO;QAAIC,WAAU;;0BACb,KAACpB;gBAAOQ,uBAAuBA;;YAC9BA,wBAAwBa,0BACvB,KAACpB;gBAAQqB,SAASf;gBAAYgB,OAAOb,cAAc,YAAY;;0BAEjE,KAACc;gBACCJ,WAAW,GAAGF,mBAAmB,iDAAiD,uBAAuB,CAAC,EAAED,kBAAkB;0BAE9H,cAAA,KAACE;oBAAIC,WAAWlB,eAAe,CAACU,MAAM;8BACpC,cAAA,KAACjB;;;;;AAKX"}
+{"version":3,"sources":["../../src/components/main-layout.tsx"],"sourcesContent":["import {FullPageLoader} from '@shipfox/react-ui/loader';\nimport {Navigate, Outlet, useLocation, useMatches} from '@tanstack/react-router';\nimport type {NavTabEntry} from '#contract.js';\nimport {useMaybeActiveWorkspace} from '#runtime/active-workspace.js';\nimport {useAuthState} from '#runtime/auth.js';\nimport type {RouteFrame} from '#runtime/route-frame.js';\nimport {parseWorkspaceProjectParams, useRouteParams} from '#runtime/route-inputs.js';\nimport {WorkspaceUnavailablePage} from '#runtime/workspace-setup.js';\nimport {FOCUSED_FRAME_CONTENT_CLASS_NAME} from './focused-frame.js';\nimport {NavBar} from './nav-bar.js';\nimport {NavTabs} from './nav-tabs.js';\n\ndeclare module '@tanstack/react-router' {\n  interface StaticDataRouteOption {\n    frame?: RouteFrame;\n  }\n}\n\nconst frameClassNames: Record<RouteFrame, string> = {\n  content: 'mx-auto w-full max-w-[1120px] px-frame py-frame',\n  data: 'flex min-h-0 w-full flex-1 flex-col px-frame py-frame',\n  focused: `${FOCUSED_FRAME_CONTENT_CLASS_NAME} px-frame py-frame`,\n};\n\nexport function MainLayout({\n  navigation,\n  hideProjectNavigation = false,\n}: {\n  navigation: readonly NavTabEntry[];\n  hideProjectNavigation?: boolean;\n}) {\n  const auth = useAuthState();\n  const workspace = useMaybeActiveWorkspace();\n  const location = useLocation();\n  const {projectSlug} = useRouteParams(parseWorkspaceProjectParams);\n  const matches = useMatches();\n  if (auth.isLoading) return <FullPageLoader />;\n  if (!auth.isAuthenticated) {\n    return (\n      <Navigate to={'/auth/login' as never} search={{redirect: location.href} as never} replace />\n    );\n  }\n  if (!workspace) return <WorkspaceUnavailablePage />;\n  const frame = matches.reduce<RouteFrame>(\n    (current, match) => match.staticData.frame ?? current,\n    'content',\n  );\n  const appContentHeight = hideProjectNavigation\n    ? '[--app-content-h:calc(100dvh_-_56px)]'\n    : '[--app-content-h:calc(100dvh_-_96px)]';\n  const isFullBleedFrame = frame === 'data';\n  return (\n    <div className=\"h-screen w-full flex flex-col bg-background-subtle-base\">\n      <NavBar hideProjectNavigation={hideProjectNavigation} />\n      {hideProjectNavigation ? undefined : (\n        <NavTabs entries={navigation} scope={projectSlug ? 'project' : 'workspace'} />\n      )}\n      <main\n        className={`${isFullBleedFrame ? 'flex min-h-0 flex-1 flex-col overflow-hidden' : 'flex-1 overflow-auto'} ${appContentHeight}`}\n      >\n        <div className={frameClassNames[frame]}>\n          <Outlet />\n        </div>\n      </main>\n    </div>\n  );\n}\n"],"names":["FullPageLoader","Navigate","Outlet","useLocation","useMatches","useMaybeActiveWorkspace","useAuthState","parseWorkspaceProjectParams","useRouteParams","WorkspaceUnavailablePage","FOCUSED_FRAME_CONTENT_CLASS_NAME","NavBar","NavTabs","frameClassNames","content","data","focused","MainLayout","navigation","hideProjectNavigation","auth","workspace","location","projectSlug","matches","isLoading","isAuthenticated","to","search","redirect","href","replace","frame","reduce","current","match","staticData","appContentHeight","isFullBleedFrame","div","className","undefined","entries","scope","main"],"mappings":";AAAA,SAAQA,cAAc,QAAO,2BAA2B;AACxD,SAAQC,QAAQ,EAAEC,MAAM,EAAEC,WAAW,EAAEC,UAAU,QAAO,yBAAyB;AAEjF,SAAQC,uBAAuB,QAAO,+BAA+B;AACrE,SAAQC,YAAY,QAAO,mBAAmB;AAE9C,SAAQC,2BAA2B,EAAEC,cAAc,QAAO,2BAA2B;AACrF,SAAQC,wBAAwB,QAAO,8BAA8B;AACrE,SAAQC,gCAAgC,QAAO,qBAAqB;AACpE,SAAQC,MAAM,QAAO,eAAe;AACpC,SAAQC,OAAO,QAAO,gBAAgB;AAQtC,MAAMC,kBAA8C;IAClDC,SAAS;IACTC,MAAM;IACNC,SAAS,GAAGN,iCAAiC,kBAAkB,CAAC;AAClE;AAEA,OAAO,SAASO,WAAW,EACzBC,UAAU,EACVC,wBAAwB,KAAK,EAI9B;IACC,MAAMC,OAAOd;IACb,MAAMe,YAAYhB;IAClB,MAAMiB,WAAWnB;IACjB,MAAM,EAACoB,WAAW,EAAC,GAAGf,eAAeD;IACrC,MAAMiB,UAAUpB;IAChB,IAAIgB,KAAKK,SAAS,EAAE,qBAAO,KAACzB;IAC5B,IAAI,CAACoB,KAAKM,eAAe,EAAE;QACzB,qBACE,KAACzB;YAAS0B,IAAI;YAAwBC,QAAQ;gBAACC,UAAUP,SAASQ,IAAI;YAAA;YAAYC,OAAO;;IAE7F;IACA,IAAI,CAACV,WAAW,qBAAO,KAACZ;IACxB,MAAMuB,QAAQR,QAAQS,MAAM,CAC1B,CAACC,SAASC,QAAUA,MAAMC,UAAU,CAACJ,KAAK,IAAIE,SAC9C;IAEF,MAAMG,mBAAmBlB,wBACrB,0CACA;IACJ,MAAMmB,mBAAmBN,UAAU;IACnC,qBACE,MAACO;QAAIC,WAAU;;0BACb,KAAC7B;gBAAOQ,uBAAuBA;;YAC9BA,wBAAwBsB,0BACvB,KAAC7B;gBAAQ8B,SAASxB;gBAAYyB,OAAOpB,cAAc,YAAY;;0BAEjE,KAACqB;gBACCJ,WAAW,GAAGF,mBAAmB,iDAAiD,uBAAuB,CAAC,EAAED,kBAAkB;0BAE9H,cAAA,KAACE;oBAAIC,WAAW3B,eAAe,CAACmB,MAAM;8BACpC,cAAA,KAAC9B;;;;;AAKX"}

package/dist/components/settings-nav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"settings-nav.d.ts","sourceRoot":"","sources":["../../src/components/settings-nav.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,cAAc,CAAC;AAOvD,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,KAAK,GACN,EAAE;IACD,OAAO,EAAE,SAAS,oBAAoB,EAAE,CAAC;IACzC,KAAK,EAAE,WAAW,GAAG,SAAS,CAAC;CAChC,sCA4CA"}
+{"version":3,"file":"settings-nav.d.ts","sourceRoot":"","sources":["../../src/components/settings-nav.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,cAAc,CAAC;AAOvD,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,KAAK,GACN,EAAE;IACD,OAAO,EAAE,SAAS,oBAAoB,EAAE,CAAC;IACzC,KAAK,EAAE,WAAW,GAAG,SAAS,CAAC;CAChC,sCAoDA"}

package/dist/components/settings-nav.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '@shipfox/react-ui/button';
 import { Icon } from '@shipfox/react-ui/icon';
+import { cn } from '@shipfox/react-ui/utils';
 import { Link, useMatchRoute } from '@tanstack/react-router';
 import { parseWorkspaceParams, parseWorkspaceProjectParams, useRouteParams } from '#runtime/route-inputs.js';
 export function SettingsNav({ entries, scope }) {
@@ -17,30 +17,38 @@ export function SettingsNav({ entries, scope }) {
     };
     return /*#__PURE__*/ _jsx("nav", {
         "aria-label": `${scope === 'workspace' ? 'Workspace' : 'Project'} settings`,
-        className: "flex flex-col gap-tight",
-        children: scopedEntries.map((entry)=>{
-            const to = `${settingsPath}/${entry.pathSegment}`;
-            const active = Boolean(matchRoute({
-                to: to,
-                params: paramsForLink
-            }));
-            return /*#__PURE__*/ _jsx(Button, {
-                asChild: true,
-                variant: active ? 'secondary' : 'transparent',
-                className: "w-full justify-start",
-                children: /*#__PURE__*/ _jsxs(Link, {
+        className: "flex min-w-0 flex-col",
+        children: /*#__PURE__*/ _jsx("ul", {
+            className: "divide-y divide-border-neutral-base",
+            children: scopedEntries.map((entry)=>{
+                const to = `${settingsPath}/${entry.pathSegment}`;
+                const active = Boolean(matchRoute({
                     to: to,
-                    params: paramsForLink,
-                    "aria-current": active ? 'page' : undefined,
-                    children: [
-                        /*#__PURE__*/ _jsx(Icon, {
-                            name: entry.icon,
-                            className: "size-16"
-                        }),
-                        entry.label
-                    ]
-                })
-            }, entry.id);
+                    params: paramsForLink
+                }));
+                return /*#__PURE__*/ _jsx("li", {
+                    className: "py-tight first:pt-0 last:pb-0",
+                    children: /*#__PURE__*/ _jsxs(Link, {
+                        to: to,
+                        params: paramsForLink,
+                        "aria-current": active ? 'page' : undefined,
+                        className: cn('relative flex min-h-32 w-full items-center justify-start gap-inline rounded-4 px-tight text-left text-sm font-medium text-foreground-neutral-base outline-none transition-colors hover:bg-background-neutral-hover focus-visible:shadow-border-interactive-with-active', active && 'bg-background-neutral-hover'),
+                        children: [
+                            active ? /*#__PURE__*/ _jsx("span", {
+                                "aria-hidden": "true",
+                                "data-settings-active-bar": true,
+                                className: "absolute inset-y-0 left-0 w-2 rounded-l-4 bg-border-highlights-interactive"
+                            }) : null,
+                            /*#__PURE__*/ _jsx(Icon, {
+                                name: entry.icon,
+                                className: "size-16",
+                                "aria-hidden": "true"
+                            }),
+                            entry.label
+                        ]
+                    })
+                }, entry.id);
+            })
         })
     });
 }

package/dist/components/settings-nav.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/settings-nav.tsx"],"sourcesContent":["import {Button} from '@shipfox/react-ui/button';\nimport {Icon} from '@shipfox/react-ui/icon';\nimport {Link, useMatchRoute} from '@tanstack/react-router';\nimport type {SettingsSectionEntry} from '#contract.js';\nimport {\n  parseWorkspaceParams,\n  parseWorkspaceProjectParams,\n  useRouteParams,\n} from '#runtime/route-inputs.js';\n\nexport function SettingsNav({\n  entries,\n  scope,\n}: {\n  entries: readonly SettingsSectionEntry[];\n  scope: 'workspace' | 'project';\n}) {\n  const params = useRouteParams((input): {workspaceSlug?: string; projectSlug?: string} =>\n    scope === 'workspace' ? parseWorkspaceParams(input) : parseWorkspaceProjectParams(input),\n  );\n  const matchRoute = useMatchRoute();\n  if (!params.workspaceSlug || (scope === 'project' && !params.projectSlug)) return null;\n  const scopedEntries = entries.filter((entry) => (entry.scope ?? 'workspace') === scope);\n  const settingsPath =\n    scope === 'workspace'\n      ? '/w/$workspaceSlug/settings'\n      : '/w/$workspaceSlug/p/$projectSlug/settings';\n  const paramsForLink =\n    scope === 'workspace'\n      ? {workspaceSlug: params.workspaceSlug}\n      : {workspaceSlug: params.workspaceSlug, projectSlug: params.projectSlug};\n\n  return (\n    <nav\n      aria-label={`${scope === 'workspace' ? 'Workspace' : 'Project'} settings`}\n      className=\"flex flex-col gap-tight\"\n    >\n      {scopedEntries.map((entry) => {\n        const to = `${settingsPath}/${entry.pathSegment}`;\n        const active = Boolean(matchRoute({to: to as never, params: paramsForLink as never}));\n        return (\n          <Button\n            key={entry.id}\n            asChild\n            variant={active ? 'secondary' : 'transparent'}\n            className=\"w-full justify-start\"\n          >\n            <Link\n              to={to as never}\n              params={paramsForLink as never}\n              aria-current={active ? 'page' : undefined}\n            >\n              <Icon name={entry.icon} className=\"size-16\" />\n              {entry.label}\n            </Link>\n          </Button>\n        );\n      })}\n    </nav>\n  );\n}\n"],"names":["Button","Icon","Link","useMatchRoute","parseWorkspaceParams","parseWorkspaceProjectParams","useRouteParams","SettingsNav","entries","scope","params","input","matchRoute","workspaceSlug","projectSlug","scopedEntries","filter","entry","settingsPath","paramsForLink","nav","aria-label","className","map","to","pathSegment","active","Boolean","asChild","variant","aria-current","undefined","name","icon","label","id"],"mappings":";AAAA,SAAQA,MAAM,QAAO,2BAA2B;AAChD,SAAQC,IAAI,QAAO,yBAAyB;AAC5C,SAAQC,IAAI,EAAEC,aAAa,QAAO,yBAAyB;AAE3D,SACEC,oBAAoB,EACpBC,2BAA2B,EAC3BC,cAAc,QACT,2BAA2B;AAElC,OAAO,SAASC,YAAY,EAC1BC,OAAO,EACPC,KAAK,EAIN;IACC,MAAMC,SAASJ,eAAe,CAACK,QAC7BF,UAAU,cAAcL,qBAAqBO,SAASN,4BAA4BM;IAEpF,MAAMC,aAAaT;IACnB,IAAI,CAACO,OAAOG,aAAa,IAAKJ,UAAU,aAAa,CAACC,OAAOI,WAAW,EAAG,OAAO;IAClF,MAAMC,gBAAgBP,QAAQQ,MAAM,CAAC,CAACC,QAAU,AAACA,CAAAA,MAAMR,KAAK,IAAI,WAAU,MAAOA;IACjF,MAAMS,eACJT,UAAU,cACN,+BACA;IACN,MAAMU,gBACJV,UAAU,cACN;QAACI,eAAeH,OAAOG,aAAa;IAAA,IACpC;QAACA,eAAeH,OAAOG,aAAa;QAAEC,aAAaJ,OAAOI,WAAW;IAAA;IAE3E,qBACE,KAACM;QACCC,cAAY,GAAGZ,UAAU,cAAc,cAAc,UAAU,SAAS,CAAC;QACzEa,WAAU;kBAETP,cAAcQ,GAAG,CAAC,CAACN;YAClB,MAAMO,KAAK,GAAGN,aAAa,CAAC,EAAED,MAAMQ,WAAW,EAAE;YACjD,MAAMC,SAASC,QAAQf,WAAW;gBAACY,IAAIA;gBAAad,QAAQS;YAAsB;YAClF,qBACE,KAACnB;gBAEC4B,OAAO;gBACPC,SAASH,SAAS,cAAc;gBAChCJ,WAAU;0BAEV,cAAA,MAACpB;oBACCsB,IAAIA;oBACJd,QAAQS;oBACRW,gBAAcJ,SAAS,SAASK;;sCAEhC,KAAC9B;4BAAK+B,MAAMf,MAAMgB,IAAI;4BAAEX,WAAU;;wBACjCL,MAAMiB,KAAK;;;eAXTjB,MAAMkB,EAAE;QAenB;;AAGN"}
+{"version":3,"sources":["../../src/components/settings-nav.tsx"],"sourcesContent":["import {Icon} from '@shipfox/react-ui/icon';\nimport {cn} from '@shipfox/react-ui/utils';\nimport {Link, useMatchRoute} from '@tanstack/react-router';\nimport type {SettingsSectionEntry} from '#contract.js';\nimport {\n  parseWorkspaceParams,\n  parseWorkspaceProjectParams,\n  useRouteParams,\n} from '#runtime/route-inputs.js';\n\nexport function SettingsNav({\n  entries,\n  scope,\n}: {\n  entries: readonly SettingsSectionEntry[];\n  scope: 'workspace' | 'project';\n}) {\n  const params = useRouteParams((input): {workspaceSlug?: string; projectSlug?: string} =>\n    scope === 'workspace' ? parseWorkspaceParams(input) : parseWorkspaceProjectParams(input),\n  );\n  const matchRoute = useMatchRoute();\n  if (!params.workspaceSlug || (scope === 'project' && !params.projectSlug)) return null;\n  const scopedEntries = entries.filter((entry) => (entry.scope ?? 'workspace') === scope);\n  const settingsPath =\n    scope === 'workspace'\n      ? '/w/$workspaceSlug/settings'\n      : '/w/$workspaceSlug/p/$projectSlug/settings';\n  const paramsForLink =\n    scope === 'workspace'\n      ? {workspaceSlug: params.workspaceSlug}\n      : {workspaceSlug: params.workspaceSlug, projectSlug: params.projectSlug};\n\n  return (\n    <nav\n      aria-label={`${scope === 'workspace' ? 'Workspace' : 'Project'} settings`}\n      className=\"flex min-w-0 flex-col\"\n    >\n      <ul className=\"divide-y divide-border-neutral-base\">\n        {scopedEntries.map((entry) => {\n          const to = `${settingsPath}/${entry.pathSegment}`;\n          const active = Boolean(matchRoute({to: to as never, params: paramsForLink as never}));\n          return (\n            <li key={entry.id} className=\"py-tight first:pt-0 last:pb-0\">\n              <Link\n                to={to as never}\n                params={paramsForLink as never}\n                aria-current={active ? 'page' : undefined}\n                className={cn(\n                  'relative flex min-h-32 w-full items-center justify-start gap-inline rounded-4 px-tight text-left text-sm font-medium text-foreground-neutral-base outline-none transition-colors hover:bg-background-neutral-hover focus-visible:shadow-border-interactive-with-active',\n                  active && 'bg-background-neutral-hover',\n                )}\n              >\n                {active ? (\n                  <span\n                    aria-hidden=\"true\"\n                    data-settings-active-bar\n                    className=\"absolute inset-y-0 left-0 w-2 rounded-l-4 bg-border-highlights-interactive\"\n                  />\n                ) : null}\n                <Icon name={entry.icon} className=\"size-16\" aria-hidden=\"true\" />\n                {entry.label}\n              </Link>\n            </li>\n          );\n        })}\n      </ul>\n    </nav>\n  );\n}\n"],"names":["Icon","cn","Link","useMatchRoute","parseWorkspaceParams","parseWorkspaceProjectParams","useRouteParams","SettingsNav","entries","scope","params","input","matchRoute","workspaceSlug","projectSlug","scopedEntries","filter","entry","settingsPath","paramsForLink","nav","aria-label","className","ul","map","to","pathSegment","active","Boolean","li","aria-current","undefined","span","aria-hidden","data-settings-active-bar","name","icon","label","id"],"mappings":";AAAA,SAAQA,IAAI,QAAO,yBAAyB;AAC5C,SAAQC,EAAE,QAAO,0BAA0B;AAC3C,SAAQC,IAAI,EAAEC,aAAa,QAAO,yBAAyB;AAE3D,SACEC,oBAAoB,EACpBC,2BAA2B,EAC3BC,cAAc,QACT,2BAA2B;AAElC,OAAO,SAASC,YAAY,EAC1BC,OAAO,EACPC,KAAK,EAIN;IACC,MAAMC,SAASJ,eAAe,CAACK,QAC7BF,UAAU,cAAcL,qBAAqBO,SAASN,4BAA4BM;IAEpF,MAAMC,aAAaT;IACnB,IAAI,CAACO,OAAOG,aAAa,IAAKJ,UAAU,aAAa,CAACC,OAAOI,WAAW,EAAG,OAAO;IAClF,MAAMC,gBAAgBP,QAAQQ,MAAM,CAAC,CAACC,QAAU,AAACA,CAAAA,MAAMR,KAAK,IAAI,WAAU,MAAOA;IACjF,MAAMS,eACJT,UAAU,cACN,+BACA;IACN,MAAMU,gBACJV,UAAU,cACN;QAACI,eAAeH,OAAOG,aAAa;IAAA,IACpC;QAACA,eAAeH,OAAOG,aAAa;QAAEC,aAAaJ,OAAOI,WAAW;IAAA;IAE3E,qBACE,KAACM;QACCC,cAAY,GAAGZ,UAAU,cAAc,cAAc,UAAU,SAAS,CAAC;QACzEa,WAAU;kBAEV,cAAA,KAACC;YAAGD,WAAU;sBACXP,cAAcS,GAAG,CAAC,CAACP;gBAClB,MAAMQ,KAAK,GAAGP,aAAa,CAAC,EAAED,MAAMS,WAAW,EAAE;gBACjD,MAAMC,SAASC,QAAQhB,WAAW;oBAACa,IAAIA;oBAAaf,QAAQS;gBAAsB;gBAClF,qBACE,KAACU;oBAAkBP,WAAU;8BAC3B,cAAA,MAACpB;wBACCuB,IAAIA;wBACJf,QAAQS;wBACRW,gBAAcH,SAAS,SAASI;wBAChCT,WAAWrB,GACT,0QACA0B,UAAU;;4BAGXA,uBACC,KAACK;gCACCC,eAAY;gCACZC,0BAAwB;gCACxBZ,WAAU;iCAEV;0CACJ,KAACtB;gCAAKmC,MAAMlB,MAAMmB,IAAI;gCAAEd,WAAU;gCAAUW,eAAY;;4BACvDhB,MAAMoB,KAAK;;;mBAlBPpB,MAAMqB,EAAE;YAsBrB;;;AAIR"}

package/dist/runtime/anchors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"anchors.d.ts","sourceRoot":"","sources":["../../src/runtime/anchors.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAC,WAAW,EAAE,oBAAoB,EAAC,MAAM,cAAc,CAAC;AAKpE,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,sBAAsB,CAAC;AAO9D,OAAO,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAC;AAErD,wBAAgB,mBAAmB,CAAC,EAClC,UAAU,EACV,gBAAgB,GACjB,EAAE;IACD,UAAU,EAAE,SAAS,WAAW,EAAE,CAAC;IACnC,gBAAgB,EAAE,SAAS,oBAAoB,EAAE,CAAC;CACnD;;;;;;;;;;;;;EAwHA"}
+{"version":3,"file":"anchors.d.ts","sourceRoot":"","sources":["../../src/runtime/anchors.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAC,WAAW,EAAE,oBAAoB,EAAC,MAAM,cAAc,CAAC;AAKpE,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,sBAAsB,CAAC;AAO9D,OAAO,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAC;AAErD,wBAAgB,mBAAmB,CAAC,EAClC,UAAU,EACV,gBAAgB,GACjB,EAAE;IACD,UAAU,EAAE,SAAS,WAAW,EAAE,CAAC;IACnC,gBAAgB,EAAE,SAAS,oBAAoB,EAAE,CAAC;CACnD;;;;;;;;;;;;;EAgHA"}

package/dist/runtime/anchors.js

@@ -5,7 +5,7 @@ import { createRootRouteWithContext, createRoute, Outlet, redirect } from '@tans
 import { MainLayout } from '#components/main-layout.js';
 import { NotFoundPage } from '#components/not-found-page.js';
 import { SettingsNav } from '#components/settings-nav.js';
-import { useActiveWorkspace, useMaybeActiveWorkspace } from './active-workspace.js';
+import { useMaybeActiveWorkspace } from './active-workspace.js';
 import { anchorPaths } from './anchor-paths.js';
 import { rememberLastWorkspaceId } from './last-workspace.js';
 import { parseWorkspaceParams, parseWorkspaceProjectParams, useRouteParams } from './route-inputs.js';
@@ -116,11 +116,8 @@ export function buildAnchorSkeleton({ navigation, settingsSections }) {
         getParentRoute: ()=>workspaceLayout,
         path: '/settings',
         component: ()=>{
-            const workspace = useActiveWorkspace();
             return /*#__PURE__*/ _jsx(SettingsAnchorLayout, {
                 scope: "workspace",
-                title: "Workspace settings",
-                description: `Configure ${workspace.name}.`,
                 settingsSections: settingsSections
             });
         }
@@ -144,22 +141,22 @@ function SettingsAnchorLayout({ scope, title, description, settingsSections }) {
     const params = useRouteParams((input)=>scope === 'workspace' ? parseWorkspaceParams(input) : parseWorkspaceProjectParams(input));
     if (!params.workspaceSlug || scope === 'project' && !params.projectSlug) return null;
     return /*#__PURE__*/ _jsxs("div", {
-        className: "flex w-full flex-col gap-section",
+        className: title ? 'flex w-full flex-col gap-section' : 'w-full',
         children: [
-            /*#__PURE__*/ _jsxs("header", {
+            title ? /*#__PURE__*/ _jsxs("header", {
                 className: "flex flex-col gap-inline",
                 children: [
                     /*#__PURE__*/ _jsx(Header, {
                         variant: "h2",
                         children: title
                     }),
-                    /*#__PURE__*/ _jsx(Text, {
+                    description ? /*#__PURE__*/ _jsx(Text, {
                         size: "sm",
                         className: "text-foreground-neutral-muted",
                         children: description
-                    })
+                    }) : null
                 ]
-            }),
+            }) : null,
             /*#__PURE__*/ _jsxs("div", {
                 className: "grid grid-cols-[180px_minmax(0,1fr)] gap-region max-[760px]:grid-cols-1",
                 children: [

package/dist/runtime/anchors.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/runtime/anchors.tsx"],"sourcesContent":["import {ShipfoxLoader} from '@shipfox/react-ui/loader';\nimport {Header, Text} from '@shipfox/react-ui/typography';\nimport {createRootRouteWithContext, createRoute, Outlet, redirect} from '@tanstack/react-router';\nimport {MainLayout} from '#components/main-layout.js';\nimport {NotFoundPage} from '#components/not-found-page.js';\nimport {SettingsNav} from '#components/settings-nav.js';\nimport type {NavTabEntry, SettingsSectionEntry} from '#contract.js';\nimport {useActiveWorkspace, useMaybeActiveWorkspace} from './active-workspace.js';\nimport {anchorPaths} from './anchor-paths.js';\nimport {rememberLastWorkspaceId} from './last-workspace.js';\nimport {parseWorkspaceParams, parseWorkspaceProjectParams, useRouteParams} from './route-inputs.js';\nimport type {RouterContext} from './router-context.js';\nimport type {WorkspaceSetupState} from './workspace-setup.js';\nimport {\n  WorkspaceLayoutErrorRoute,\n  WorkspaceSetupPending,\n  WorkspaceUnavailablePage,\n} from './workspace-setup.js';\n\nexport {routePathForAnchor} from './anchor-paths.js';\n\nexport function buildAnchorSkeleton({\n  navigation,\n  settingsSections,\n}: {\n  navigation: readonly NavTabEntry[];\n  settingsSections: readonly SettingsSectionEntry[];\n}) {\n  const rootRoute = createRootRouteWithContext<RouterContext>()({\n    component: Outlet,\n    notFoundComponent: NotFoundPage,\n  });\n  const workspaceLayout = createRoute({\n    getParentRoute: () => rootRoute,\n    path: anchorPaths.workspaceLayout,\n    staticData: {frame: 'content'},\n    beforeLoad: async ({context, params, location}) => {\n      const auth = context.auth;\n      if (!auth || auth.isLoading || !context.queryClient) return;\n      if (!auth.isAuthenticated)\n        throw redirect({to: '/auth/login' as never, search: {redirect: location.href} as never});\n      const workspace = auth.workspaces.find(\n        (candidate) => candidate.slug === params.workspaceSlug,\n      );\n      if (!workspace) throw redirect({to: '/'});\n      try {\n        if (auth.user?.id) rememberLastWorkspaceId(auth.user.id, workspace.id);\n      } catch {\n        // Local storage is best effort.\n      }\n      if (!context.workspaceSetup)\n        throw new Error('Client composition includes workspace routes but no workspaceSetup gate.');\n      return await context.workspaceSetup({\n        queryClient: context.queryClient,\n        workspaceId: workspace.id,\n        workspaceSlug: params.workspaceSlug,\n        pathname: location.pathname,\n      });\n    },\n    pendingComponent: () => (\n      <div className=\"flex h-screen items-center justify-center\">\n        <ShipfoxLoader size={64} animation=\"circular\" color=\"orange\" background=\"dark\" />\n      </div>\n    ),\n    errorComponent: WorkspaceLayoutErrorRoute,\n    component: () => {\n      const setupState = workspaceLayout.useRouteContext() as {\n        hideProjectNavigation?: boolean;\n        unavailable?: boolean;\n      };\n      const workspace = useMaybeActiveWorkspace();\n      return setupState.hideProjectNavigation === undefined ? (\n        <WorkspaceSetupPending />\n      ) : setupState.unavailable ? (\n        <WorkspaceUnavailablePage workspaceName={workspace?.name} />\n      ) : (\n        <MainLayout\n          navigation={navigation}\n          hideProjectNavigation={setupState.hideProjectNavigation}\n        />\n      );\n    },\n  });\n  const projectLayout = createRoute({\n    getParentRoute: () => workspaceLayout,\n    path: '/p/$projectSlug',\n    staticData: {frame: 'content'},\n    beforeLoad: async ({context, params}) => {\n      const auth = context.auth;\n      if (!auth || auth.isLoading || !context.queryClient) return;\n      if ((context as RouterContext & Partial<WorkspaceSetupState>).unavailable) return;\n      const workspace = auth.workspaces.find(\n        (candidate) => candidate.slug === params.workspaceSlug,\n      );\n      if (!workspace) throw redirect({to: '/'});\n      if (!context.projectSlugResolver) {\n        throw new Error('Client composition includes project routes but no project slug resolver.');\n      }\n      const projectId = await context.projectSlugResolver({\n        queryClient: context.queryClient,\n        workspaceId: workspace.id,\n        projectSlug: params.projectSlug,\n      });\n      if (!projectId) {\n        throw redirect({\n          to: '/w/$workspaceSlug',\n          params: {workspaceSlug: params.workspaceSlug},\n        });\n      }\n    },\n    component: Outlet,\n  });\n  const projectSettings = createRoute({\n    getParentRoute: () => projectLayout,\n    path: '/settings',\n    component: () => (\n      <SettingsAnchorLayout\n        scope=\"project\"\n        title=\"Project settings\"\n        description=\"Configure this project.\"\n        settingsSections={settingsSections}\n      />\n    ),\n  });\n  const workspaceSettings = createRoute({\n    getParentRoute: () => workspaceLayout,\n    path: '/settings',\n    component: () => {\n      const workspace = useActiveWorkspace();\n      return (\n        <SettingsAnchorLayout\n          scope=\"workspace\"\n          title=\"Workspace settings\"\n          description={`Configure ${workspace.name}.`}\n          settingsSections={settingsSections}\n        />\n      );\n    },\n  });\n  return {\n    anchors: {root: rootRoute, workspaceLayout, projectLayout, workspaceSettings, projectSettings},\n    rootRoute,\n    workspaceLayout,\n    projectLayout,\n    workspaceSettings,\n    projectSettings,\n  };\n}\n\nfunction SettingsAnchorLayout({\n  scope,\n  title,\n  description,\n  settingsSections,\n}: {\n  scope: 'workspace' | 'project';\n  title: string;\n  description: string;\n  settingsSections: readonly SettingsSectionEntry[];\n}) {\n  const params = useRouteParams((input): {workspaceSlug?: string; projectSlug?: string} =>\n    scope === 'workspace' ? parseWorkspaceParams(input) : parseWorkspaceProjectParams(input),\n  );\n  if (!params.workspaceSlug || (scope === 'project' && !params.projectSlug)) return null;\n\n  return (\n    <div className=\"flex w-full flex-col gap-section\">\n      <header className=\"flex flex-col gap-inline\">\n        <Header variant=\"h2\">{title}</Header>\n        <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n          {description}\n        </Text>\n      </header>\n\n      <div className=\"grid grid-cols-[180px_minmax(0,1fr)] gap-region max-[760px]:grid-cols-1\">\n        <SettingsNav entries={settingsSections} scope={scope} />\n        <Outlet />\n      </div>\n    </div>\n  );\n}\n"],"names":["ShipfoxLoader","Header","Text","createRootRouteWithContext","createRoute","Outlet","redirect","MainLayout","NotFoundPage","SettingsNav","useActiveWorkspace","useMaybeActiveWorkspace","anchorPaths","rememberLastWorkspaceId","parseWorkspaceParams","parseWorkspaceProjectParams","useRouteParams","WorkspaceLayoutErrorRoute","WorkspaceSetupPending","WorkspaceUnavailablePage","routePathForAnchor","buildAnchorSkeleton","navigation","settingsSections","rootRoute","component","notFoundComponent","workspaceLayout","getParentRoute","path","staticData","frame","beforeLoad","context","params","location","auth","isLoading","queryClient","isAuthenticated","to","search","href","workspace","workspaces","find","candidate","slug","workspaceSlug","user","id","workspaceSetup","Error","workspaceId","pathname","pendingComponent","div","className","size","animation","color","background","errorComponent","setupState","useRouteContext","hideProjectNavigation","undefined","unavailable","workspaceName","name","projectLayout","projectSlugResolver","projectId","projectSlug","projectSettings","SettingsAnchorLayout","scope","title","description","workspaceSettings","anchors","root","input","header","variant","entries"],"mappings":"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"}
+{"version":3,"sources":["../../src/runtime/anchors.tsx"],"sourcesContent":["import {ShipfoxLoader} from '@shipfox/react-ui/loader';\nimport {Header, Text} from '@shipfox/react-ui/typography';\nimport {createRootRouteWithContext, createRoute, Outlet, redirect} from '@tanstack/react-router';\nimport {MainLayout} from '#components/main-layout.js';\nimport {NotFoundPage} from '#components/not-found-page.js';\nimport {SettingsNav} from '#components/settings-nav.js';\nimport type {NavTabEntry, SettingsSectionEntry} from '#contract.js';\nimport {useMaybeActiveWorkspace} from './active-workspace.js';\nimport {anchorPaths} from './anchor-paths.js';\nimport {rememberLastWorkspaceId} from './last-workspace.js';\nimport {parseWorkspaceParams, parseWorkspaceProjectParams, useRouteParams} from './route-inputs.js';\nimport type {RouterContext} from './router-context.js';\nimport type {WorkspaceSetupState} from './workspace-setup.js';\nimport {\n  WorkspaceLayoutErrorRoute,\n  WorkspaceSetupPending,\n  WorkspaceUnavailablePage,\n} from './workspace-setup.js';\n\nexport {routePathForAnchor} from './anchor-paths.js';\n\nexport function buildAnchorSkeleton({\n  navigation,\n  settingsSections,\n}: {\n  navigation: readonly NavTabEntry[];\n  settingsSections: readonly SettingsSectionEntry[];\n}) {\n  const rootRoute = createRootRouteWithContext<RouterContext>()({\n    component: Outlet,\n    notFoundComponent: NotFoundPage,\n  });\n  const workspaceLayout = createRoute({\n    getParentRoute: () => rootRoute,\n    path: anchorPaths.workspaceLayout,\n    staticData: {frame: 'content'},\n    beforeLoad: async ({context, params, location}) => {\n      const auth = context.auth;\n      if (!auth || auth.isLoading || !context.queryClient) return;\n      if (!auth.isAuthenticated)\n        throw redirect({to: '/auth/login' as never, search: {redirect: location.href} as never});\n      const workspace = auth.workspaces.find(\n        (candidate) => candidate.slug === params.workspaceSlug,\n      );\n      if (!workspace) throw redirect({to: '/'});\n      try {\n        if (auth.user?.id) rememberLastWorkspaceId(auth.user.id, workspace.id);\n      } catch {\n        // Local storage is best effort.\n      }\n      if (!context.workspaceSetup)\n        throw new Error('Client composition includes workspace routes but no workspaceSetup gate.');\n      return await context.workspaceSetup({\n        queryClient: context.queryClient,\n        workspaceId: workspace.id,\n        workspaceSlug: params.workspaceSlug,\n        pathname: location.pathname,\n      });\n    },\n    pendingComponent: () => (\n      <div className=\"flex h-screen items-center justify-center\">\n        <ShipfoxLoader size={64} animation=\"circular\" color=\"orange\" background=\"dark\" />\n      </div>\n    ),\n    errorComponent: WorkspaceLayoutErrorRoute,\n    component: () => {\n      const setupState = workspaceLayout.useRouteContext() as {\n        hideProjectNavigation?: boolean;\n        unavailable?: boolean;\n      };\n      const workspace = useMaybeActiveWorkspace();\n      return setupState.hideProjectNavigation === undefined ? (\n        <WorkspaceSetupPending />\n      ) : setupState.unavailable ? (\n        <WorkspaceUnavailablePage workspaceName={workspace?.name} />\n      ) : (\n        <MainLayout\n          navigation={navigation}\n          hideProjectNavigation={setupState.hideProjectNavigation}\n        />\n      );\n    },\n  });\n  const projectLayout = createRoute({\n    getParentRoute: () => workspaceLayout,\n    path: '/p/$projectSlug',\n    staticData: {frame: 'content'},\n    beforeLoad: async ({context, params}) => {\n      const auth = context.auth;\n      if (!auth || auth.isLoading || !context.queryClient) return;\n      if ((context as RouterContext & Partial<WorkspaceSetupState>).unavailable) return;\n      const workspace = auth.workspaces.find(\n        (candidate) => candidate.slug === params.workspaceSlug,\n      );\n      if (!workspace) throw redirect({to: '/'});\n      if (!context.projectSlugResolver) {\n        throw new Error('Client composition includes project routes but no project slug resolver.');\n      }\n      const projectId = await context.projectSlugResolver({\n        queryClient: context.queryClient,\n        workspaceId: workspace.id,\n        projectSlug: params.projectSlug,\n      });\n      if (!projectId) {\n        throw redirect({\n          to: '/w/$workspaceSlug',\n          params: {workspaceSlug: params.workspaceSlug},\n        });\n      }\n    },\n    component: Outlet,\n  });\n  const projectSettings = createRoute({\n    getParentRoute: () => projectLayout,\n    path: '/settings',\n    component: () => (\n      <SettingsAnchorLayout\n        scope=\"project\"\n        title=\"Project settings\"\n        description=\"Configure this project.\"\n        settingsSections={settingsSections}\n      />\n    ),\n  });\n  const workspaceSettings = createRoute({\n    getParentRoute: () => workspaceLayout,\n    path: '/settings',\n    component: () => {\n      return <SettingsAnchorLayout scope=\"workspace\" settingsSections={settingsSections} />;\n    },\n  });\n  return {\n    anchors: {root: rootRoute, workspaceLayout, projectLayout, workspaceSettings, projectSettings},\n    rootRoute,\n    workspaceLayout,\n    projectLayout,\n    workspaceSettings,\n    projectSettings,\n  };\n}\n\nfunction SettingsAnchorLayout({\n  scope,\n  title,\n  description,\n  settingsSections,\n}: {\n  scope: 'workspace' | 'project';\n  title?: string;\n  description?: string;\n  settingsSections: readonly SettingsSectionEntry[];\n}) {\n  const params = useRouteParams((input): {workspaceSlug?: string; projectSlug?: string} =>\n    scope === 'workspace' ? parseWorkspaceParams(input) : parseWorkspaceProjectParams(input),\n  );\n  if (!params.workspaceSlug || (scope === 'project' && !params.projectSlug)) return null;\n\n  return (\n    <div className={title ? 'flex w-full flex-col gap-section' : 'w-full'}>\n      {title ? (\n        <header className=\"flex flex-col gap-inline\">\n          <Header variant=\"h2\">{title}</Header>\n          {description ? (\n            <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n              {description}\n            </Text>\n          ) : null}\n        </header>\n      ) : null}\n\n      <div className=\"grid grid-cols-[180px_minmax(0,1fr)] gap-region max-[760px]:grid-cols-1\">\n        <SettingsNav entries={settingsSections} scope={scope} />\n        <Outlet />\n      </div>\n    </div>\n  );\n}\n"],"names":["ShipfoxLoader","Header","Text","createRootRouteWithContext","createRoute","Outlet","redirect","MainLayout","NotFoundPage","SettingsNav","useMaybeActiveWorkspace","anchorPaths","rememberLastWorkspaceId","parseWorkspaceParams","parseWorkspaceProjectParams","useRouteParams","WorkspaceLayoutErrorRoute","WorkspaceSetupPending","WorkspaceUnavailablePage","routePathForAnchor","buildAnchorSkeleton","navigation","settingsSections","rootRoute","component","notFoundComponent","workspaceLayout","getParentRoute","path","staticData","frame","beforeLoad","context","params","location","auth","isLoading","queryClient","isAuthenticated","to","search","href","workspace","workspaces","find","candidate","slug","workspaceSlug","user","id","workspaceSetup","Error","workspaceId","pathname","pendingComponent","div","className","size","animation","color","background","errorComponent","setupState","useRouteContext","hideProjectNavigation","undefined","unavailable","workspaceName","name","projectLayout","projectSlugResolver","projectId","projectSlug","projectSettings","SettingsAnchorLayout","scope","title","description","workspaceSettings","anchors","root","input","header","variant","entries"],"mappings":"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"}

package/dist/runtime/index.d.ts

@@ -1,4 +1,5 @@
 export { AuthActions, AuthShell, type AuthShellProps } from '#components/auth-shell.js';
+export { FOCUSED_FRAME_CONTENT_CLASS_NAME, FocusedFrame, } from '#components/focused-frame.js';
 export { WorkspaceCrumb, type WorkspaceCrumbProps } from '#components/workspace-crumb.js';
 export { WorkspaceSwitcher } from '#components/workspace-switcher.js';
 export type { AuthenticatedSession, UserIdentity, WorkspaceMembership, WorkspaceSummary, } from '#core/session.js';

package/dist/runtime/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/runtime/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAE,SAAS,EAAE,KAAK,cAAc,EAAC,MAAM,2BAA2B,CAAC;AACtF,OAAO,EAAC,cAAc,EAAE,KAAK,mBAAmB,EAAC,MAAM,gCAAgC,CAAC;AACxF,OAAO,EAAC,iBAAiB,EAAC,MAAM,mCAAmC,CAAC;AACpE,YAAY,EACV,oBAAoB,EACpB,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,GACjB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAC,sBAAsB,EAAE,cAAc,EAAC,MAAM,8BAA8B,CAAC;AACpF,cAAc,uCAAuC,CAAC;AACtD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oCAAoC,CAAC;AACnD,cAAc,kCAAkC,CAAC;AACjD,cAAc,mCAAmC,CAAC;AAClD,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/runtime/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAE,SAAS,EAAE,KAAK,cAAc,EAAC,MAAM,2BAA2B,CAAC;AACtF,OAAO,EACL,gCAAgC,EAChC,YAAY,GACb,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAC,cAAc,EAAE,KAAK,mBAAmB,EAAC,MAAM,gCAAgC,CAAC;AACxF,OAAO,EAAC,iBAAiB,EAAC,MAAM,mCAAmC,CAAC;AACpE,YAAY,EACV,oBAAoB,EACpB,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,GACjB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAC,sBAAsB,EAAE,cAAc,EAAC,MAAM,8BAA8B,CAAC;AACpF,cAAc,uCAAuC,CAAC;AACtD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oCAAoC,CAAC;AACnD,cAAc,kCAAkC,CAAC;AACjD,cAAc,mCAAmC,CAAC;AAClD,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC"}

package/dist/runtime/index.js

@@ -1,4 +1,5 @@
 export { AuthActions, AuthShell } from '#components/auth-shell.js';
+export { FOCUSED_FRAME_CONTENT_CLASS_NAME, FocusedFrame } from '#components/focused-frame.js';
 export { WorkspaceCrumb } from '#components/workspace-crumb.js';
 export { WorkspaceSwitcher } from '#components/workspace-switcher.js';
 export { toAuthenticatedSession, toUserIdentity } from '#hooks/api/session-mapper.js';

package/dist/runtime/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/runtime/index.ts"],"sourcesContent":["export {AuthActions, AuthShell, type AuthShellProps} from '#components/auth-shell.js';\nexport {WorkspaceCrumb, type WorkspaceCrumbProps} from '#components/workspace-crumb.js';\nexport {WorkspaceSwitcher} from '#components/workspace-switcher.js';\nexport type {\n  AuthenticatedSession,\n  UserIdentity,\n  WorkspaceMembership,\n  WorkspaceSummary,\n} from '#core/session.js';\nexport {toAuthenticatedSession, toUserIdentity} from '#hooks/api/session-mapper.js';\nexport * from '../compose/compose-client-features.js';\nexport * from '../compose/compose-routes.js';\nexport * from '../compose/errors.js';\nexport * from '../compose/merge-config.js';\nexport * from '../compose/normalize-route-path.js';\nexport * from '../compose/validate-providers.js';\nexport * from '../compose/validate-registries.js';\nexport * from './active-workspace.js';\nexport * from './anchor-paths.js';\nexport * from './anchors.js';\nexport * from './auth.js';\nexport * from './chrome-context.js';\nexport * from './compose-client-app.js';\nexport * from './define-route.js';\nexport * from './last-workspace.js';\nexport * from './layout-navigation.js';\nexport * from './nav-order.js';\nexport * from './route-frame.js';\nexport * from './route-inputs.js';\nexport * from './router-context.js';\nexport * from './search-serialization.js';\nexport * from './workspace-setup.js';\n"],"names":["AuthActions","AuthShell","WorkspaceCrumb","WorkspaceSwitcher","toAuthenticatedSession","toUserIdentity"],"mappings":"AAAA,SAAQA,WAAW,EAAEC,SAAS,QAA4B,4BAA4B;AACtF,SAAQC,cAAc,QAAiC,iCAAiC;AACxF,SAAQC,iBAAiB,QAAO,oCAAoC;AAOpE,SAAQC,sBAAsB,EAAEC,cAAc,QAAO,+BAA+B;AACpF,cAAc,wCAAwC;AACtD,cAAc,+BAA+B;AAC7C,cAAc,uBAAuB;AACrC,cAAc,6BAA6B;AAC3C,cAAc,qCAAqC;AACnD,cAAc,mCAAmC;AACjD,cAAc,oCAAoC;AAClD,cAAc,wBAAwB;AACtC,cAAc,oBAAoB;AAClC,cAAc,eAAe;AAC7B,cAAc,YAAY;AAC1B,cAAc,sBAAsB;AACpC,cAAc,0BAA0B;AACxC,cAAc,oBAAoB;AAClC,cAAc,sBAAsB;AACpC,cAAc,yBAAyB;AACvC,cAAc,iBAAiB;AAC/B,cAAc,mBAAmB;AACjC,cAAc,oBAAoB;AAClC,cAAc,sBAAsB;AACpC,cAAc,4BAA4B;AAC1C,cAAc,uBAAuB"}
+{"version":3,"sources":["../../src/runtime/index.ts"],"sourcesContent":["export {AuthActions, AuthShell, type AuthShellProps} from '#components/auth-shell.js';\nexport {\n  FOCUSED_FRAME_CONTENT_CLASS_NAME,\n  FocusedFrame,\n} from '#components/focused-frame.js';\nexport {WorkspaceCrumb, type WorkspaceCrumbProps} from '#components/workspace-crumb.js';\nexport {WorkspaceSwitcher} from '#components/workspace-switcher.js';\nexport type {\n  AuthenticatedSession,\n  UserIdentity,\n  WorkspaceMembership,\n  WorkspaceSummary,\n} from '#core/session.js';\nexport {toAuthenticatedSession, toUserIdentity} from '#hooks/api/session-mapper.js';\nexport * from '../compose/compose-client-features.js';\nexport * from '../compose/compose-routes.js';\nexport * from '../compose/errors.js';\nexport * from '../compose/merge-config.js';\nexport * from '../compose/normalize-route-path.js';\nexport * from '../compose/validate-providers.js';\nexport * from '../compose/validate-registries.js';\nexport * from './active-workspace.js';\nexport * from './anchor-paths.js';\nexport * from './anchors.js';\nexport * from './auth.js';\nexport * from './chrome-context.js';\nexport * from './compose-client-app.js';\nexport * from './define-route.js';\nexport * from './last-workspace.js';\nexport * from './layout-navigation.js';\nexport * from './nav-order.js';\nexport * from './route-frame.js';\nexport * from './route-inputs.js';\nexport * from './router-context.js';\nexport * from './search-serialization.js';\nexport * from './workspace-setup.js';\n"],"names":["AuthActions","AuthShell","FOCUSED_FRAME_CONTENT_CLASS_NAME","FocusedFrame","WorkspaceCrumb","WorkspaceSwitcher","toAuthenticatedSession","toUserIdentity"],"mappings":"AAAA,SAAQA,WAAW,EAAEC,SAAS,QAA4B,4BAA4B;AACtF,SACEC,gCAAgC,EAChCC,YAAY,QACP,+BAA+B;AACtC,SAAQC,cAAc,QAAiC,iCAAiC;AACxF,SAAQC,iBAAiB,QAAO,oCAAoC;AAOpE,SAAQC,sBAAsB,EAAEC,cAAc,QAAO,+BAA+B;AACpF,cAAc,wCAAwC;AACtD,cAAc,+BAA+B;AAC7C,cAAc,uBAAuB;AACrC,cAAc,6BAA6B;AAC3C,cAAc,qCAAqC;AACnD,cAAc,mCAAmC;AACjD,cAAc,oCAAoC;AAClD,cAAc,wBAAwB;AACtC,cAAc,oBAAoB;AAClC,cAAc,eAAe;AAC7B,cAAc,YAAY;AAC1B,cAAc,sBAAsB;AACpC,cAAc,0BAA0B;AACxC,cAAc,oBAAoB;AAClC,cAAc,sBAAsB;AACpC,cAAc,yBAAyB;AACvC,cAAc,iBAAiB;AAC/B,cAAc,mBAAmB;AACjC,cAAc,oBAAoB;AAClC,cAAc,sBAAsB;AACpC,cAAc,4BAA4B;AAC1C,cAAc,uBAAuB"}

package/dist/runtime/workspace-setup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"workspace-setup.d.ts","sourceRoot":"","sources":["../../src/runtime/workspace-setup.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAC,KAAK,mBAAmB,EAAY,MAAM,wBAAwB,CAAC;AAE3E,MAAM,WAAW,mBAAmB;IAClC,qBAAqB,EAAE,OAAO,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AACD,MAAM,WAAW,0BAA0B;IACzC,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;CAClB;AACD,MAAM,MAAM,kBAAkB,GAAG,CAC/B,OAAO,EAAE,0BAA0B,KAChC,OAAO,CAAC,mBAAmB,CAAC,CAAC;AAElC,qBAAa,uBAAwB,SAAQ,KAAK;aACX,KAAK,EAAE,OAAO;IAAnD,YAAqC,KAAK,EAAE,OAAO,EAGlD;CACF;AACD,wBAAgB,qBAAqB,gCAEpC;AAED,wBAAgB,wBAAwB,CAAC,EAAC,aAAa,EAAC,EAAE;IAAC,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAAC,+BAc7F;AACD,wBAAgB,yBAAyB,CAAC,EAAC,KAAK,EAAE,KAAK,EAAC,EAAE,mBAAmB,+BA+B5E"}
+{"version":3,"file":"workspace-setup.d.ts","sourceRoot":"","sources":["../../src/runtime/workspace-setup.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAC,KAAK,mBAAmB,EAAY,MAAM,wBAAwB,CAAC;AAG3E,MAAM,WAAW,mBAAmB;IAClC,qBAAqB,EAAE,OAAO,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AACD,MAAM,WAAW,0BAA0B;IACzC,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;CAClB;AACD,MAAM,MAAM,kBAAkB,GAAG,CAC/B,OAAO,EAAE,0BAA0B,KAChC,OAAO,CAAC,mBAAmB,CAAC,CAAC;AAElC,qBAAa,uBAAwB,SAAQ,KAAK;aACX,KAAK,EAAE,OAAO;IAAnD,YAAqC,KAAK,EAAE,OAAO,EAGlD;CACF;AACD,wBAAgB,qBAAqB,gCAEpC;AAED,wBAAgB,wBAAwB,CAAC,EAAC,aAAa,EAAC,EAAE;IAAC,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAAC,+BAc7F;AACD,wBAAgB,yBAAyB,CAAC,EAAC,KAAK,EAAE,KAAK,EAAC,EAAE,mBAAmB,+BA+B5E"}

package/dist/runtime/workspace-setup.js

@@ -5,6 +5,7 @@ import { Callout } from '@shipfox/react-ui/callout';
 import { FullPageLoader } from '@shipfox/react-ui/loader';
 import { Header, Text } from '@shipfox/react-ui/typography';
 import { useRouter } from '@tanstack/react-router';
+import { FocusedFrame } from '#components/focused-frame.js';
 export class WorkspaceSetupLoadError extends Error {
     constructor(cause){
         super(cause instanceof Error ? cause.message : 'Workspace setup load failed'), this.cause = cause;
@@ -17,8 +18,8 @@ export function WorkspaceSetupPending() {
 export function WorkspaceUnavailablePage({ workspaceName }) {
     return /*#__PURE__*/ _jsx("main", {
         className: "min-h-screen bg-background-subtle-base px-frame py-frame max-[520px]:px-row",
-        children: /*#__PURE__*/ _jsxs("div", {
-            className: "mx-auto flex w-full max-w-[640px] flex-col gap-cluster",
+        children: /*#__PURE__*/ _jsxs(FocusedFrame, {
+            className: "flex flex-col gap-cluster",
             children: [
                 /*#__PURE__*/ _jsx(Header, {
                     variant: "h1",
@@ -47,8 +48,8 @@ export function WorkspaceLayoutErrorRoute({ error, reset }) {
     const message = error instanceof ApiError ? error.message : setupError && error.cause instanceof ApiError ? error.cause.message : 'Try again in a moment.';
     return /*#__PURE__*/ _jsx("main", {
         className: "min-h-screen bg-background-subtle-base px-frame py-frame max-[520px]:px-row",
-        children: /*#__PURE__*/ _jsxs("div", {
-            className: "mx-auto flex w-full max-w-[640px] flex-col gap-section",
+        children: /*#__PURE__*/ _jsxs(FocusedFrame, {
+            className: "flex flex-col gap-section",
             children: [
                 /*#__PURE__*/ _jsx(Header, {
                     variant: "h1",

package/dist/runtime/workspace-setup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/runtime/workspace-setup.tsx"],"sourcesContent":["import {ApiError} from '@shipfox/client-api';\nimport {Button} from '@shipfox/react-ui/button';\nimport {Callout} from '@shipfox/react-ui/callout';\nimport {FullPageLoader} from '@shipfox/react-ui/loader';\nimport {Header, Text} from '@shipfox/react-ui/typography';\nimport type {QueryClient} from '@tanstack/react-query';\nimport {type ErrorComponentProps, useRouter} from '@tanstack/react-router';\n\nexport interface WorkspaceSetupState {\n  hideProjectNavigation: boolean;\n  unavailable?: boolean;\n}\nexport interface WorkspaceSetupRouteOptions {\n  queryClient: QueryClient;\n  workspaceId: string;\n  workspaceSlug: string;\n  pathname: string;\n}\nexport type WorkspaceSetupGate = (\n  options: WorkspaceSetupRouteOptions,\n) => Promise<WorkspaceSetupState>;\n\nexport class WorkspaceSetupLoadError extends Error {\n  constructor(public override readonly cause: unknown) {\n    super(cause instanceof Error ? cause.message : 'Workspace setup load failed');\n    this.name = 'WorkspaceSetupLoadError';\n  }\n}\nexport function WorkspaceSetupPending() {\n  return <FullPageLoader />;\n}\n\nexport function WorkspaceUnavailablePage({workspaceName}: {workspaceName?: string | undefined}) {\n  return (\n    <main className=\"min-h-screen bg-background-subtle-base px-frame py-frame max-[520px]:px-row\">\n      <div className=\"mx-auto flex w-full max-w-[640px] flex-col gap-cluster\">\n        <Header variant=\"h1\">Workspace unavailable</Header>\n        <Text size=\"md\" className=\"text-foreground-neutral-muted\">\n          {workspaceName\n            ? `${workspaceName} is currently unavailable.`\n            : 'This workspace is currently unavailable.'}{' '}\n          Please contact your configured support contact if you need help.\n        </Text>\n      </div>\n    </main>\n  );\n}\nexport function WorkspaceLayoutErrorRoute({error, reset}: ErrorComponentProps) {\n  const router = useRouter();\n  const retry = () => {\n    reset();\n    void router.invalidate();\n  };\n  const setupError = error instanceof WorkspaceSetupLoadError;\n  const message =\n    error instanceof ApiError\n      ? error.message\n      : setupError && error.cause instanceof ApiError\n        ? error.cause.message\n        : 'Try again in a moment.';\n  return (\n    <main className=\"min-h-screen bg-background-subtle-base px-frame py-frame max-[520px]:px-row\">\n      <div className=\"mx-auto flex w-full max-w-[640px] flex-col gap-section\">\n        <Header variant=\"h1\">{setupError ? 'Workspace setup' : 'Workspace'}</Header>\n        <Callout role=\"alert\" type=\"error\">\n          <div className=\"flex flex-col gap-inline\">\n            <Text size=\"sm\" bold>\n              {setupError ? 'Could not load workspace setup' : 'Could not load workspace'}\n            </Text>\n            <Text size=\"sm\">{message}</Text>\n            <Button size=\"sm\" variant=\"secondary\" onClick={retry} className=\"w-fit\">\n              Retry\n            </Button>\n          </div>\n        </Callout>\n      </div>\n    </main>\n  );\n}\n"],"names":["ApiError","Button","Callout","FullPageLoader","Header","Text","useRouter","WorkspaceSetupLoadError","Error","cause","message","name","WorkspaceSetupPending","WorkspaceUnavailablePage","workspaceName","main","className","div","variant","size","WorkspaceLayoutErrorRoute","error","reset","router","retry","invalidate","setupError","role","type","bold","onClick"],"mappings":";AAAA,SAAQA,QAAQ,QAAO,sBAAsB;AAC7C,SAAQC,MAAM,QAAO,2BAA2B;AAChD,SAAQC,OAAO,QAAO,4BAA4B;AAClD,SAAQC,cAAc,QAAO,2BAA2B;AACxD,SAAQC,MAAM,EAAEC,IAAI,QAAO,+BAA+B;AAE1D,SAAkCC,SAAS,QAAO,yBAAyB;AAgB3E,OAAO,MAAMC,gCAAgCC;IAC3C,YAAY,AAAyBC,KAAc,CAAE;QACnD,KAAK,CAACA,iBAAiBD,QAAQC,MAAMC,OAAO,GAAG,qCADZD,QAAAA;QAEnC,IAAI,CAACE,IAAI,GAAG;IACd;AACF;AACA,OAAO,SAASC;IACd,qBAAO,KAACT;AACV;AAEA,OAAO,SAASU,yBAAyB,EAACC,aAAa,EAAuC;IAC5F,qBACE,KAACC;QAAKC,WAAU;kBACd,cAAA,MAACC;YAAID,WAAU;;8BACb,KAACZ;oBAAOc,SAAQ;8BAAK;;8BACrB,MAACb;oBAAKc,MAAK;oBAAKH,WAAU;;wBACvBF,gBACG,GAAGA,cAAc,0BAA0B,CAAC,GAC5C;wBAA4C;wBAAI;;;;;;AAM9D;AACA,OAAO,SAASM,0BAA0B,EAACC,KAAK,EAAEC,KAAK,EAAsB;IAC3E,MAAMC,SAASjB;IACf,MAAMkB,QAAQ;QACZF;QACA,KAAKC,OAAOE,UAAU;IACxB;IACA,MAAMC,aAAaL,iBAAiBd;IACpC,MAAMG,UACJW,iBAAiBrB,WACbqB,MAAMX,OAAO,GACbgB,cAAcL,MAAMZ,KAAK,YAAYT,WACnCqB,MAAMZ,KAAK,CAACC,OAAO,GACnB;IACR,qBACE,KAACK;QAAKC,WAAU;kBACd,cAAA,MAACC;YAAID,WAAU;;8BACb,KAACZ;oBAAOc,SAAQ;8BAAMQ,aAAa,oBAAoB;;8BACvD,KAACxB;oBAAQyB,MAAK;oBAAQC,MAAK;8BACzB,cAAA,MAACX;wBAAID,WAAU;;0CACb,KAACX;gCAAKc,MAAK;gCAAKU,IAAI;0CACjBH,aAAa,mCAAmC;;0CAEnD,KAACrB;gCAAKc,MAAK;0CAAMT;;0CACjB,KAACT;gCAAOkB,MAAK;gCAAKD,SAAQ;gCAAYY,SAASN;gCAAOR,WAAU;0CAAQ;;;;;;;;AAQpF"}
+{"version":3,"sources":["../../src/runtime/workspace-setup.tsx"],"sourcesContent":["import {ApiError} from '@shipfox/client-api';\nimport {Button} from '@shipfox/react-ui/button';\nimport {Callout} from '@shipfox/react-ui/callout';\nimport {FullPageLoader} from '@shipfox/react-ui/loader';\nimport {Header, Text} from '@shipfox/react-ui/typography';\nimport type {QueryClient} from '@tanstack/react-query';\nimport {type ErrorComponentProps, useRouter} from '@tanstack/react-router';\nimport {FocusedFrame} from '#components/focused-frame.js';\n\nexport interface WorkspaceSetupState {\n  hideProjectNavigation: boolean;\n  unavailable?: boolean;\n}\nexport interface WorkspaceSetupRouteOptions {\n  queryClient: QueryClient;\n  workspaceId: string;\n  workspaceSlug: string;\n  pathname: string;\n}\nexport type WorkspaceSetupGate = (\n  options: WorkspaceSetupRouteOptions,\n) => Promise<WorkspaceSetupState>;\n\nexport class WorkspaceSetupLoadError extends Error {\n  constructor(public override readonly cause: unknown) {\n    super(cause instanceof Error ? cause.message : 'Workspace setup load failed');\n    this.name = 'WorkspaceSetupLoadError';\n  }\n}\nexport function WorkspaceSetupPending() {\n  return <FullPageLoader />;\n}\n\nexport function WorkspaceUnavailablePage({workspaceName}: {workspaceName?: string | undefined}) {\n  return (\n    <main className=\"min-h-screen bg-background-subtle-base px-frame py-frame max-[520px]:px-row\">\n      <FocusedFrame className=\"flex flex-col gap-cluster\">\n        <Header variant=\"h1\">Workspace unavailable</Header>\n        <Text size=\"md\" className=\"text-foreground-neutral-muted\">\n          {workspaceName\n            ? `${workspaceName} is currently unavailable.`\n            : 'This workspace is currently unavailable.'}{' '}\n          Please contact your configured support contact if you need help.\n        </Text>\n      </FocusedFrame>\n    </main>\n  );\n}\nexport function WorkspaceLayoutErrorRoute({error, reset}: ErrorComponentProps) {\n  const router = useRouter();\n  const retry = () => {\n    reset();\n    void router.invalidate();\n  };\n  const setupError = error instanceof WorkspaceSetupLoadError;\n  const message =\n    error instanceof ApiError\n      ? error.message\n      : setupError && error.cause instanceof ApiError\n        ? error.cause.message\n        : 'Try again in a moment.';\n  return (\n    <main className=\"min-h-screen bg-background-subtle-base px-frame py-frame max-[520px]:px-row\">\n      <FocusedFrame className=\"flex flex-col gap-section\">\n        <Header variant=\"h1\">{setupError ? 'Workspace setup' : 'Workspace'}</Header>\n        <Callout role=\"alert\" type=\"error\">\n          <div className=\"flex flex-col gap-inline\">\n            <Text size=\"sm\" bold>\n              {setupError ? 'Could not load workspace setup' : 'Could not load workspace'}\n            </Text>\n            <Text size=\"sm\">{message}</Text>\n            <Button size=\"sm\" variant=\"secondary\" onClick={retry} className=\"w-fit\">\n              Retry\n            </Button>\n          </div>\n        </Callout>\n      </FocusedFrame>\n    </main>\n  );\n}\n"],"names":["ApiError","Button","Callout","FullPageLoader","Header","Text","useRouter","FocusedFrame","WorkspaceSetupLoadError","Error","cause","message","name","WorkspaceSetupPending","WorkspaceUnavailablePage","workspaceName","main","className","variant","size","WorkspaceLayoutErrorRoute","error","reset","router","retry","invalidate","setupError","role","type","div","bold","onClick"],"mappings":";AAAA,SAAQA,QAAQ,QAAO,sBAAsB;AAC7C,SAAQC,MAAM,QAAO,2BAA2B;AAChD,SAAQC,OAAO,QAAO,4BAA4B;AAClD,SAAQC,cAAc,QAAO,2BAA2B;AACxD,SAAQC,MAAM,EAAEC,IAAI,QAAO,+BAA+B;AAE1D,SAAkCC,SAAS,QAAO,yBAAyB;AAC3E,SAAQC,YAAY,QAAO,+BAA+B;AAgB1D,OAAO,MAAMC,gCAAgCC;IAC3C,YAAY,AAAyBC,KAAc,CAAE;QACnD,KAAK,CAACA,iBAAiBD,QAAQC,MAAMC,OAAO,GAAG,qCADZD,QAAAA;QAEnC,IAAI,CAACE,IAAI,GAAG;IACd;AACF;AACA,OAAO,SAASC;IACd,qBAAO,KAACV;AACV;AAEA,OAAO,SAASW,yBAAyB,EAACC,aAAa,EAAuC;IAC5F,qBACE,KAACC;QAAKC,WAAU;kBACd,cAAA,MAACV;YAAaU,WAAU;;8BACtB,KAACb;oBAAOc,SAAQ;8BAAK;;8BACrB,MAACb;oBAAKc,MAAK;oBAAKF,WAAU;;wBACvBF,gBACG,GAAGA,cAAc,0BAA0B,CAAC,GAC5C;wBAA4C;wBAAI;;;;;;AAM9D;AACA,OAAO,SAASK,0BAA0B,EAACC,KAAK,EAAEC,KAAK,EAAsB;IAC3E,MAAMC,SAASjB;IACf,MAAMkB,QAAQ;QACZF;QACA,KAAKC,OAAOE,UAAU;IACxB;IACA,MAAMC,aAAaL,iBAAiBb;IACpC,MAAMG,UACJU,iBAAiBrB,WACbqB,MAAMV,OAAO,GACbe,cAAcL,MAAMX,KAAK,YAAYV,WACnCqB,MAAMX,KAAK,CAACC,OAAO,GACnB;IACR,qBACE,KAACK;QAAKC,WAAU;kBACd,cAAA,MAACV;YAAaU,WAAU;;8BACtB,KAACb;oBAAOc,SAAQ;8BAAMQ,aAAa,oBAAoB;;8BACvD,KAACxB;oBAAQyB,MAAK;oBAAQC,MAAK;8BACzB,cAAA,MAACC;wBAAIZ,WAAU;;0CACb,KAACZ;gCAAKc,MAAK;gCAAKW,IAAI;0CACjBJ,aAAa,mCAAmC;;0CAEnD,KAACrB;gCAAKc,MAAK;0CAAMR;;0CACjB,KAACV;gCAAOkB,MAAK;gCAAKD,SAAQ;gCAAYa,SAASP;gCAAOP,WAAU;0CAAQ;;;;;;;;AAQpF"}