@shipfox/client-auth 17.0.0 → 22.0.0

package/.turbo/turbo-build.log

@@ -1,2 +1,2 @@
 $ shipfox-swc
-Successfully compiled: 42 files with swc (427.37ms)
+Successfully compiled: 42 files with swc (701.38ms)

package/CHANGELOG.md

@@ -1,5 +1,39 @@
 # @shipfox/client-auth
 
+## 22.0.0
+
+### Patch Changes
+
+- 50b3867: Consolidate authentication, onboarding, integration-install, and callback surfaces onto the shared focused frame.
+- Updated dependencies [50b3867]
+- Updated dependencies [00c1cb8]
+- Updated dependencies [7693eb3]
+- Updated dependencies [00c1cb8]
+- Updated dependencies [56f4526]
+  - @shipfox/client-invitations@22.0.0
+  - @shipfox/client-shell@22.0.0
+  - @shipfox/react-ui@2.1.0
+  - @shipfox/client-ui@22.0.0
+
+## 21.0.0
+
+### Patch Changes
+
+- Updated dependencies [0f4abe4]
+- Updated dependencies [71d0c44]
+- Updated dependencies [9c21429]
+- Updated dependencies [30beb8f]
+- Updated dependencies [16733a7]
+- Updated dependencies [163c40a]
+- Updated dependencies [c4376a1]
+- Updated dependencies [6703982]
+- Updated dependencies [f1d127e]
+- Updated dependencies [0e860d7]
+  - @shipfox/react-ui@2.0.0
+  - @shipfox/client-shell@21.0.0
+  - @shipfox/client-invitations@21.0.0
+  - @shipfox/client-ui@21.0.0
+
 ## 17.0.0
 
 ### Patch Changes

package/dist/pages/workspace-onboarding-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"workspace-onboarding-page.d.ts","sourceRoot":"","sources":["../../src/pages/workspace-onboarding-page.tsx"],"names":[],"mappings":"AAwCA,wBAAgB,uBAAuB,gCA6MtC"}
+{"version":3,"file":"workspace-onboarding-page.d.ts","sourceRoot":"","sources":["../../src/pages/workspace-onboarding-page.tsx"],"names":[],"mappings":"AAwBA,wBAAgB,uBAAuB,gCA8KtC"}

package/dist/pages/workspace-onboarding-page.js

@@ -1,12 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { slugifyName, slugSchema } from '@shipfox/api-common-dto';
 import { createWorkspaceBodySchema } from '@shipfox/api-workspaces-dto';
+import { FocusedFrame } from '@shipfox/client-shell/runtime';
 import { displayNameFieldError, SlugField } from '@shipfox/client-ui';
 import { Button } from '@shipfox/react-ui/button';
 import { Callout } from '@shipfox/react-ui/callout';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@shipfox/react-ui/card';
 import { FormField, FormFieldInput, fieldError } from '@shipfox/react-ui/form-field';
 import { Icon } from '@shipfox/react-ui/icon';
+import { Panel, PanelBody, PanelHeader, PanelTitle } from '@shipfox/react-ui/panel';
 import { toast } from '@shipfox/react-ui/toast';
 import { Text } from '@shipfox/react-ui/typography';
 import { useForm } from '@tanstack/react-form';
@@ -17,58 +18,6 @@ import { checkWorkspaceSlugAvailability, useCreateWorkspaceAuth } from '#hooks/a
 import { useAuthState } from '#hooks/use-auth-state.js';
 import { lastWorkspaceIdAtom, rememberLastWorkspaceId } from '#state/last-workspace.js';
 import { workspaceOnboardingErrorToFormError } from './form-errors.js';
-const previewMetrics = [
-    {
-        label: 'Runs',
-        value: '--'
-    },
-    {
-        label: 'Passed',
-        value: '--'
-    },
-    {
-        label: 'Failed',
-        value: '--'
-    },
-    {
-        label: 'Duration',
-        value: '--'
-    }
-];
-const previewBars = [
-    {
-        id: 'runs-start',
-        height: 32
-    },
-    {
-        id: 'runs-mid-low',
-        height: 48
-    },
-    {
-        id: 'runs-dip',
-        height: 28
-    },
-    {
-        id: 'runs-mid-high',
-        height: 66
-    },
-    {
-        id: 'runs-mid',
-        height: 54
-    },
-    {
-        id: 'runs-peak',
-        height: 82
-    },
-    {
-        id: 'runs-late-low',
-        height: 44
-    },
-    {
-        id: 'runs-late-high',
-        height: 74
-    }
-];
 function isSlugValid(value) {
     return slugSchema.safeParse(value).success;
 }
@@ -124,9 +73,9 @@ export function WorkspaceOnboardingPage() {
         }
     });
     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 min-h-[calc(100vh-64px)] w-full max-w-[1120px] flex-col gap-section",
