@byline/host-tanstack-start 2.5.1 → 2.6.0

package/dist/admin-shell/chrome/breadcrumbs/breadcrumbs.js

@@ -1,6 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { useTranslation } from "@byline/i18n/react";
 import { Dropdown, EllipsisIcon } from "@byline/ui/react";
 import classnames from "classnames";
 import { Link } from "../loose-router.js";
@@ -191,6 +192,7 @@ function ChevronIcon({ isLeaf = false }) {
     });
 }
 function OverflowDropdown({ items }) {
+    const { t } = useTranslation('byline-admin');
     return /*#__PURE__*/ jsxs("li", {
         className: classnames('byline-breadcrumbs-item', breadcrumbs_module.item),
         children: [
@@ -198,7 +200,7 @@ function OverflowDropdown({ items }) {
             /*#__PURE__*/ jsxs(Dropdown.Root, {
                 children: [
                     /*#__PURE__*/ jsx(Dropdown.Trigger, {
-                        "aria-label": "Show hidden breadcrumbs",
+                        "aria-label": t('chrome.breadcrumbs.showHiddenAriaLabel'),
                         className: classnames('byline-breadcrumbs-overflow-trigger', breadcrumbs_module.overflowTrigger),
                         children: /*#__PURE__*/ jsx(EllipsisIcon, {
                             className: classnames('byline-breadcrumbs-overflow-icon', breadcrumbs_module.overflowIcon)

package/dist/admin-shell/chrome/dashboard.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { getClientConfig, getWorkflowStatuses } from "@byline/core";
+import { useTranslation } from "@byline/i18n/react";
 import { Card, Container, Section } from "@byline/ui/react";
 import classnames from "classnames";
 import dashboard_module from "./dashboard.module.js";
@@ -50,6 +51,7 @@ function StatTile({ ws, count, collectionPath }) {
 }
 function AdminDashboard({ statsMap }) {
     const config = getClientConfig();
+    const { t } = useTranslation('byline-admin');
     return /*#__PURE__*/ jsx(Section, {
         children: /*#__PURE__*/ jsx(Container, {
             children: /*#__PURE__*/ jsx("div", {
@@ -77,18 +79,19 @@ function AdminDashboard({ statsMap }) {
                                                         className: classnames('byline-dashboard-title-text', dashboard_module.titleText),
                                                         children: collection.labels.plural
                                                     }),
-                                                    /*#__PURE__*/ jsxs("span", {
+                                                    /*#__PURE__*/ jsx("span", {
                                                         className: classnames('muted byline-dashboard-title-meta', dashboard_module.titleMeta),
-                                                        children: [
-                                                            total,
-                                                            " total"
-                                                        ]
+                                                        children: t('dashboard.totalCount', {
+                                                            count: total
+                                                        })
                                                     })
                                                 ]
                                             }),
                                             /*#__PURE__*/ jsx(Card.Description, {
                                                 className: "muted",
-                                                children: `${collection.labels.plural} collection`
+                                                children: t("dashboard.collectionDescription", {
+                                                    label: collection.labels.plural
+                                                })
                                             })
                                         ]
                                     })
@@ -111,11 +114,10 @@ function AdminDashboard({ statsMap }) {
                                         collection: collection.path
                                     },
                                     className: classnames('byline-dashboard-empty-link', dashboard_module.emptyLink),
-                                    children: /*#__PURE__*/ jsxs("p", {
-                                        children: [
-                                            collection.labels.plural,
-                                            " collection"
-                                        ]
+                                    children: /*#__PURE__*/ jsx("p", {
+                                        children: t("dashboard.collectionDescription", {
+                                            label: collection.labels.plural
+                                        })
                                     })
                                 })
                             })

package/dist/admin-shell/chrome/hamburger.js

@@ -1,10 +1,12 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
+import { useTranslation } from "@byline/i18n/react";
 import classnames from "classnames";
 import hamburger_module from "./hamburger.module.js";
 import { useAdminMenu } from "./menu-provider.js";
 function Hamburger({ className, color = 'bg-white before:bg-white after:bg-white', activeBorderColor: _activeBorderColor, ...other }) {
     const { toggleDrawer } = useAdminMenu();
+    const { t } = useTranslation('byline-admin');
     const drawerOpen = false;
     const handleClick = (event)=>{
         if (null != event) event.stopPropagation();
@@ -14,7 +16,7 @@ function Hamburger({ className, color = 'bg-white before:bg-white after:bg-white
         onClick: handleClick,
         className: classnames('byline-admin-hamburger', hamburger_module.button, `component--hamburger ${drawerOpen ? 'is_active' : ''}`, className),
         tabIndex: 0,
-        "aria-label": "Open admin menu",
+        "aria-label": t('chrome.menu.openAriaLabel'),
         "aria-controls": "admin-menu",
         "aria-haspopup": "true",
         ...other,

package/dist/admin-shell/chrome/menu-drawer.js

@@ -3,6 +3,7 @@ import { useRouterState } from "@tanstack/react-router";
 import { ADMIN_PERMISSIONS_ABILITIES } from "@byline/admin/admin-permissions";
 import { ADMIN_ROLES_ABILITIES } from "@byline/admin/admin-roles";
 import { ADMIN_USERS_ABILITIES } from "@byline/admin/admin-users";
+import { useTranslation } from "@byline/i18n/react";
 import { HomeIcon, RolesIcon, SettingsSlidersIcon, UserIcon, UsersIcon } from "@byline/ui/react";
 import classnames from "classnames";
 import { useSwipeable } from "react-swipeable";
@@ -41,6 +42,7 @@ function AdminMenuDrawer() {
         select: (s)=>s.location.pathname
     });
     const { mobile, drawerOpen, closeDrawer } = useAdminMenu();
+    const { t } = useTranslation('byline-admin');
     const { has } = useAbilities();
     const canReadUsers = has(ADMIN_USERS_ABILITIES.read);
     const canReadRoles = has(ADMIN_ROLES_ABILITIES.read);
@@ -75,7 +77,7 @@ function AdminMenuDrawer() {
                 children: [
                     /*#__PURE__*/ jsx(MenuItem, {
                         to: "/admin",
-                        label: "Dashboard",
+                        label: t('chrome.menu.dashboard'),
                         icon: /*#__PURE__*/ jsx(HomeIcon, {
                             width: "20px",
                             height: "20px"
@@ -90,7 +92,7 @@ function AdminMenuDrawer() {
                             }),
                             canReadUsers && /*#__PURE__*/ jsx(MenuItem, {
                                 to: "/admin/users",
-                                label: "Admin Users",
+                                label: t('chrome.menu.adminUsers'),
                                 icon: /*#__PURE__*/ jsx(UsersIcon, {
                                     width: "20px",
                                     height: "20px"
@@ -100,7 +102,7 @@ function AdminMenuDrawer() {
                             }),
                             canReadRoles && /*#__PURE__*/ jsx(MenuItem, {
                                 to: "/admin/roles",
-                                label: "Admin Roles",
+                                label: t('chrome.menu.adminRoles'),
                                 icon: /*#__PURE__*/ jsx(RolesIcon, {
                                     width: "20px",
                                     height: "20px"
@@ -110,7 +112,7 @@ function AdminMenuDrawer() {
                             }),
                             canReadPermissions && /*#__PURE__*/ jsx(MenuItem, {
                                 to: "/admin/permissions",
-                                label: "Permissions",
+                                label: t('chrome.menu.permissions'),
                                 icon: /*#__PURE__*/ jsx(SettingsSlidersIcon, {
                                     width: "20px",
                                     height: "20px"
@@ -128,7 +130,7 @@ function AdminMenuDrawer() {
                     }),
                     /*#__PURE__*/ jsx(MenuItem, {
                         to: "/admin/account",
-                        label: "Account",
+                        label: t('chrome.account'),
                         icon: /*#__PURE__*/ jsx(UserIcon, {}),
                         pathname: pathname,
                         compact: compact

package/dist/admin-shell/chrome/preview-toggle.js

@@ -1,9 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
+import { useTranslation } from "@byline/i18n/react";
 import { EyeClosedIcon, EyeOpenIcon } from "@byline/ui/react";
 import classnames from "classnames";
 import { disablePreviewModeFn, enablePreviewModeFn, getPreviewStateFn } from "../../server-fns/preview/index.js";
 function PreviewToggle({ compact }) {
+    const { t } = useTranslation('byline-admin');
     const [preview, setPreview] = useState(null);
     const [busy, setBusy] = useState(false);
     useEffect(()=>{
@@ -40,7 +42,7 @@ function PreviewToggle({ compact }) {
         }
     };
     if (null == preview) return null;
-    const label = preview ? 'Preview ON' : 'Preview OFF';
+    const label = preview ? t('chrome.preview.on') : t('chrome.preview.off');
     const icon = preview ? /*#__PURE__*/ jsx(EyeOpenIcon, {
         width: "20px",
         height: "20px"
@@ -57,8 +59,8 @@ function PreviewToggle({ compact }) {
             type: "button",
             onClick: handleToggle,
             disabled: busy,
-            "aria-label": preview ? 'Disable preview mode' : 'Enable preview mode',
-            title: preview ? 'Drafts are visible on the public site' : 'Public site shows published only',
+            "aria-label": preview ? t('chrome.preview.disableAriaLabel') : t('chrome.preview.enableAriaLabel'),
+            title: preview ? t('chrome.preview.onTitle') : t('chrome.preview.offTitle'),
             children: [
                 /*#__PURE__*/ jsx("span", {
                     className: "icon",

package/dist/admin-shell/chrome/route-error.d.ts

@@ -15,7 +15,8 @@ import type { ErrorComponentProps, NotFoundRouteProps } from '@tanstack/react-ro
 export declare function RouteError({ error, reset }: ErrorComponentProps): import("react").JSX.Element;
 export declare function RouteNotFound(_props: NotFoundRouteProps): import("react").JSX.Element;
 /**
- * Minimal fallback for when providers may be broken. Used at the root
- * route, where wrapping in Container/Section may itself be unsafe.
+ * Minimal fallback for when providers may be broken — used at the root
+ * route where the i18n provider itself may not be mounted. Stays in
+ * English on purpose.
  */
 export declare function RootError({ error, reset }: ErrorComponentProps): import("react").JSX.Element;

package/dist/admin-shell/chrome/route-error.js

@@ -1,30 +1,32 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useRouter } from "@tanstack/react-router";
 import { BylineError, ErrorCodes } from "@byline/core";
+import { useTranslation } from "@byline/i18n/react";
 import { Alert, Button, Container, Section } from "@byline/ui/react";
 import classnames from "classnames";
 import route_error_module from "./route-error.module.js";
-const ERROR_TITLES = {
-    [ErrorCodes.NOT_FOUND]: 'Not Found',
-    [ErrorCodes.VALIDATION]: 'Validation Error',
-    [ErrorCodes.CONFLICT]: 'Conflict',
-    [ErrorCodes.INVALID_TRANSITION]: 'Invalid Transition',
-    [ErrorCodes.PATCH_FAILED]: 'Update Failed',
-    [ErrorCodes.DATABASE]: 'Database Error',
-    [ErrorCodes.STORAGE]: 'Storage Error',
-    [ErrorCodes.UNHANDLED]: 'Unexpected Error'
+const ERROR_TITLE_KEYS = {
+    [ErrorCodes.NOT_FOUND]: 'routeError.titles.notFound',
+    [ErrorCodes.VALIDATION]: 'routeError.titles.validation',
+    [ErrorCodes.CONFLICT]: 'routeError.titles.conflict',
+    [ErrorCodes.INVALID_TRANSITION]: 'routeError.titles.invalidTransition',
+    [ErrorCodes.PATCH_FAILED]: 'routeError.titles.patchFailed',
+    [ErrorCodes.DATABASE]: 'routeError.titles.database',
+    [ErrorCodes.STORAGE]: 'routeError.titles.storage',
+    [ErrorCodes.UNHANDLED]: 'routeError.titles.unhandled'
 };
-function getErrorTitle(error) {
-    if (error instanceof BylineError) return ERROR_TITLES[error.code] ?? 'Unexpected Error';
-    return 'Unexpected Error';
+function getErrorTitle(error, t) {
+    if (error instanceof BylineError) return t(ERROR_TITLE_KEYS[error.code] ?? 'routeError.titles.unhandled');
+    return t('routeError.titles.unhandled');
 }
-function getErrorMessage(error) {
+function getErrorMessage(error, t) {
     if (error instanceof BylineError) return error.message;
     if (error instanceof Error) return error.message;
-    return 'An unexpected error occurred. Please try again.';
+    return t('routeError.defaultMessage');
 }
 function RouteError({ error, reset }) {
     const router = useRouter();
+    const { t } = useTranslation('byline-admin');
     return /*#__PURE__*/ jsx(Section, {
         className: classnames('byline-route-error', route_error_module.section),
         children: /*#__PURE__*/ jsx(Container, {
@@ -33,11 +35,11 @@ function RouteError({ error, reset }) {
                 intent: "danger",
                 icon: true,
                 close: false,
-                title: getErrorTitle(error),
+                title: getErrorTitle(error, t),
                 children: [
                     /*#__PURE__*/ jsx("p", {
                         className: classnames('byline-route-error-message', route_error_module.message),
-                        children: getErrorMessage(error)
+                        children: getErrorMessage(error, t)
                     }),
                     /*#__PURE__*/ jsxs("div", {
                         className: classnames('byline-route-error-actions', route_error_module.actions),
@@ -50,12 +52,12 @@ function RouteError({ error, reset }) {
                                     reset();
                                     router.invalidate();
                                 },
-                                children: "Try again"
+                                children: t('common.actions.tryAgain')
                             }),
                             /*#__PURE__*/ jsx("a", {
                                 href: "/",
                                 className: classnames('byline-route-error-link', route_error_module.link),
-                                children: "Go to homepage"
+                                children: t('common.actions.goToHomepage')
                             })
                         ]
                     })
@@ -65,6 +67,7 @@ function RouteError({ error, reset }) {
     });
 }
 function RouteNotFound(_props) {
+    const { t } = useTranslation('byline-admin');
     return /*#__PURE__*/ jsx(Section, {
         className: classnames('byline-route-error', route_error_module.section),
         children: /*#__PURE__*/ jsx(Container, {
@@ -73,18 +76,18 @@ function RouteNotFound(_props) {
                 intent: "warning",
                 icon: true,
                 close: false,
-                title: "Page Not Found",
+                title: t('routeError.notFound.title'),
                 children: [
                     /*#__PURE__*/ jsx("p", {
                         className: classnames('byline-route-error-message', route_error_module.message),
-                        children: "The page you are looking for does not exist or has been moved."
+                        children: t('routeError.notFound.message')
                     }),
                     /*#__PURE__*/ jsx("div", {
                         className: classnames('byline-route-error-actions', route_error_module.actions),
                         children: /*#__PURE__*/ jsx("a", {
                             href: "/",
                             className: classnames('byline-route-error-link', route_error_module.link),
-                            children: "Go to homepage"
+                            children: t('common.actions.goToHomepage')
                         })
                     })
                 ]
@@ -93,6 +96,10 @@ function RouteNotFound(_props) {
     });
 }
 function RootError({ error, reset }) {
+    function rootMessage(err) {
+        if (err instanceof Error) return err.message;
+        return 'An unexpected error occurred. Please try again.';
+    }
     return /*#__PURE__*/ jsx("div", {
         className: classnames('byline-root-error', route_error_module.rootRoot),
         children: /*#__PURE__*/ jsxs("div", {
@@ -104,7 +111,7 @@ function RootError({ error, reset }) {
                 }),
                 /*#__PURE__*/ jsx("p", {
                     className: classnames('byline-root-error-detail', route_error_module.rootDetail),
-                    children: getErrorMessage(error)
+                    children: rootMessage(error)
                 }),
                 /*#__PURE__*/ jsx("button", {
                     type: "button",

package/dist/admin-shell/chrome/sign-in-page.d.ts

@@ -5,19 +5,31 @@
  *
  * Copyright (c) Infonomic Company Limited
  */
+import type { LocaleCode } from '@byline/i18n';
 interface SignInPageProps {
     callbackUrl?: string;
+    activeLocale: LocaleCode;
 }
 /**
  * Sign-in page chrome — rendered outside the authenticated admin
  * layout (no app bar, breadcrumbs, or menu drawer). Wraps the
- * `SignInForm` from `@byline/ui` in the admin services provider so
+ * `SignInForm` from `@byline/admin` in the admin services provider so
  * the form can call `signIn` via the typed contract.
  *
+ * Mounts its own `<I18nProvider>` because the layout-level provider
+ * (the one that wraps the authenticated admin) doesn't apply here.
+ * `<LanguageMenu>` lights up automatically when two or more interface
+ * locales are configured. On change, the menu calls
+ * `setInterfaceLocaleFn` which writes the cookie unconditionally and
+ * skips the DB write on the pre-auth path (the user has no admin
+ * session yet). After sign-in succeeds, the `adminSignIn` server fn
+ * reconciles the cookie locale into the user's
+ * `admin_users.preferred_locale` so the pre-auth choice becomes
+ * sticky across devices from day one.
+ *
  * Threads the configured `serverURL` into the `SignInForm` as `homeUrl` so
  * the form's action row can render a plain "Home" link beside the submit
- * button. After admin sign-out users land back here; the link is what lets
- * them get back to the public site without typing the URL.
+ * button.
  */
-export declare function SignInPage({ callbackUrl }: SignInPageProps): import("react").JSX.Element;
+export declare function SignInPage({ callbackUrl, activeLocale }: SignInPageProps): import("react").JSX.Element;
 export {};

package/dist/admin-shell/chrome/sign-in-page.js

@@ -1,22 +1,47 @@
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { SignInForm } from "@byline/admin/auth/components/sign-in-form";
 import { BylineAdminServicesProvider } from "@byline/admin/services";
 import { getClientConfig } from "@byline/core";
+import { I18nProvider, LanguageMenu } from "@byline/i18n/react";
 import classnames from "classnames";
+import { buildLocaleDefinitions } from "../../i18n/locale-definitions.js";
 import { bylineAdminServices } from "../../integrations/byline-admin-services.js";
+import { setInterfaceLocaleFn } from "../../server-fns/i18n/index.js";
 import sign_in_page_module from "./sign-in-page.module.js";
-function SignInPage({ callbackUrl }) {
-    const { serverURL } = getClientConfig();
-    return /*#__PURE__*/ jsx(BylineAdminServicesProvider, {
-        services: bylineAdminServices,
-        children: /*#__PURE__*/ jsx("main", {
-            className: classnames('byline-sign-in-page', sign_in_page_module.main),
-            children: /*#__PURE__*/ jsx("div", {
-                className: classnames('byline-sign-in-page-inner', sign_in_page_module.inner),
-                children: /*#__PURE__*/ jsx(SignInForm, {
-                    callbackUrl: callbackUrl,
-                    homeUrl: serverURL
-                })
+function SignInPage({ callbackUrl, activeLocale }) {
+    const { i18n, serverURL } = 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__*/ jsxs("main", {
+                className: classnames('byline-sign-in-page', sign_in_page_module.main),
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        className: classnames('byline-sign-in-page-bar', sign_in_page_module.bar),
+                        children: /*#__PURE__*/ jsx(LanguageMenu, {})
+                    }),
+                    /*#__PURE__*/ jsx("div", {
+                        className: classnames('byline-sign-in-page-inner', sign_in_page_module.inner),
+                        children: /*#__PURE__*/ jsx(SignInForm, {
+                            callbackUrl: callbackUrl,
+                            homeUrl: serverURL
+                        })
+                    })
+                ]
             })
         })
     });

package/dist/admin-shell/chrome/sign-in-page.module.js

@@ -1,6 +1,7 @@
 import "./sign-in-page_module.css";
 const sign_in_page_module = {
     main: "main-Mz7TWj",
+    bar: "bar-uO4D8B",
     inner: "inner-iPyHJh"
 };
 export default sign_in_page_module;

package/dist/admin-shell/chrome/sign-in-page_module.css

@@ -1,11 +1,18 @@
 :is(.main-Mz7TWj, .byline-sign-in-page) {
   flex-direction: column;
   flex: 1;
-  align-items: center;
+  align-items: stretch;
   padding: 1.5rem;
   display: flex;
 }
 
+:is(.bar-uO4D8B, .byline-sign-in-page-bar) {
+  justify-content: flex-end;
+  align-items: center;
+  min-height: 1.75rem;
+  display: flex;
+}
+
 :is(.inner-iPyHJh, .byline-sign-in-page-inner) {
   flex-direction: column;
   align-items: center;

package/dist/admin-shell/collections/api.js

@@ -1,4 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "@byline/i18n/react";
 import { Container, Section } from "@byline/ui/react";
 import classnames from "classnames";
 import { JsonView, allExpanded, darkStyles } from "react-json-view-lite";
@@ -7,6 +8,7 @@ import { ViewMenu } from "./view-menu.js";
 import "react-json-view-lite/dist/index.css";
 const ApiView = ({ collectionDefinition, initialData, locale, depth, contentLocales, defaultContentLocale })=>{
     const { labels, path } = collectionDefinition;
+    const { t } = useTranslation('byline-admin');
     return /*#__PURE__*/ jsx(Section, {
         className: classnames('byline-api-section', api_module.section),
         children: /*#__PURE__*/ jsxs(Container, {
@@ -15,12 +17,11 @@ const ApiView = ({ collectionDefinition, initialData, locale, depth, contentLoca
                 /*#__PURE__*/ jsxs("div", {
                     className: classnames('byline-api-head', api_module.head),
                     children: [
-                        /*#__PURE__*/ jsxs("h2", {
+                        /*#__PURE__*/ jsx("h2", {
                             className: classnames('byline-api-title', api_module.title),
-                            children: [
-                                labels.singular,
-                                " API"
-                            ]
+                            children: t('collections.api.title', {
+                                label: labels.singular
+                            })
                         }),
                         /*#__PURE__*/ jsx(ViewMenu, {
                             collection: path,

package/dist/admin-shell/collections/create.js

@@ -1,11 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import { Container, FormRenderer, Section, useToastManager } from "@byline/ui/react";
+import { FormRenderer } from "@byline/admin/react";
+import { useTranslation } from "@byline/i18n/react";
+import { Container, Section, useToastManager } from "@byline/ui/react";
 import { createCollectionDocument } from "../../server-fns/collections/index.js";
 import { useNavigate } from "../chrome/loose-router.js";
 import { useTanStackNavigationGuard } from "./tanstack-navigation-guard.js";
 const CreateView = ({ collectionDefinition, adminConfig, initialData })=>{
     const toastManager = useToastManager();
+    const { t } = useTranslation('byline-admin');
     const [_createState, setCreateState] = useState({
         status: 'idle',
         message: ''
@@ -34,9 +37,14 @@ const CreateView = ({ collectionDefinition, adminConfig, initialData })=>{
             });
         } catch (err) {
             console.error(err);
+            const description = t("collections.create.errorToastDescription", {
+                label: labels.singular.toLowerCase()
+            });
             toastManager.add({
-                title: `${labels.singular} Creation`,
-                description: `An error occurred while creating ${labels.singular.toLowerCase()}`,
+                title: t('collections.create.errorToastTitle', {
+                    label: labels.singular
+                }),
+                description,
                 data: {
                     intent: 'danger',
                     iconType: 'danger',
@@ -46,7 +54,7 @@ const CreateView = ({ collectionDefinition, adminConfig, initialData })=>{
             });
             setCreateState({
                 status: 'failed',
-                message: `An error occurred while creating ${labels.singular.toLowerCase()}`
+                message: description
             });
         }
     };