@byline/host-tanstack-start 2.5.1 → 2.6.0

package/dist/admin-shell/collections/resolve-preview-url.js

@@ -0,0 +1,17 @@
+import { getCollectionDefinition } from "@byline/core";
+function resolvePreviewUrl(doc, collectionPath, adminConfig, locale) {
+    if (adminConfig?.preview) return adminConfig.preview.url(doc, {
+        locale
+    });
+    const definition = getCollectionDefinition(collectionPath);
+    if (definition?.buildDocumentPath != null) try {
+        const built = definition.buildDocumentPath(doc, {
+            collectionPath
+        });
+        if ('string' == typeof built) return built;
+        if (null === built) return null;
+    } catch  {}
+    if (!doc.path) return null;
+    return `/${collectionPath}/${doc.path}`;
+}
+export { resolvePreviewUrl };

package/dist/admin-shell/collections/restore-version-modal.js

@@ -2,6 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { useRouter } from "@tanstack/react-router";
+import { useTranslation } from "@byline/i18n/react";
 import { Alert, Button, LoaderEllipsis, Modal } from "@byline/ui/react";
 import classnames from "classnames";
 import { restoreDocumentVersion } from "../../server-fns/collections/index.js";
@@ -10,6 +11,7 @@ import restore_version_modal_module from "./restore-version-modal.module.js";
 function RestoreVersionModal({ collection, documentId, versionId, versionLabel, versionNumber, onClose }) {
     const navigate = useNavigate();
     const router = useRouter();
+    const { t } = useTranslation('byline-admin');
     const [error, setError] = useState(null);
     const [pending, setPending] = useState(false);
     async function handleRestore() {
@@ -35,9 +37,9 @@ function RestoreVersionModal({ collection, documentId, versionId, versionLabel,
             });
         } catch (err) {
             const code = getErrorCode(err);
-            if ('ERR_INVALID_TRANSITION' === code) setError('This version is already the current version of the document.');
-            else if ('ERR_NOT_FOUND' === code) setError('The selected version could not be found. The history may be out of date.');
-            else 'ERR_FORBIDDEN' === code || 'ERR_UNAUTHENTICATED' === code ? setError('You do not have permission to restore versions for this collection.') : setError('Could not restore this version. Please try again.');
+            if ('ERR_INVALID_TRANSITION' === code) setError(t('collections.restore.errors.alreadyCurrent'));
+            else if ('ERR_NOT_FOUND' === code) setError(t('collections.restore.errors.notFound'));
+            else 'ERR_FORBIDDEN' === code || 'ERR_UNAUTHENTICATED' === code ? setError(t('collections.restore.errors.forbidden')) : setError(t('collections.restore.errors.fallback'));
             setPending(false);
         }
     }
@@ -57,7 +59,7 @@ function RestoreVersionModal({ collection, documentId, versionId, versionLabel,
                         children: [
                             /*#__PURE__*/ jsx("span", {
                                 className: "muted",
-                                children: "Version:"
+                                children: t('collections.restore.versionLabel')
                             }),
                             " ",
                             versionNumber
@@ -68,20 +70,17 @@ function RestoreVersionModal({ collection, documentId, versionId, versionLabel,
                         children: [
                             /*#__PURE__*/ jsx("span", {
                                 className: "muted",
-                                children: "Created:"
+                                children: t('collections.restore.createdLabel')
                             }),
                             " ",
                             versionLabel
                         ]
                     }),
-                    /*#__PURE__*/ jsxs("p", {
+                    /*#__PURE__*/ jsx("p", {
                         className: classnames('byline-coll-restore-warning', restore_version_modal_module.warning),
-                        children: [
-                            "This will create a new draft version of this document with the content from version",
-                            ' ',
-                            versionNumber,
-                            ", and that draft will become the current version. The existing versions (including any published version) are preserved in history. The restored draft will need to be published through the normal workflow."
-                        ]
+                        children: t('collections.restore.warning', {
+                            version: versionNumber
+                        })
                     })
                 ]
             }),
@@ -105,7 +104,7 @@ function RestoreVersionModal({ collection, documentId, versionId, versionLabel,
                         onClick: onClose,
                         disabled: pending,
                         className: classnames('byline-coll-restore-button', restore_version_modal_module.button),
-                        children: "Cancel"
+                        children: t('common.actions.cancel')
                     }),
                     /*#__PURE__*/ jsx(Button, {
                         size: "sm",
@@ -118,7 +117,7 @@ function RestoreVersionModal({ collection, documentId, versionId, versionLabel,
                         className: classnames('byline-coll-restore-button', restore_version_modal_module.button),
                         children: true === pending ? /*#__PURE__*/ jsx(LoaderEllipsis, {
                             size: 42
-                        }) : 'Restore as Draft'
+                        }) : t('collections.restore.confirmButton')
                     })
                 ]
             })