+        className: "min-h-screen px-frame py-frame max-[520px]:px-row",
+        children: /*#__PURE__*/ _jsxs(FocusedFrame, {
+            className: "flex min-h-[calc(100vh-64px)] flex-col gap-section",
             children: [
                 /*#__PURE__*/ _jsx("header", {
                     className: "flex items-center justify-between",
@@ -148,204 +97,120 @@ export function WorkspaceOnboardingPage() {
                         ]
                     })
                 }),
-                /*#__PURE__*/ _jsxs("section", {
-                    className: "grid flex-1 items-center gap-region lg:grid-cols-[minmax(0,440px)_minmax(0,1fr)]",
-                    children: [
-                        /*#__PURE__*/ _jsx("form", {
-                            className: "relative z-10 w-full",
-                            noValidate: true,
-                            "aria-labelledby": "workspace-onboarding-title",
-                            onSubmit: (event)=>{
-                                event.preventDefault();
-                                event.stopPropagation();
-                                void form.handleSubmit();
-                            },
-                            children: /*#__PURE__*/ _jsxs(Card, {
-                                className: "gap-section p-panel shadow-button-neutral",
-                                children: [
-                                    /*#__PURE__*/ _jsxs(CardHeader, {
-                                        className: "gap-inline",
-                                        children: [
-                                            /*#__PURE__*/ _jsx(CardTitle, {
-                                                id: "workspace-onboarding-title",
-                                                variant: "h1",
-                                                children: "Create your workspace"
-                                            }),
-                                            /*#__PURE__*/ _jsx(CardDescription, {
-                                                children: "Give your team a place to collaborate."
-                                            })
-                                        ]
-                                    }),
-                                    formError ? /*#__PURE__*/ _jsx(Callout, {
-                                        role: "alert",
-                                        type: "error",
-                                        children: formError
-                                    }) : null,
-                                    /*#__PURE__*/ _jsxs(CardContent, {
-                                        className: "flex flex-col gap-inline",
-                                        children: [
-                                            /*#__PURE__*/ _jsx(form.Field, {
-                                                name: "name",
-                                                validators: {
-                                                    onBlur: ({ value })=>displayNameFieldError(value, 'Workspace name', createWorkspaceBodySchema.shape.name),
-                                                    onSubmit: ({ value })=>displayNameFieldError(value, 'Workspace name', createWorkspaceBodySchema.shape.name)
-                                                },
-                                                children: (field)=>/*#__PURE__*/ _jsx(FormField, {
-                                                        label: "Workspace name",
-                                                        id: "workspace-name",
-                                                        error: fieldError(field),
-                                                        children: /*#__PURE__*/ _jsx(FormFieldInput, {
-                                                            autoComplete: "organization",
-                                                            name: "name",
-                                                            placeholder: "Acme",
-                                                            type: "text",
-                                                            value: field.state.value,
-                                                            onChange: (event)=>{
-                                                                const name = event.target.value;
-                                                                field.handleChange(name);
-                                                                if (!slugTouched) {
-                                                                    form.setFieldValue('slug', name ? slugifyName(name, {
-                                                                        fallback: 'workspace'
-                                                                    }) : '');
-                                                                }
-                                                            },
-                                                            onBlur: field.handleBlur
-                                                        })
-                                                    })
-                                            }),
-                                            /*#__PURE__*/ _jsx(form.Field, {
-                                                name: "slug",
-                                                validators: {
-                                                    onBlur: createWorkspaceBodySchema.shape.slug,
-                                                    onSubmit: createWorkspaceBodySchema.shape.slug
-                                                },
-                                                children: (field)=>/*#__PURE__*/ _jsx(SlugField, {
-                                                        id: "workspace-slug",
-                                                        label: "Workspace slug",
-                                                        name: "slug",
-                                                        value: field.state.value,
-                                                        onChange: (value)=>{
-                                                            setSlugTouched(true);
-                                                            field.handleChange(value);
-                                                        },
-                                                        onBlur: field.handleBlur,
-                                                        error: fieldError(field),
-                                                        description: /*#__PURE__*/ _jsx("span", {
-                                                            className: "break-all font-code",
-                                                            children: `${window.location.origin}/w/${field.state.value || 'acme'}`
-                                                        }),
-                                                        placeholder: "acme",
-                                                        checkEnabled: slugTouched,
-                                                        isValid: isSlugValid,
-                                                        checkAvailability: checkWorkspaceSlugAvailability
-                                                    })
-                                            })
-                                        ]
-                                    }),
-                                    /*#__PURE__*/ _jsx(Button, {
-                                        className: "w-full",
-                                        iconRight: "chevronRight",
-                                        isLoading: createWorkspace.isPending,
-                                        type: "submit",
-                                        children: createWorkspace.isPending ? 'Creating workspace...' : 'Create workspace'
-                                    })
-                                ]
-                            })
-                        }),
-                        /*#__PURE__*/ _jsxs("div", {
-                            className: "hidden flex-col gap-group lg:flex",
-                            "aria-hidden": "true",
+                /*#__PURE__*/ _jsx("section", {
+                    className: "flex flex-1 items-center",
+                    children: /*#__PURE__*/ _jsx("form", {
+                        className: "w-full",
+                        noValidate: true,
+                        "aria-labelledby": "workspace-onboarding-title",
+                        onSubmit: (event)=>{
+                            event.preventDefault();
+                            event.stopPropagation();
+                            void form.handleSubmit();
+                        },
+                        children: /*#__PURE__*/ _jsxs(Panel, {
                             children: [
-                                /*#__PURE__*/ _jsx("div", {
-                                    className: "grid grid-cols-4 gap-cluster",
-                                    children: previewMetrics.map((metric)=>/*#__PURE__*/ _jsxs("div", {
-                                            className: "rounded-8 border border-border-neutral-base bg-background-neutral-base p-panel-compact shadow-button-neutral",
-                                            children: [
-                                                /*#__PURE__*/ _jsx(Text, {
-                                                    size: "xs",
-                                                    className: "text-foreground-neutral-muted",
-                                                    children: metric.label
-                                                }),
-                                                /*#__PURE__*/ _jsx(Text, {
-                                                    size: "xl",
-                                                    bold: true,
-                                                    children: metric.value
-                                                })
-                                            ]
-                                        }, metric.label))
-                                }),
-                                /*#__PURE__*/ _jsxs("div", {
-                                    className: "grid grid-cols-2 gap-group",
+                                /*#__PURE__*/ _jsxs(PanelHeader, {
+                                    variant: "plain",
+                                    className: "flex-col items-start gap-inline",
                                     children: [
-                                        /*#__PURE__*/ _jsx(PreviewPanel, {
-                                            title: "Performance over time"
+                                        /*#__PURE__*/ _jsx(PanelTitle, {
+                                            id: "workspace-onboarding-title",
+                                            variant: "h1",
+                                            children: "Create your workspace"
                                         }),
-                                        /*#__PURE__*/ _jsx(PreviewPanel, {
-                                            title: "Duration distribution",
-                                            bars: true
+                                        /*#__PURE__*/ _jsx(Text, {
+                                            size: "sm",
+                                            className: "text-foreground-neutral-muted",
+                                            children: "Give your team a place to collaborate."
                                         })
                                     ]
                                 }),
-                                /*#__PURE__*/ _jsxs("div", {
-                                    className: "flex flex-col gap-cluster rounded-8 border border-border-neutral-base bg-background-neutral-base p-panel-compact shadow-button-neutral",
+                                /*#__PURE__*/ _jsxs(PanelBody, {
+                                    className: "flex flex-col gap-section p-panel",
                                     children: [
-                                        /*#__PURE__*/ _jsx(Text, {
-                                            size: "sm",
-                                            bold: true,
-                                            children: "Jobs breakdown"
-                                        }),
-                                        /*#__PURE__*/ _jsx("div", {
+                                        formError ? /*#__PURE__*/ _jsx(Callout, {
+                                            role: "alert",
+                                            type: "error",
+                                            children: formError
+                                        }) : null,
+                                        /*#__PURE__*/ _jsxs("div", {
                                             className: "flex flex-col gap-inline",
                                             children: [
-                                                0,
-                                                1,
-                                                2,
-                                                3
-                                            ].map((row)=>/*#__PURE__*/ _jsxs("div", {
-                                                    className: "grid grid-cols-[1fr_80px_80px] gap-cluster border-t border-border-neutral-base pt-[10px]",
-                                                    children: [
-                                                        /*#__PURE__*/ _jsx("div", {
-                                                            className: "h-12 rounded-full bg-background-neutral-disabled"
-                                                        }),
-                                                        /*#__PURE__*/ _jsx("div", {
-                                                            className: "h-12 rounded-full bg-background-neutral-disabled"
-                                                        }),
-                                                        /*#__PURE__*/ _jsx("div", {
-                                                            className: "h-12 rounded-full bg-background-neutral-disabled"
+                                                /*#__PURE__*/ _jsx(form.Field, {
+                                                    name: "name",
+                                                    validators: {
+                                                        onBlur: ({ value })=>displayNameFieldError(value, 'Workspace name', createWorkspaceBodySchema.shape.name),
+                                                        onSubmit: ({ value })=>displayNameFieldError(value, 'Workspace name', createWorkspaceBodySchema.shape.name)
+                                                    },
+                                                    children: (field)=>/*#__PURE__*/ _jsx(FormField, {
+                                                            label: "Workspace name",
+                                                            id: "workspace-name",
+                                                            error: fieldError(field),
+                                                            children: /*#__PURE__*/ _jsx(FormFieldInput, {
+                                                                autoComplete: "organization",
+                                                                name: "name",
+                                                                placeholder: "Acme",
+                                                                type: "text",
+                                                                value: field.state.value,
+                                                                onChange: (event)=>{
+                                                                    const name = event.target.value;
+                                                                    field.handleChange(name);
+                                                                    if (!slugTouched) {
+                                                                        form.setFieldValue('slug', name ? slugifyName(name, {
+                                                                            fallback: 'workspace'
+                                                                        }) : '');
+                                                                    }
+                                                                },
+                                                                onBlur: field.handleBlur
+                                                            })
+                                                        })
+                                                }),
+                                                /*#__PURE__*/ _jsx(form.Field, {
+                                                    name: "slug",
+                                                    validators: {
+                                                        onBlur: createWorkspaceBodySchema.shape.slug,
+                                                        onSubmit: createWorkspaceBodySchema.shape.slug
+                                                    },
+                                                    children: (field)=>/*#__PURE__*/ _jsx(SlugField, {
+                                                            id: "workspace-slug",
+                                                            label: "Workspace slug",
+                                                            name: "slug",
+                                                            value: field.state.value,
+                                                            onChange: (value)=>{
+                                                                setSlugTouched(true);
+                                                                field.handleChange(value);
+                                                            },
+                                                            onBlur: field.handleBlur,
+                                                            error: fieldError(field),
+                                                            description: /*#__PURE__*/ _jsx("span", {
+                                                                className: "break-all font-code",
+                                                                children: `${window.location.origin}/w/${field.state.value || 'acme'}`
+                                                            }),
+                                                            placeholder: "acme",
+                                                            checkEnabled: slugTouched,
+                                                            isValid: isSlugValid,
+                                                            checkAvailability: checkWorkspaceSlugAvailability
                                                         })
-                                                    ]
-                                                }, row))
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ _jsx(Button, {
+                                            className: "w-full",
+                                            iconRight: "chevronRight",
+                                            isLoading: createWorkspace.isPending,
+                                            type: "submit",
+                                            children: createWorkspace.isPending ? 'Creating workspace...' : 'Create workspace'
                                         })
                                     ]
                                 })
                             ]
                         })
-                    ]
+                    })
                 })
             ]
         })
     });
 }
-function PreviewPanel({ title, bars = false }) {
-    return /*#__PURE__*/ _jsxs("div", {
-        className: "flex flex-col gap-group rounded-8 border border-border-neutral-base bg-background-neutral-base p-panel-compact shadow-button-neutral",
-        children: [
-            /*#__PURE__*/ _jsx(Text, {
-                size: "sm",
-                bold: true,
-                children: title
-            }),
-            /*#__PURE__*/ _jsx("div", {
-                className: "flex h-[220px] items-end gap-inline border-b border-l border-border-neutral-base px-row pb-[10px]",
-                children: previewBars.map((bar)=>/*#__PURE__*/ _jsx("div", {
-                        className: bars ? 'w-full rounded-t-4 bg-background-neutral-disabled' : 'w-full rounded-full bg-background-neutral-disabled',
-                        style: {
-                            height: `${bar.height}%`
-                        }
-                    }, `${title}-${bar.id}`))
-            })
-        ]
-    });
-}
 
 //# sourceMappingURL=workspace-onboarding-page.js.map

package/dist/pages/workspace-onboarding-page.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/pages/workspace-onboarding-page.tsx"],"sourcesContent":["import {slugifyName, slugSchema} from '@shipfox/api-common-dto';\nimport {createWorkspaceBodySchema} from '@shipfox/api-workspaces-dto';\nimport {displayNameFieldError, SlugField} from '@shipfox/client-ui';\nimport {Button} from '@shipfox/react-ui/button';\nimport {Callout} from '@shipfox/react-ui/callout';\nimport {Card, CardContent, CardDescription, CardHeader, CardTitle} from '@shipfox/react-ui/card';\nimport {FormField, FormFieldInput, fieldError} from '@shipfox/react-ui/form-field';\nimport {Icon} from '@shipfox/react-ui/icon';\nimport {toast} from '@shipfox/react-ui/toast';\nimport {Text} from '@shipfox/react-ui/typography';\nimport {useForm} from '@tanstack/react-form';\nimport {useNavigate} from '@tanstack/react-router';\nimport {useSetAtom} from 'jotai';\nimport {useState} from 'react';\nimport {checkWorkspaceSlugAvailability, useCreateWorkspaceAuth} from '#hooks/api/workspace-auth.js';\nimport {useAuthState} from '#hooks/use-auth-state.js';\nimport {lastWorkspaceIdAtom, rememberLastWorkspaceId} from '#state/last-workspace.js';\nimport {workspaceOnboardingErrorToFormError} from './form-errors.js';\n\nconst previewMetrics = [\n  {label: 'Runs', value: '--'},\n  {label: 'Passed', value: '--'},\n  {label: 'Failed', value: '--'},\n  {label: 'Duration', value: '--'},\n];\nconst previewBars = [\n  {id: 'runs-start', height: 32},\n  {id: 'runs-mid-low', height: 48},\n  {id: 'runs-dip', height: 28},\n  {id: 'runs-mid-high', height: 66},\n  {id: 'runs-mid', height: 54},\n  {id: 'runs-peak', height: 82},\n  {id: 'runs-late-low', height: 44},\n  {id: 'runs-late-high', height: 74},\n];\n\nfunction isSlugValid(value: string): boolean {\n  return slugSchema.safeParse(value).success;\n}\n\nexport function WorkspaceOnboardingPage() {\n  const createWorkspace = useCreateWorkspaceAuth();\n  const {user} = useAuthState();\n  const navigate = useNavigate();\n  const setLastWorkspaceId = useSetAtom(lastWorkspaceIdAtom);\n  const [formError, setFormError] = useState<string | undefined>();\n  const [slugTouched, setSlugTouched] = useState(false);\n\n  const form = useForm({\n    defaultValues: {name: '', slug: ''},\n    onSubmit: async ({value}) => {\n      setFormError(undefined);\n      try {\n        const command = createWorkspaceBodySchema.parse({name: value.name, slug: value.slug});\n        const created = await createWorkspace.mutateAsync(command);\n        toast.success('Workspace created.');\n        // Pin the new workspace as the last-active one so a page refresh and\n        // future visits to `/` land on it.\n        try {\n          setLastWorkspaceId(created.id);\n          if (user?.id) rememberLastWorkspaceId(user.id, created.id);\n        } catch {\n          // localStorage may throw in private browsing or quota-exceeded.\n        }\n        await navigate({to: '/w/$workspaceSlug', params: {workspaceSlug: created.slug}});\n      } catch (error) {\n        const mapped = workspaceOnboardingErrorToFormError(error);\n        if (mapped.kind === 'field') {\n          form.setFieldMeta(mapped.field, (previous) => ({\n            ...previous,\n            errorMap: {...previous.errorMap, onServer: mapped.message},\n          }));\n        } else {\n          setFormError(mapped.message);\n        }\n      }\n    },\n  });\n\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 min-h-[calc(100vh-64px)] w-full max-w-[1120px] flex-col gap-section\">\n        <header className=\"flex items-center justify-between\">\n          <div className=\"flex items-center gap-inline\">\n            <div className=\"flex size-36 items-center justify-center rounded-8 border border-border-neutral-base bg-background-neutral-base shadow-button-neutral\">\n              <Icon name=\"shipfox\" className=\"size-24 text-background-highlight-interactive\" />\n            </div>\n            <Text size=\"md\" bold>\n              Shipfox\n            </Text>\n          </div>\n        </header>\n\n        <section className=\"grid flex-1 items-center gap-region lg:grid-cols-[minmax(0,440px)_minmax(0,1fr)]\">\n          <form\n            className=\"relative z-10 w-full\"\n            noValidate\n            aria-labelledby=\"workspace-onboarding-title\"\n            onSubmit={(event) => {\n              event.preventDefault();\n              event.stopPropagation();\n              void form.handleSubmit();\n            }}\n          >\n            <Card className=\"gap-section p-panel shadow-button-neutral\">\n              <CardHeader className=\"gap-inline\">\n                <CardTitle id=\"workspace-onboarding-title\" variant=\"h1\">\n                  Create your workspace\n                </CardTitle>\n                <CardDescription>Give your team a place to collaborate.</CardDescription>\n              </CardHeader>\n\n              {formError ? (\n                <Callout role=\"alert\" type=\"error\">\n                  {formError}\n                </Callout>\n              ) : null}\n\n              <CardContent className=\"flex flex-col gap-inline\">\n                <form.Field\n                  name=\"name\"\n                  validators={{\n                    onBlur: ({value}) =>\n                      displayNameFieldError(\n                        value,\n                        'Workspace name',\n                        createWorkspaceBodySchema.shape.name,\n                      ),\n                    onSubmit: ({value}) =>\n                      displayNameFieldError(\n                        value,\n                        'Workspace name',\n                        createWorkspaceBodySchema.shape.name,\n                      ),\n                  }}\n                >\n                  {(field) => (\n                    <FormField label=\"Workspace name\" id=\"workspace-name\" error={fieldError(field)}>\n                      <FormFieldInput\n                        autoComplete=\"organization\"\n                        name=\"name\"\n                        placeholder=\"Acme\"\n                        type=\"text\"\n                        value={field.state.value}\n                        onChange={(event) => {\n                          const name = event.target.value;\n                          field.handleChange(name);\n                          if (!slugTouched) {\n                            form.setFieldValue(\n                              'slug',\n                              name ? slugifyName(name, {fallback: 'workspace'}) : '',\n                            );\n                          }\n                        }}\n                        onBlur={field.handleBlur}\n                      />\n                    </FormField>\n                  )}\n                </form.Field>\n                <form.Field\n                  name=\"slug\"\n                  validators={{\n                    onBlur: createWorkspaceBodySchema.shape.slug,\n                    onSubmit: createWorkspaceBodySchema.shape.slug,\n                  }}\n                >\n                  {(field) => (\n                    <SlugField\n                      id=\"workspace-slug\"\n                      label=\"Workspace slug\"\n                      name=\"slug\"\n                      value={field.state.value}\n                      onChange={(value) => {\n                        setSlugTouched(true);\n                        field.handleChange(value);\n                      }}\n                      onBlur={field.handleBlur}\n                      error={fieldError(field)}\n                      description={\n                        <span className=\"break-all font-code\">\n                          {`${window.location.origin}/w/${field.state.value || 'acme'}`}\n                        </span>\n                      }\n                      placeholder=\"acme\"\n                      checkEnabled={slugTouched}\n                      isValid={isSlugValid}\n                      checkAvailability={checkWorkspaceSlugAvailability}\n                    />\n                  )}\n                </form.Field>\n              </CardContent>\n\n              <Button\n                className=\"w-full\"\n                iconRight=\"chevronRight\"\n                isLoading={createWorkspace.isPending}\n                type=\"submit\"\n              >\n                {createWorkspace.isPending ? 'Creating workspace...' : 'Create workspace'}\n              </Button>\n            </Card>\n          </form>\n\n          <div className=\"hidden flex-col gap-group lg:flex\" aria-hidden=\"true\">\n            <div className=\"grid grid-cols-4 gap-cluster\">\n              {previewMetrics.map((metric) => (\n                <div\n                  className=\"rounded-8 border border-border-neutral-base bg-background-neutral-base p-panel-compact shadow-button-neutral\"\n                  key={metric.label}\n                >\n                  <Text size=\"xs\" className=\"text-foreground-neutral-muted\">\n                    {metric.label}\n                  </Text>\n                  <Text size=\"xl\" bold>\n                    {metric.value}\n                  </Text>\n                </div>\n              ))}\n            </div>\n            <div className=\"grid grid-cols-2 gap-group\">\n              <PreviewPanel title=\"Performance over time\" />\n              <PreviewPanel title=\"Duration distribution\" bars />\n            </div>\n            <div className=\"flex flex-col gap-cluster rounded-8 border border-border-neutral-base bg-background-neutral-base p-panel-compact shadow-button-neutral\">\n              <Text size=\"sm\" bold>\n                Jobs breakdown\n              </Text>\n              <div className=\"flex flex-col gap-inline\">\n                {[0, 1, 2, 3].map((row) => (\n                  <div\n                    className=\"grid grid-cols-[1fr_80px_80px] gap-cluster border-t border-border-neutral-base pt-[10px]\"\n                    key={row}\n                  >\n                    <div className=\"h-12 rounded-full bg-background-neutral-disabled\" />\n                    <div className=\"h-12 rounded-full bg-background-neutral-disabled\" />\n                    <div className=\"h-12 rounded-full bg-background-neutral-disabled\" />\n                  </div>\n                ))}\n              </div>\n            </div>\n          </div>\n        </section>\n      </div>\n    </main>\n  );\n}\n\nfunction PreviewPanel({title, bars = false}: {title: string; bars?: boolean}) {\n  return (\n    <div className=\"flex flex-col gap-group rounded-8 border border-border-neutral-base bg-background-neutral-base p-panel-compact shadow-button-neutral\">\n      <Text size=\"sm\" bold>\n        {title}\n      </Text>\n      <div className=\"flex h-[220px] items-end gap-inline border-b border-l border-border-neutral-base px-row pb-[10px]\">\n        {previewBars.map((bar) => (\n          <div\n            className={\n              bars\n                ? 'w-full rounded-t-4 bg-background-neutral-disabled'\n                : 'w-full rounded-full bg-background-neutral-disabled'\n            }\n            key={`${title}-${bar.id}`}\n            style={{height: `${bar.height}%`}}\n          />\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"names":["slugifyName","slugSchema","createWorkspaceBodySchema","displayNameFieldError","SlugField","Button","Callout","Card","CardContent","CardDescription","CardHeader","CardTitle","FormField","FormFieldInput","fieldError","Icon","toast","Text","useForm","useNavigate","useSetAtom","useState","checkWorkspaceSlugAvailability","useCreateWorkspaceAuth","useAuthState","lastWorkspaceIdAtom","rememberLastWorkspaceId","workspaceOnboardingErrorToFormError","previewMetrics","label","value","previewBars","id","height","isSlugValid","safeParse","success","WorkspaceOnboardingPage","createWorkspace","user","navigate","setLastWorkspaceId","formError","setFormError","slugTouched","setSlugTouched","form","defaultValues","name","slug","onSubmit","undefined","command","parse","created","mutateAsync","to","params","workspaceSlug","error","mapped","kind","setFieldMeta","field","previous","errorMap","onServer","message","main","className","div","header","size","bold","section","noValidate","aria-labelledby","event","preventDefault","stopPropagation","handleSubmit","variant","role","type","Field","validators","onBlur","shape","autoComplete","placeholder","state","onChange","target","handleChange","setFieldValue","fallback","handleBlur","description","span","window","location","origin","checkEnabled","isValid","checkAvailability","iconRight","isLoading","isPending","aria-hidden","map","metric","PreviewPanel","title","bars","row","bar","style"],"mappings":"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"}
+{"version":3,"sources":["../../src/pages/workspace-onboarding-page.tsx"],"sourcesContent":["import {slugifyName, slugSchema} from '@shipfox/api-common-dto';\nimport {createWorkspaceBodySchema} from '@shipfox/api-workspaces-dto';\nimport {FocusedFrame} from '@shipfox/client-shell/runtime';\nimport {displayNameFieldError, SlugField} from '@shipfox/client-ui';\nimport {Button} from '@shipfox/react-ui/button';\nimport {Callout} from '@shipfox/react-ui/callout';\nimport {FormField, FormFieldInput, fieldError} from '@shipfox/react-ui/form-field';\nimport {Icon} from '@shipfox/react-ui/icon';\nimport {Panel, PanelBody, PanelHeader, PanelTitle} from '@shipfox/react-ui/panel';\nimport {toast} from '@shipfox/react-ui/toast';\nimport {Text} from '@shipfox/react-ui/typography';\nimport {useForm} from '@tanstack/react-form';\nimport {useNavigate} from '@tanstack/react-router';\nimport {useSetAtom} from 'jotai';\nimport {useState} from 'react';\nimport {checkWorkspaceSlugAvailability, useCreateWorkspaceAuth} from '#hooks/api/workspace-auth.js';\nimport {useAuthState} from '#hooks/use-auth-state.js';\nimport {lastWorkspaceIdAtom, rememberLastWorkspaceId} from '#state/last-workspace.js';\nimport {workspaceOnboardingErrorToFormError} from './form-errors.js';\n\nfunction isSlugValid(value: string): boolean {\n  return slugSchema.safeParse(value).success;\n}\n\nexport function WorkspaceOnboardingPage() {\n  const createWorkspace = useCreateWorkspaceAuth();\n  const {user} = useAuthState();\n  const navigate = useNavigate();\n  const setLastWorkspaceId = useSetAtom(lastWorkspaceIdAtom);\n  const [formError, setFormError] = useState<string | undefined>();\n  const [slugTouched, setSlugTouched] = useState(false);\n\n  const form = useForm({\n    defaultValues: {name: '', slug: ''},\n    onSubmit: async ({value}) => {\n      setFormError(undefined);\n      try {\n        const command = createWorkspaceBodySchema.parse({name: value.name, slug: value.slug});\n        const created = await createWorkspace.mutateAsync(command);\n        toast.success('Workspace created.');\n        // Pin the new workspace as the last-active one so a page refresh and\n        // future visits to `/` land on it.\n        try {\n          setLastWorkspaceId(created.id);\n          if (user?.id) rememberLastWorkspaceId(user.id, created.id);\n        } catch {\n          // localStorage may throw in private browsing or quota-exceeded.\n        }\n        await navigate({to: '/w/$workspaceSlug', params: {workspaceSlug: created.slug}});\n      } catch (error) {\n        const mapped = workspaceOnboardingErrorToFormError(error);\n        if (mapped.kind === 'field') {\n          form.setFieldMeta(mapped.field, (previous) => ({\n            ...previous,\n            errorMap: {...previous.errorMap, onServer: mapped.message},\n          }));\n        } else {\n          setFormError(mapped.message);\n        }\n      }\n    },\n  });\n\n  return (\n    <main className=\"min-h-screen px-frame py-frame max-[520px]:px-row\">\n      <FocusedFrame className=\"flex min-h-[calc(100vh-64px)] flex-col gap-section\">\n        <header className=\"flex items-center justify-between\">\n          <div className=\"flex items-center gap-inline\">\n            <div className=\"flex size-36 items-center justify-center rounded-8 border border-border-neutral-base bg-background-neutral-base shadow-button-neutral\">\n              <Icon name=\"shipfox\" className=\"size-24 text-background-highlight-interactive\" />\n            </div>\n            <Text size=\"md\" bold>\n              Shipfox\n            </Text>\n          </div>\n        </header>\n\n        <section className=\"flex flex-1 items-center\">\n          <form\n            className=\"w-full\"\n            noValidate\n            aria-labelledby=\"workspace-onboarding-title\"\n            onSubmit={(event) => {\n              event.preventDefault();\n              event.stopPropagation();\n              void form.handleSubmit();\n            }}\n          >\n            <Panel>\n              <PanelHeader variant=\"plain\" className=\"flex-col items-start gap-inline\">\n                <PanelTitle id=\"workspace-onboarding-title\" variant=\"h1\">\n                  Create your workspace\n                </PanelTitle>\n                <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n                  Give your team a place to collaborate.\n                </Text>\n              </PanelHeader>\n\n              <PanelBody className=\"flex flex-col gap-section p-panel\">\n                {formError ? (\n                  <Callout role=\"alert\" type=\"error\">\n                    {formError}\n                  </Callout>\n                ) : null}\n\n                <div className=\"flex flex-col gap-inline\">\n                  <form.Field\n                    name=\"name\"\n                    validators={{\n                      onBlur: ({value}) =>\n                        displayNameFieldError(\n                          value,\n                          'Workspace name',\n                          createWorkspaceBodySchema.shape.name,\n                        ),\n                      onSubmit: ({value}) =>\n                        displayNameFieldError(\n                          value,\n                          'Workspace name',\n                          createWorkspaceBodySchema.shape.name,\n                        ),\n                    }}\n                  >\n                    {(field) => (\n                      <FormField\n                        label=\"Workspace name\"\n                        id=\"workspace-name\"\n                        error={fieldError(field)}\n                      >\n                        <FormFieldInput\n                          autoComplete=\"organization\"\n                          name=\"name\"\n                          placeholder=\"Acme\"\n                          type=\"text\"\n                          value={field.state.value}\n                          onChange={(event) => {\n                            const name = event.target.value;\n                            field.handleChange(name);\n                            if (!slugTouched) {\n                              form.setFieldValue(\n                                'slug',\n                                name ? slugifyName(name, {fallback: 'workspace'}) : '',\n                              );\n                            }\n                          }}\n                          onBlur={field.handleBlur}\n                        />\n                      </FormField>\n                    )}\n                  </form.Field>\n                  <form.Field\n                    name=\"slug\"\n                    validators={{\n                      onBlur: createWorkspaceBodySchema.shape.slug,\n                      onSubmit: createWorkspaceBodySchema.shape.slug,\n                    }}\n                  >\n                    {(field) => (\n                      <SlugField\n                        id=\"workspace-slug\"\n                        label=\"Workspace slug\"\n                        name=\"slug\"\n                        value={field.state.value}\n                        onChange={(value) => {\n                          setSlugTouched(true);\n                          field.handleChange(value);\n                        }}\n                        onBlur={field.handleBlur}\n                        error={fieldError(field)}\n                        description={\n                          <span className=\"break-all font-code\">\n                            {`${window.location.origin}/w/${field.state.value || 'acme'}`}\n                          </span>\n                        }\n                        placeholder=\"acme\"\n                        checkEnabled={slugTouched}\n                        isValid={isSlugValid}\n                        checkAvailability={checkWorkspaceSlugAvailability}\n                      />\n                    )}\n                  </form.Field>\n                </div>\n\n                <Button\n                  className=\"w-full\"\n                  iconRight=\"chevronRight\"\n                  isLoading={createWorkspace.isPending}\n                  type=\"submit\"\n                >\n                  {createWorkspace.isPending ? 'Creating workspace...' : 'Create workspace'}\n                </Button>\n              </PanelBody>\n            </Panel>\n          </form>\n        </section>\n      </FocusedFrame>\n    </main>\n  );\n}\n"],"names":["slugifyName","slugSchema","createWorkspaceBodySchema","FocusedFrame","displayNameFieldError","SlugField","Button","Callout","FormField","FormFieldInput","fieldError","Icon","Panel","PanelBody","PanelHeader","PanelTitle","toast","Text","useForm","useNavigate","useSetAtom","useState","checkWorkspaceSlugAvailability","useCreateWorkspaceAuth","useAuthState","lastWorkspaceIdAtom","rememberLastWorkspaceId","workspaceOnboardingErrorToFormError","isSlugValid","value","safeParse","success","WorkspaceOnboardingPage","createWorkspace","user","navigate","setLastWorkspaceId","formError","setFormError","slugTouched","setSlugTouched","form","defaultValues","name","slug","onSubmit","undefined","command","parse","created","mutateAsync","id","to","params","workspaceSlug","error","mapped","kind","setFieldMeta","field","previous","errorMap","onServer","message","main","className","header","div","size","bold","section","noValidate","aria-labelledby","event","preventDefault","stopPropagation","handleSubmit","variant","role","type","Field","validators","onBlur","shape","label","autoComplete","placeholder","state","onChange","target","handleChange","setFieldValue","fallback","handleBlur","description","span","window","location","origin","checkEnabled","isValid","checkAvailability","iconRight","isLoading","isPending"],"mappings":"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"}

package/dist/routes/index.d.ts

@@ -1,6 +1,9 @@
 import type { RouterContext } from '@shipfox/client-shell/runtime';
 import { FullPageLoader } from '@shipfox/react-ui/loader';
 declare const _default: import("@shipfox/client-shell/runtime").RouteImpl<{
+    readonly staticData: {
+        readonly frame: "focused";
+    };
     readonly beforeLoad: ({ context }: {
         context: RouterContext;
     }) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/routes/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,+BAA+B,CAAC;AAEjE,OAAO,EAAC,cAAc,EAAC,MAAM,0BAA0B,CAAC;;uCAI9B;QAAC,OAAO,EAAE,aAAa,CAAA;KAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/routes/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,+BAA+B,CAAC;AAEjE,OAAO,EAAC,cAAc,EAAC,MAAM,0BAA0B,CAAC;;;;;uCAK9B;QAAC,OAAO,EAAE,aAAa,CAAA;KAAC"}

package/dist/routes/index.js

@@ -2,6 +2,9 @@ import { defineRoute, getLastWorkspaceId } from '@shipfox/client-shell/runtime';
 import { FullPageLoader } from '@shipfox/react-ui/loader';
 import { redirect } from '@tanstack/react-router';
 export default defineRoute({
+    staticData: {
+        frame: 'focused'
+    },
     beforeLoad: ({ context })=>{
         const auth = context.auth;
         if (!auth || auth.isLoading) return;

package/dist/routes/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/routes/index.tsx"],"sourcesContent":["import type {RouterContext} from '@shipfox/client-shell/runtime';\nimport {defineRoute, getLastWorkspaceId} from '@shipfox/client-shell/runtime';\nimport {FullPageLoader} from '@shipfox/react-ui/loader';\nimport {redirect} from '@tanstack/react-router';\n\nexport default defineRoute({\n  beforeLoad: ({context}: {context: RouterContext}) => {\n    const auth = context.auth;\n    if (!auth || auth.isLoading) return;\n    if (!auth.isAuthenticated) throw redirect({to: '/auth/login'});\n    const [first, ...rest] = auth.workspaces;\n    if (!first) throw redirect({to: '/setup/workspaces/new'});\n    const principalId = auth.user?.id;\n    const target = principalId\n      ? [first, ...rest].find((workspace) => workspace.id === getLastWorkspaceId(principalId))\n      : undefined;\n    throw redirect({\n      to: '/w/$workspaceSlug',\n      params: {workspaceSlug: (target ?? first).slug},\n    });\n  },\n  component: FullPageLoader,\n});\n"],"names":["defineRoute","getLastWorkspaceId","FullPageLoader","redirect","beforeLoad","context","auth","isLoading","isAuthenticated","to","first","rest","workspaces","principalId","user","id","target","find","workspace","undefined","params","workspaceSlug","slug","component"],"mappings":"AACA,SAAQA,WAAW,EAAEC,kBAAkB,QAAO,gCAAgC;AAC9E,SAAQC,cAAc,QAAO,2BAA2B;AACxD,SAAQC,QAAQ,QAAO,yBAAyB;AAEhD,eAAeH,YAAY;IACzBI,YAAY,CAAC,EAACC,OAAO,EAA2B;QAC9C,MAAMC,OAAOD,QAAQC,IAAI;QACzB,IAAI,CAACA,QAAQA,KAAKC,SAAS,EAAE;QAC7B,IAAI,CAACD,KAAKE,eAAe,EAAE,MAAML,SAAS;YAACM,IAAI;QAAa;QAC5D,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAGL,KAAKM,UAAU;QACxC,IAAI,CAACF,OAAO,MAAMP,SAAS;YAACM,IAAI;QAAuB;QACvD,MAAMI,cAAcP,KAAKQ,IAAI,EAAEC;QAC/B,MAAMC,SAASH,cACX;YAACH;eAAUC;SAAK,CAACM,IAAI,CAAC,CAACC,YAAcA,UAAUH,EAAE,KAAKd,mBAAmBY,gBACzEM;QACJ,MAAMhB,SAAS;YACbM,IAAI;YACJW,QAAQ;gBAACC,eAAe,AAACL,CAAAA,UAAUN,KAAI,EAAGY,IAAI;YAAA;QAChD;IACF;IACAC,WAAWrB;AACb,GAAG"}
+{"version":3,"sources":["../../src/routes/index.tsx"],"sourcesContent":["import type {RouterContext} from '@shipfox/client-shell/runtime';\nimport {defineRoute, getLastWorkspaceId} from '@shipfox/client-shell/runtime';\nimport {FullPageLoader} from '@shipfox/react-ui/loader';\nimport {redirect} from '@tanstack/react-router';\n\nexport default defineRoute({\n  staticData: {frame: 'focused'},\n  beforeLoad: ({context}: {context: RouterContext}) => {\n    const auth = context.auth;\n    if (!auth || auth.isLoading) return;\n    if (!auth.isAuthenticated) throw redirect({to: '/auth/login'});\n    const [first, ...rest] = auth.workspaces;\n    if (!first) throw redirect({to: '/setup/workspaces/new'});\n    const principalId = auth.user?.id;\n    const target = principalId\n      ? [first, ...rest].find((workspace) => workspace.id === getLastWorkspaceId(principalId))\n      : undefined;\n    throw redirect({\n      to: '/w/$workspaceSlug',\n      params: {workspaceSlug: (target ?? first).slug},\n    });\n  },\n  component: FullPageLoader,\n});\n"],"names":["defineRoute","getLastWorkspaceId","FullPageLoader","redirect","staticData","frame","beforeLoad","context","auth","isLoading","isAuthenticated","to","first","rest","workspaces","principalId","user","id","target","find","workspace","undefined","params","workspaceSlug","slug","component"],"mappings":"AACA,SAAQA,WAAW,EAAEC,kBAAkB,QAAO,gCAAgC;AAC9E,SAAQC,cAAc,QAAO,2BAA2B;AACxD,SAAQC,QAAQ,QAAO,yBAAyB;AAEhD,eAAeH,YAAY;IACzBI,YAAY;QAACC,OAAO;IAAS;IAC7BC,YAAY,CAAC,EAACC,OAAO,EAA2B;QAC9C,MAAMC,OAAOD,QAAQC,IAAI;QACzB,IAAI,CAACA,QAAQA,KAAKC,SAAS,EAAE;QAC7B,IAAI,CAACD,KAAKE,eAAe,EAAE,MAAMP,SAAS;YAACQ,IAAI;QAAa;QAC5D,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAGL,KAAKM,UAAU;QACxC,IAAI,CAACF,OAAO,MAAMT,SAAS;YAACQ,IAAI;QAAuB;QACvD,MAAMI,cAAcP,KAAKQ,IAAI,EAAEC;QAC/B,MAAMC,SAASH,cACX;YAACH;eAAUC;SAAK,CAACM,IAAI,CAAC,CAACC,YAAcA,UAAUH,EAAE,KAAKhB,mBAAmBc,gBACzEM;QACJ,MAAMlB,SAAS;YACbQ,IAAI;YACJW,QAAQ;gBAACC,eAAe,AAACL,CAAAA,UAAUN,KAAI,EAAGY,IAAI;YAAA;QAChD;IACF;IACAC,WAAWvB;AACb,GAAG"}

package/dist/routes/login.d.ts

@@ -1,5 +1,8 @@
 import { validateRedirectSearch } from './inputs.js';
 declare const _default: import("@shipfox/client-shell/runtime").RouteImpl<{
+    readonly staticData: {
+        readonly frame: "focused";
+    };
     readonly validateSearch: typeof validateRedirectSearch;
     readonly component: () => import("react").JSX.Element;
 }>;

package/dist/routes/login.js

@@ -4,6 +4,9 @@ import { GuestGuard } from '#components/auth-guard.js';
 import { LoginPage } from '#pages/login-page.js';
 import { validateRedirectSearch } from './inputs.js';
 export default defineRoute({
+    staticData: {
+        frame: 'focused'
+    },
     validateSearch: validateRedirectSearch,
     component: ()=>/*#__PURE__*/ _jsx(GuestGuard, {
             children: /*#__PURE__*/ _jsx(LoginPage, {})

package/dist/routes/login.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/routes/login.tsx"],"sourcesContent":["import {defineRoute} from '@shipfox/client-shell/runtime';\nimport {GuestGuard} from '#components/auth-guard.js';\nimport {LoginPage} from '#pages/login-page.js';\nimport {validateRedirectSearch} from './inputs.js';\n\nexport default defineRoute({\n  validateSearch: validateRedirectSearch,\n  component: () => (\n    <GuestGuard>\n      <LoginPage />\n    </GuestGuard>\n  ),\n});\n"],"names":["defineRoute","GuestGuard","LoginPage","validateRedirectSearch","validateSearch","component"],"mappings":";AAAA,SAAQA,WAAW,QAAO,gCAAgC;AAC1D,SAAQC,UAAU,QAAO,4BAA4B;AACrD,SAAQC,SAAS,QAAO,uBAAuB;AAC/C,SAAQC,sBAAsB,QAAO,cAAc;AAEnD,eAAeH,YAAY;IACzBI,gBAAgBD;IAChBE,WAAW,kBACT,KAACJ;sBACC,cAAA,KAACC;;AAGP,GAAG"}
+{"version":3,"sources":["../../src/routes/login.tsx"],"sourcesContent":["import {defineRoute} from '@shipfox/client-shell/runtime';\nimport {GuestGuard} from '#components/auth-guard.js';\nimport {LoginPage} from '#pages/login-page.js';\nimport {validateRedirectSearch} from './inputs.js';\n\nexport default defineRoute({\n  staticData: {frame: 'focused'},\n  validateSearch: validateRedirectSearch,\n  component: () => (\n    <GuestGuard>\n      <LoginPage />\n    </GuestGuard>\n  ),\n});\n"],"names":["defineRoute","GuestGuard","LoginPage","validateRedirectSearch","staticData","frame","validateSearch","component"],"mappings":";AAAA,SAAQA,WAAW,QAAO,gCAAgC;AAC1D,SAAQC,UAAU,QAAO,4BAA4B;AACrD,SAAQC,SAAS,QAAO,uBAAuB;AAC/C,SAAQC,sBAAsB,QAAO,cAAc;AAEnD,eAAeH,YAAY;IACzBI,YAAY;QAACC,OAAO;IAAS;IAC7BC,gBAAgBH;IAChBI,WAAW,kBACT,KAACN;sBACC,cAAA,KAACC;;AAGP,GAAG"}

package/dist/routes/logout.d.ts

@@ -1,6 +1,9 @@
 import { LogoutPage } from '#pages/logout-page.js';
 import { validateRedirectSearch } from './inputs.js';
 declare const _default: import("@shipfox/client-shell/runtime").RouteImpl<{
+    readonly staticData: {
+        readonly frame: "focused";
+    };
     readonly validateSearch: typeof validateRedirectSearch;
     readonly component: typeof LogoutPage;
 }>;

package/dist/routes/logout.js

@@ -2,6 +2,9 @@ import { defineRoute } from '@shipfox/client-shell/runtime';
 import { LogoutPage } from '#pages/logout-page.js';
 import { validateRedirectSearch } from './inputs.js';
 export default defineRoute({
+    staticData: {
+        frame: 'focused'
+    },
     validateSearch: validateRedirectSearch,
     component: LogoutPage
 });

package/dist/routes/logout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/routes/logout.tsx"],"sourcesContent":["import {defineRoute} from '@shipfox/client-shell/runtime';\nimport {LogoutPage} from '#pages/logout-page.js';\nimport {validateRedirectSearch} from './inputs.js';\n\nexport default defineRoute({validateSearch: validateRedirectSearch, component: LogoutPage});\n"],"names":["defineRoute","LogoutPage","validateRedirectSearch","validateSearch","component"],"mappings":"AAAA,SAAQA,WAAW,QAAO,gCAAgC;AAC1D,SAAQC,UAAU,QAAO,wBAAwB;AACjD,SAAQC,sBAAsB,QAAO,cAAc;AAEnD,eAAeF,YAAY;IAACG,gBAAgBD;IAAwBE,WAAWH;AAAU,GAAG"}
+{"version":3,"sources":["../../src/routes/logout.tsx"],"sourcesContent":["import {defineRoute} from '@shipfox/client-shell/runtime';\nimport {LogoutPage} from '#pages/logout-page.js';\nimport {validateRedirectSearch} from './inputs.js';\n\nexport default defineRoute({\n  staticData: {frame: 'focused'},\n  validateSearch: validateRedirectSearch,\n  component: LogoutPage,\n});\n"],"names":["defineRoute","LogoutPage","validateRedirectSearch","staticData","frame","validateSearch","component"],"mappings":"AAAA,SAAQA,WAAW,QAAO,gCAAgC;AAC1D,SAAQC,UAAU,QAAO,wBAAwB;AACjD,SAAQC,sBAAsB,QAAO,cAAc;AAEnD,eAAeF,YAAY;IACzBG,YAAY;QAACC,OAAO;IAAS;IAC7BC,gBAAgBH;IAChBI,WAAWL;AACb,GAAG"}