package/dist/admin-shell/collections/tanstack-navigation-guard.d.ts

@@ -5,7 +5,7 @@
  *
  * Copyright (c) Infonomic Company Limited
  */
-import type { UseNavigationGuard } from '@byline/ui/react';
+import type { UseNavigationGuard } from '@byline/admin/react';
 /**
  * Navigation guard backed by TanStack Router's `useBlocker`.
  *

package/dist/admin-shell/collections/view-menu.js

@@ -1,5 +1,6 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect } from "react";
+import { useTranslation } from "@byline/i18n/react";
 import { Button, HistoryIcon, IconButton, Label, Select } from "@byline/ui/react";
 import classnames from "classnames";
 import { useNavigate } from "../chrome/loose-router.js";
@@ -7,6 +8,7 @@ import { PreviewLink } from "./preview-link.js";
 import view_menu_module from "./view-menu.module.js";
 const ViewMenu = ({ collection, documentId, activeView, locale, depth, contentLocales, defaultContentLocale, adminConfig, doc })=>{
     const navigate = useNavigate();
+    const { t } = useTranslation('byline-admin');
     useEffect(()=>{
         if ('edit' === activeView && 'all' === locale) navigate({
             to: '/admin/collections/$collection/$id',
@@ -80,7 +82,7 @@ const ViewMenu = ({ collection, documentId, activeView, locale, depth, contentLo
                 className: classnames('muted byline-view-menu-label', view_menu_module.label),
                 id: "contentLocaleLabel",
                 htmlFor: "contentLocale",
-                label: "Content Locale:"
+                label: t('collections.viewMenu.contentLocaleLabel')
             }),
             /*#__PURE__*/ jsx(Select, {
                 name: "contentLocale",
@@ -93,7 +95,7 @@ const ViewMenu = ({ collection, documentId, activeView, locale, depth, contentLo
                     ...'edit' !== activeView ? [
                         {
                             value: 'all',
-                            label: 'All'
+                            label: t('collections.viewMenu.localeAll')
                         }
                     ] : [],
                     ...contentLocales.map((loc)=>({
@@ -109,7 +111,7 @@ const ViewMenu = ({ collection, documentId, activeView, locale, depth, contentLo
                         className: classnames('muted byline-view-menu-label', view_menu_module.label),
                         id: "populateDepthLabel",
                         htmlFor: "populateDepth",
-                        label: "Depth:"
+                        label: t('collections.viewMenu.depthLabel')
                     }),
                     /*#__PURE__*/ jsx(Select, {
                         name: "populateDepth",
@@ -179,7 +181,7 @@ const ViewMenu = ({ collection, documentId, activeView, locale, depth, contentLo
                             locale
                         } : {}
                     }),
-                children: "Edit"
+                children: t('common.actions.edit')
             }),
             /*#__PURE__*/ jsx(Button, {
                 size: "xs",
@@ -195,7 +197,7 @@ const ViewMenu = ({ collection, documentId, activeView, locale, depth, contentLo
                             locale
                         } : {}
                     }),
-                children: "API"
+                children: t('collections.viewMenu.apiButton')
             })
         ]
     });

package/dist/i18n/index.d.ts

@@ -0,0 +1,19 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+/**
+ * `@byline/host-tanstack-start/i18n` — host-side glue between the
+ * admin interface translation registry and TanStack Start's request
+ * model. Cookie helpers, the per-request locale resolver, and the
+ * server-side `resolveServerTranslator` companion to the client
+ * `useTranslation` hook.
+ */
+export { ADMIN_LOCALE_COOKIE, clearAdminLocaleCookie, readAdminLocaleCookie, setAdminLocaleCookie, } from './locale-cookie.js';
+export { buildLocaleDefinitions } from './locale-definitions.js';
+export { resolveRequestLocale } from './resolve-locale.js';
+export { resolveServerTranslator } from './server-translator.js';
+export type { ServerTranslator } from './server-translator.js';

package/dist/i18n/index.js

@@ -0,0 +1,4 @@
+export { ADMIN_LOCALE_COOKIE, clearAdminLocaleCookie, readAdminLocaleCookie, setAdminLocaleCookie } from "./locale-cookie.js";
+export { buildLocaleDefinitions } from "./locale-definitions.js";
+export { resolveRequestLocale } from "./resolve-locale.js";
+export { resolveServerTranslator } from "./server-translator.js";

package/dist/i18n/locale-cookie.d.ts

@@ -0,0 +1,17 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+export declare const ADMIN_LOCALE_COOKIE = "byline_admin_lng";
+/** Read the current admin locale cookie, if any. */
+export declare function readAdminLocaleCookie(): string | null;
+/**
+ * Write the admin locale cookie. Caller is expected to have validated
+ * `locale` against the permitted `i18n.interface.locales` set first.
+ */
+export declare function setAdminLocaleCookie(locale: string): void;
+/** Clear the cookie — used when a user opts back into browser-default detection. */
+export declare function clearAdminLocaleCookie(): void;

package/dist/i18n/locale-cookie.js

@@ -0,0 +1,26 @@
+import { getCookie, setCookie } from "@tanstack/react-start/server";
+const ADMIN_LOCALE_COOKIE = 'byline_admin_lng';
+const ADMIN_LOCALE_MAX_AGE_SECONDS = 31536000;
+const IS_PROD = 'production' === process.env.NODE_ENV;
+function readAdminLocaleCookie() {
+    return getCookie(ADMIN_LOCALE_COOKIE) ?? null;
+}
+function setAdminLocaleCookie(locale) {
+    setCookie(ADMIN_LOCALE_COOKIE, locale, {
+        httpOnly: false,
+        sameSite: 'lax',
+        secure: IS_PROD,
+        path: '/',
+        maxAge: ADMIN_LOCALE_MAX_AGE_SECONDS
+    });
+}
+function clearAdminLocaleCookie() {
+    setCookie(ADMIN_LOCALE_COOKIE, '', {
+        httpOnly: false,
+        sameSite: 'lax',
+        secure: IS_PROD,
+        path: '/',
+        maxAge: 0
+    });
+}
+export { ADMIN_LOCALE_COOKIE, clearAdminLocaleCookie, readAdminLocaleCookie, setAdminLocaleCookie };

package/dist/i18n/locale-definitions.d.ts

@@ -0,0 +1,29 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+import type { LocaleDefinition } from '@byline/i18n';
+/**
+ * Build a `LocaleDefinition[]` for the language switcher. Per-code
+ * resolution order:
+ *
+ *   1. An entry from the host's `i18n.interface.localeDefinitions`
+ *      (matched by code). Wins outright — this is the path that lets a
+ *      host author write `Français` instead of the lowercase
+ *      `français` that CLDR's `Intl.DisplayNames` returns for romance
+ *      languages.
+ *   2. `Intl.DisplayNames(code).of(code)` — produces a display name in
+ *      each locale's own language using CLDR's data.
+ *   3. The raw code, as a last-resort fallback for exotic tags or
+ *      runtimes that lack `Intl.DisplayNames`.
+ *
+ * Used by both the admin layout (post-auth) and the sign-in page
+ * (pre-auth) — anywhere `<LanguageMenu>` mounts.
+ */
+export declare function buildLocaleDefinitions(codes: readonly string[], configured: ReadonlyArray<{
+    code: string;
+    nativeName: string;
+}> | undefined): LocaleDefinition[];

package/dist/i18n/locale-definitions.js

@@ -0,0 +1,27 @@
+function buildLocaleDefinitions(codes, configured) {
+    const explicit = new Map((configured ?? []).map((d)=>[
+            d.code,
+            d.nativeName
+        ]));
+    return codes.map((code)=>{
+        const explicitName = explicit.get(code);
+        if (null != explicitName) return {
+            code,
+            nativeName: explicitName
+        };
+        let nativeName = code;
+        try {
+            const dn = new Intl.DisplayNames([
+                code
+            ], {
+                type: 'language'
+            });
+            nativeName = dn.of(code) ?? code;
+        } catch  {}
+        return {
+            code,
+            nativeName
+        };
+    });
+}
+export { buildLocaleDefinitions };

package/dist/i18n/resolve-locale.d.ts

@@ -0,0 +1,20 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+import type { LocaleCode } from '@byline/i18n';
+/**
+ * Resolve the locale for the current request. Skips the
+ * `admin_users.preferred_locale` tier when no admin session is present —
+ * this is the right behaviour for pre-auth surfaces (sign-in page).
+ *
+ * Bypasses the auth resolver when `skipActorLookup` is true. Useful for
+ * very early-boot surfaces where the actor lookup itself is expensive
+ * or unwanted (rare; default to letting the cascade do its work).
+ */
+export declare function resolveRequestLocale(options?: {
+    skipActorLookup?: boolean;
+}): Promise<LocaleCode>;

package/dist/i18n/resolve-locale.js

@@ -0,0 +1,43 @@
+import { getRequestHeader } from "@tanstack/react-start/server";
+import { AuthError, AuthErrorCodes } from "@byline/auth";
+import { resolveInterfaceLocale } from "@byline/i18n";
+import { getAdminRequestContext } from "../auth/auth-context.js";
+import { bylineCore } from "../integrations/byline-core.js";
+import { readAdminLocaleCookie } from "./locale-cookie.js";
+async function resolveRequestLocale(options) {
+    const core = bylineCore();
+    const { interface: ifaceConfig } = core.config.i18n;
+    let preferred = null;
+    if (!options?.skipActorLookup) preferred = await readPreferredLocaleFromActor();
+    return resolveInterfaceLocale({
+        locales: ifaceConfig.locales,
+        defaultLocale: ifaceConfig.defaultLocale,
+        preferred,
+        cookie: readAdminLocaleCookie(),
+        acceptLanguage: readAcceptLanguage()
+    });
+}
+async function readPreferredLocaleFromActor() {
+    try {
+        const context = await getAdminRequestContext();
+        const adminStore = bylineCore().adminStore;
+        if (null == adminStore) return null;
+        const actor = context.actor;
+        if (null == actor || 'object' != typeof actor || !('id' in actor)) return null;
+        const id = actor.id;
+        if ('string' != typeof id) return null;
+        const row = await adminStore.adminUsers.getById(id);
+        return row?.preferred_locale ?? null;
+    } catch (err) {
+        err instanceof AuthError && (err.code, AuthErrorCodes.UNAUTHENTICATED);
+        return null;
+    }
+}
+function readAcceptLanguage() {
+    try {
+        return getRequestHeader('accept-language') ?? null;
+    } catch  {
+        return null;
+    }
+}
+export { resolveRequestLocale };

package/dist/i18n/server-translator.d.ts

@@ -0,0 +1,33 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+/**
+ * `resolveServerTranslator(namespace)` — server-side companion to the
+ * client `useTranslation(namespace)` hook.
+ *
+ * Resolves the request locale via the same cascade the client hydrates
+ * against (preferred → cookie → Accept-Language → default), constructs
+ * a formatter bound to the registered translation bundle, and returns
+ * a `{ t, locale }` for the requested namespace. The shape mirrors
+ * `useTranslation` so callers can swap surfaces (loader vs component)
+ * without rethinking the API.
+ *
+ * Typical use:
+ *
+ *   import { resolveServerTranslator } from '@byline/host-tanstack-start/i18n'
+ *
+ *   export const sendInviteFn = createServerFn(...).handler(async () => {
+ *     const { t } = await resolveServerTranslator('byline-admin')
+ *     return { subject: t('email.invite.subject') }
+ *   })
+ */
+import { type LocaleCode } from '@byline/i18n';
+export interface ServerTranslator {
+    t: (key: string, values?: Record<string, string | number | boolean | Date | null>) => string;
+    locale: LocaleCode;
+}
+export declare function resolveServerTranslator(namespace: string): Promise<ServerTranslator>;

package/dist/i18n/server-translator.js

@@ -0,0 +1,19 @@
+import { createFormatter } from "@byline/i18n";
+import { bylineCore } from "../integrations/byline-core.js";
+import { resolveRequestLocale } from "./resolve-locale.js";
+async function resolveServerTranslator(namespace) {
+    const core = bylineCore();
+    const { interface: ifaceConfig, translations: bundle } = core.config.i18n;
+    if (null == bundle) throw new Error("[resolveServerTranslator] no translation bundle is registered. Pass `translations: adminTranslations({ en: true })` (or a merged bundle) on `i18n` in your config.");
+    const activeLocale = await resolveRequestLocale();
+    const formatter = createFormatter({
+        bundle,
+        activeLocale,
+        defaultLocale: ifaceConfig.defaultLocale
+    });
+    return {
+        t: (key, values)=>formatter.t(namespace, key, values),
+        locale: activeLocale
+    };
+}
+export { resolveServerTranslator };

package/dist/integrations/byline-admin-services.js

@@ -4,6 +4,7 @@ import { createAdminRole, updateAdminRole } from "../server-fns/admin-roles/inde
 import { createAdminUser, setAdminUserPassword, setUserRoles, updateAdminUser } from "../server-fns/admin-users/index.js";
 import { adminSignIn } from "../server-fns/auth/index.js";
 import { getCollectionDocumentVersion } from "../server-fns/collections/get.js";
+import { setInterfaceLocaleFn } from "../server-fns/i18n/index.js";
 const byline_admin_services_getCollectionDocumentVersion = async (collection, documentId, versionId, locale)=>{
     const result = await getCollectionDocumentVersion(collection, documentId, versionId, locale);
     if (null == result) throw new Error(`Document version not found: collection=${collection} document=${documentId} version=${versionId}`);
@@ -13,6 +14,7 @@ const bylineAdminServices = {
     adminSignIn: adminSignIn,
     updateAccount: updateAccount,
     changeAccountPassword: changeAccountPassword,
+    setInterfaceLocale: setInterfaceLocaleFn,
     createAdminUser: createAdminUser,
     updateAdminUser: updateAdminUser,
     setAdminUserPassword: setAdminUserPassword,

package/dist/integrations/byline-field-services.d.ts

@@ -8,11 +8,11 @@
 /**
  * Host-side adapters that bind the webapp's TanStack Start server functions
  * to the framework-neutral `BylineFieldServices` contract consumed by
- * `@byline/ui` field/form components.
+ * `@byline/admin` field/form components.
  *
  * Wired into the admin route once via `<BylineFieldServicesProvider>`. A
  * future Next.js host would ship its own adapter file and Provider; the
- * @byline/ui surface is unchanged.
+ * @byline/admin surface is unchanged.
  */
-import type { BylineFieldServices } from '@byline/ui/react';
+import type { BylineFieldServices } from '@byline/admin/react';
 export declare const bylineFieldServices: BylineFieldServices;

package/dist/routes/create-admin-account-route.js

@@ -1,6 +1,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createFileRoute } from "@tanstack/react-router";
 import { AccountSelfContainer } from "@byline/admin/admin-account/components/container";
+import { useTranslation } from "@byline/i18n/react";
 import { Container, Section } from "@byline/ui/react";
 import { BreadcrumbsClient } from "../admin-shell/chrome/breadcrumbs/breadcrumbs-client.js";
 import { getAccount } from "../server-fns/admin-account/index.js";
@@ -23,16 +24,17 @@ function createAdminAccountRoute(path) {
         },
         component: function() {
             const { account } = Route.useLoaderData();
+            const { t } = useTranslation('byline-admin');
             return /*#__PURE__*/ jsxs(Fragment, {
                 children: [
                     /*#__PURE__*/ jsx(BreadcrumbsClient, {
                         breadcrumbs: [
                             {
-                                label: 'Dashboard',
+                                label: t('chrome.menu.dashboard'),
                                 href: '/admin'
                             },
                             {
-                                label: 'Account',
+                                label: t('chrome.account'),
                                 href: '/admin/account'
                             }
                         ]
@@ -40,6 +42,7 @@ function createAdminAccountRoute(path) {
                     /*#__PURE__*/ jsx(Section, {
                         className: "pb-2",
                         children: /*#__PURE__*/ jsxs(Container, {
+                            className: "mb-2",
                             children: [
                                 /*#__PURE__*/ jsx("h1", {
                                     className: "mb-2",
@@ -47,7 +50,7 @@ function createAdminAccountRoute(path) {
                                 }),
                                 /*#__PURE__*/ jsx("p", {
                                     className: "muted",
-                                    children: "Manage your own profile and password."
+                                    children: t('account.intro')
                                 })
                             ]
                         })

package/dist/routes/create-admin-dashboard-route.js

@@ -1,6 +1,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createFileRoute } from "@tanstack/react-router";
 import { getClientConfig } from "@byline/core";
+import { useTranslation } from "@byline/i18n/react";
 import { BreadcrumbsClient } from "../admin-shell/chrome/breadcrumbs/breadcrumbs-client.js";
 import { AdminDashboard } from "../admin-shell/chrome/dashboard.js";
 import { getCollectionStats } from "../server-fns/collections/index.js";
@@ -22,12 +23,13 @@ function createAdminDashboardRoute(path) {
         },
         component: function() {
             const { statsMap } = Route.useLoaderData();
+            const { t } = useTranslation('byline-admin');
             return /*#__PURE__*/ jsxs(Fragment, {
                 children: [
                     /*#__PURE__*/ jsx(BreadcrumbsClient, {
                         breadcrumbs: [
                             {
-                                label: 'Dashboard',
+                                label: t('chrome.menu.dashboard'),
                                 href: '/admin'
                             }
                         ]

package/dist/routes/create-admin-layout-route.js

@@ -1,7 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Outlet, createFileRoute, redirect } from "@tanstack/react-router";
+import { BylineFieldServicesProvider } from "@byline/admin/react";
 import { BylineAdminServicesProvider } from "@byline/admin/services";
-import { BylineFieldServicesProvider } from "@byline/ui/react";
+import { getClientConfig } from "@byline/core";
+import { I18nProvider } from "@byline/i18n/react";
 import classnames from "classnames";
 import { AdminAppBar } from "../admin-shell/chrome/admin-app-bar.js";
 import admin_layout_module from "../admin-shell/chrome/admin-layout.module.js";
@@ -11,18 +13,22 @@ import { AdminMenuDrawer } from "../admin-shell/chrome/menu-drawer.js";
 import { AdminMenuProvider } from "../admin-shell/chrome/menu-provider.js";
 import { RouteError, RouteNotFound } from "../admin-shell/chrome/route-error.js";
 import { RouteProgressBar } from "../admin-shell/chrome/route-progress-bar.js";
+import { buildLocaleDefinitions } from "../i18n/locale-definitions.js";
 import { bylineAdminServices } from "../integrations/byline-admin-services.js";
 import { BylineAiAdminProvider } from "../integrations/byline-ai.js";
 import { bylineFieldServices } from "../integrations/byline-field-services.js";
 import { getCurrentAdminUser } from "../server-fns/auth/index.js";
+import { getActiveLocaleFn, setInterfaceLocaleFn } from "../server-fns/i18n/index.js";
 function createAdminLayoutRoute(path, opts = {}) {
     const signInPath = opts.signInPath ?? '/sign-in';
     const Route = createFileRoute(path)({
         beforeLoad: async ({ location })=>{
             try {
                 const user = await getCurrentAdminUser();
+                const activeLocale = await getActiveLocaleFn();
                 return {
-                    user
+                    user,
+                    activeLocale
                 };
             } catch  {
                 throw redirect({
@@ -34,29 +40,46 @@ function createAdminLayoutRoute(path, opts = {}) {
             }
         },
         component: function() {
-            const { user } = Route.useRouteContext();
-            return /*#__PURE__*/ jsx(BylineAdminServicesProvider, {
-                services: bylineAdminServices,
-                children: /*#__PURE__*/ jsx(BylineFieldServicesProvider, {
-                    services: bylineFieldServices,
-                    children: /*#__PURE__*/ jsx(BylineAiAdminProvider, {
-                        children: /*#__PURE__*/ jsxs(AdminMenuProvider, {
-                            children: [
-                                /*#__PURE__*/ jsx(RouteProgressBar, {}),
-                                /*#__PURE__*/ jsx(AdminAppBar, {
-                                    user: user
-                                }),
-                                /*#__PURE__*/ jsxs("main", {
-                                    className: classnames('byline-admin-layout-main', admin_layout_module.main),
-                                    children: [
-                                        /*#__PURE__*/ jsx(DrawerToggle, {}),
-                                        /*#__PURE__*/ jsx(AdminMenuDrawer, {}),
-                                        /*#__PURE__*/ jsx(Content, {
-                                            children: /*#__PURE__*/ jsx(Outlet, {})
-                                        })
-                                    ]
-                                })
-                            ]
+            const { user, activeLocale } = Route.useRouteContext();
+            const { i18n } = getClientConfig();
+            const localeDefinitions = buildLocaleDefinitions(i18n.interface.locales, i18n.interface.localeDefinitions);
+            const handleSetLocale = async (next)=>{
+                await setInterfaceLocaleFn({
+                    data: {
+                        locale: next
+                    }
+                });
+                window.location.reload();
+            };
+            return /*#__PURE__*/ jsx(I18nProvider, {
+                bundle: i18n.translations ?? {},
+                activeLocale: activeLocale,
+                defaultLocale: i18n.interface.defaultLocale,
+                localeDefinitions: localeDefinitions,
+                setLocale: handleSetLocale,
+                children: /*#__PURE__*/ jsx(BylineAdminServicesProvider, {
+                    services: bylineAdminServices,
+                    children: /*#__PURE__*/ jsx(BylineFieldServicesProvider, {
+                        services: bylineFieldServices,
+                        children: /*#__PURE__*/ jsx(BylineAiAdminProvider, {
+                            children: /*#__PURE__*/ jsxs(AdminMenuProvider, {
+                                children: [
+                                    /*#__PURE__*/ jsx(RouteProgressBar, {}),
+                                    /*#__PURE__*/ jsx(AdminAppBar, {
+                                        user: user
+                                    }),
+                                    /*#__PURE__*/ jsxs("main", {
+                                        className: classnames('byline-admin-layout-main', admin_layout_module.main),
+                                        children: [
+                                            /*#__PURE__*/ jsx(DrawerToggle, {}),
+                                            /*#__PURE__*/ jsx(AdminMenuDrawer, {}),
+                                            /*#__PURE__*/ jsx(Content, {
+                                                children: /*#__PURE__*/ jsx(Outlet, {})
+                                            })
+                                        ]
+                                    })
+                                ]
+                            })
                         })
                     })
                 })