@byline/host-tanstack-start 2.5.1 → 2.6.0

package/dist/admin-shell/admin-users/container.js

@@ -5,38 +5,40 @@ import { useRouter } from "@tanstack/react-router";
 import { UserRoles } from "@byline/admin/admin-users/components/roles";
 import { SetPassword } from "@byline/admin/admin-users/components/set-password";
 import { UpdateUser } from "@byline/admin/admin-users/components/update";
-import { Button, CloseIcon, Drawer, EditIcon, IconButton, LocalDateTime, Modal, useToastManager } from "@byline/ui/react";
+import { LocalDateTime } from "@byline/admin/react";
+import { useTranslation } from "@byline/i18n/react";
+import { Button, CloseIcon, Drawer, EditIcon, IconButton, Modal, useToastManager } from "@byline/ui/react";
 import classnames from "classnames";
 import container_module from "./container.module.js";
 import { DeleteUser } from "./delete.js";
-const panels = {
+const panelMeta = {
     update: {
-        title: 'Account Details',
         drawerWidth: 'medium',
-        component: UpdateUser
+        component: UpdateUser,
+        titleKey: 'adminUsers.detail.panels.update'
     },
     set_password: {
-        title: 'Set Password',
         drawerWidth: 'medium',
-        component: SetPassword
+        component: SetPassword,
+        titleKey: 'adminUsers.detail.panels.setPassword'
     },
     delete_user: {
-        title: 'Delete Admin User',
         drawerWidth: 'medium',
-        component: DeleteUser
+        component: DeleteUser,
+        titleKey: 'adminUsers.detail.panels.delete'
     },
     roles: {
-        title: 'User Roles',
         drawerWidth: 'medium',
-        component: ()=>null
+        component: ()=>null,
+        titleKey: 'adminUsers.detail.panels.roles'
     },
     empty: {
-        title: '',
         drawerWidth: 'medium',
-        component: ()=>null
+        component: ()=>null,
+        titleKey: ''
     }
 };
-function ContainerSection({ title, onEdit, children }) {
+function ContainerSection({ title, onEdit, editAriaLabel, children }) {
     return /*#__PURE__*/ jsxs("div", {
         className: classnames('byline-admin-user-section', container_module.section),
         children: [
@@ -49,7 +51,7 @@ function ContainerSection({ title, onEdit, children }) {
                     onEdit ? /*#__PURE__*/ jsx(IconButton, {
                         variant: "text",
                         onClick: onEdit,
-                        "aria-label": `Edit ${title}`,
+                        "aria-label": editAriaLabel ?? title,
                         children: /*#__PURE__*/ jsx(EditIcon, {
                             width: "20px",
                             height: "20px"
@@ -73,6 +75,7 @@ function RoleBadge({ role }) {
 function AccountContainer({ user, allRoles, initialUserRoles }) {
     const router = useRouter();
     const toastManager = useToastManager();
+    const { t } = useTranslation('byline-admin');
     const [currentUser, setCurrentUser] = useState(user);
     const [currentUserRoles, setCurrentUserRoles] = useState(initialUserRoles);
     const [current, setCurrent] = useState('empty');
@@ -101,14 +104,22 @@ function AccountContainer({ user, allRoles, initialUserRoles }) {
         setCurrentUserRoles(response.roles);
         router.invalidate();
         toastManager.add({
-            title: 'Roles saved',
-            description: `${response.roles.length} role${1 === response.roles.length ? '' : 's'} assigned to ${currentUser.email}.`,
+            title: t('adminUsers.detail.rolesSavedToast'),
+            description: t("adminUsers.detail.rolesAssignedDescription", {
+                count: response.roles.length,
+                email: currentUser.email
+            }),
             data: {
                 intent: 'success'
             }
         });
     };
-    const Panel = panels[current].component;
+    const currentMeta = panelMeta[current];
+    const Panel = currentMeta.component;
+    const currentTitle = currentMeta.titleKey ? t(currentMeta.titleKey) : '';
+    const editAriaFor = (section)=>t('account.editAriaLabel', {
+            section
+        });
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
             /*#__PURE__*/ jsxs("div", {
@@ -117,15 +128,16 @@ function AccountContainer({ user, allRoles, initialUserRoles }) {
                     /*#__PURE__*/ jsx("div", {
                         className: classnames('byline-admin-user-column', container_module.column),
                         children: /*#__PURE__*/ jsxs(ContainerSection, {
-                            title: "Account Details",
+                            title: t('adminUsers.detail.sections.account'),
                             onEdit: openDrawer('update'),
+                            editAriaLabel: editAriaFor(t('adminUsers.detail.sections.account')),
                             children: [
                                 /*#__PURE__*/ jsxs("p", {
                                     className: classnames('byline-admin-user-line', container_module.line),
                                     children: [
                                         /*#__PURE__*/ jsx("span", {
                                             className: "muted",
-                                            children: "Email:"
+                                            children: t('account.profile.emailColon')
                                         }),
                                         " ",
                                         currentUser.email
@@ -136,12 +148,12 @@ function AccountContainer({ user, allRoles, initialUserRoles }) {
                                     children: [
                                         /*#__PURE__*/ jsx("span", {
                                             className: "muted",
-                                            children: "Given name:"
+                                            children: t('account.profile.givenName')
                                         }),
                                         ' ',
                                         currentUser.given_name ?? /*#__PURE__*/ jsx("span", {
                                             className: classnames('muted byline-admin-user-not-set', container_module.notSet),
-                                            children: "Not set"
+                                            children: t('common.notSet')
                                         })
                                     ]
                                 }),
@@ -150,12 +162,12 @@ function AccountContainer({ user, allRoles, initialUserRoles }) {
                                     children: [
                                         /*#__PURE__*/ jsx("span", {
                                             className: "muted",
-                                            children: "Family name:"
+                                            children: t('account.profile.familyName')
                                         }),
                                         ' ',
                                         currentUser.family_name ?? /*#__PURE__*/ jsx("span", {
                                             className: classnames('muted byline-admin-user-not-set', container_module.notSet),
-                                            children: "Not set"
+                                            children: t('common.notSet')
                                         })
                                     ]
                                 }),
@@ -164,12 +176,12 @@ function AccountContainer({ user, allRoles, initialUserRoles }) {
                                     children: [
                                         /*#__PURE__*/ jsx("span", {
                                             className: "muted",
-                                            children: "Username:"
+                                            children: t('account.profile.username')
                                         }),
                                         ' ',
                                         currentUser.username ?? /*#__PURE__*/ jsx("span", {
                                             className: classnames('muted byline-admin-user-not-set', container_module.notSet),
-                                            children: "Not set"
+                                            children: t('common.notSet')
                                         })
                                     ]
                                 }),
@@ -178,10 +190,10 @@ function AccountContainer({ user, allRoles, initialUserRoles }) {
                                     children: [
                                         /*#__PURE__*/ jsx("span", {
                                             className: "muted",
-                                            children: "Super admin:"
+                                            children: t('account.status.superAdmin')
                                         }),
                                         ' ',
-                                        currentUser.is_super_admin ? 'Yes' : 'No'
+                                        currentUser.is_super_admin ? t('common.boolean.yes') : t('common.boolean.no')
                                     ]
                                 }),
                                 /*#__PURE__*/ jsxs("p", {
@@ -189,10 +201,10 @@ function AccountContainer({ user, allRoles, initialUserRoles }) {
                                     children: [
                                         /*#__PURE__*/ jsx("span", {
                                             className: "muted",
-                                            children: "Email verified:"
+                                            children: t('account.status.emailVerified')
                                         }),
                                         ' ',
-                                        currentUser.is_email_verified ? 'Yes' : 'No'
+                                        currentUser.is_email_verified ? t('common.boolean.yes') : t('common.boolean.no')
                                     ]
                                 }),
                                 /*#__PURE__*/ jsxs("p", {
@@ -200,7 +212,7 @@ function AccountContainer({ user, allRoles, initialUserRoles }) {
                                     children: [
                                         /*#__PURE__*/ jsx("span", {
                                             className: "muted",
-                                            children: "Status:"
+                                            children: t('account.status.status')
                                         }),
                                         ' ',
                                         /*#__PURE__*/ jsx("span", {
@@ -210,23 +222,26 @@ function AccountContainer({ user, allRoles, initialUserRoles }) {
                                                 'byline-admin-user-status-off': !currentUser.is_enabled,
                                                 [container_module.statusOff]: !currentUser.is_enabled
                                             }),
-                                            children: currentUser.is_enabled ? 'Enabled' : 'Disabled'
+                                            children: currentUser.is_enabled ? t('account.status.enabled') : t('account.status.disabled')
                                         })
                                     ]
                                 }),
                                 /*#__PURE__*/ jsx(Button, {
                                     size: "sm",
                                     onClick: openDrawer('update'),
-                                    children: "Update Details"
+                                    children: t('adminUsers.detail.updateButton')
                                 }),
                                 /*#__PURE__*/ jsxs("div", {
                                     className: classnames('muted byline-admin-user-meta', container_module.meta),
                                     children: [
                                         /*#__PURE__*/ jsxs("p", {
                                             children: [
-                                                /*#__PURE__*/ jsx("span", {
+                                                /*#__PURE__*/ jsxs("span", {
                                                     className: "font-bold",
-                                                    children: "Created:\xa0"
+                                                    children: [
+                                                        t('account.profile.created'),
+                                                        "\xa0"
+                                                    ]
                                                 }),
                                                 /*#__PURE__*/ jsx(LocalDateTime, {
                                                     value: currentUser.created_at
@@ -235,9 +250,12 @@ function AccountContainer({ user, allRoles, initialUserRoles }) {
                                         }),
                                         /*#__PURE__*/ jsxs("p", {
                                             children: [
-                                                /*#__PURE__*/ jsx("span", {
+                                                /*#__PURE__*/ jsxs("span", {
                                                     className: "font-bold",
-                                                    children: "Updated:\xa0"
+                                                    children: [
+                                                        t('account.profile.updated'),
+                                                        "\xa0"
+                                                    ]
                                                 }),
                                                 /*#__PURE__*/ jsx(LocalDateTime, {
                                                     value: currentUser.updated_at
@@ -247,13 +265,16 @@ function AccountContainer({ user, allRoles, initialUserRoles }) {
                                         /*#__PURE__*/ jsxs("p", {
                                             className: classnames('byline-admin-user-line', container_module.line),
                                             children: [
-                                                /*#__PURE__*/ jsx("span", {
+                                                /*#__PURE__*/ jsxs("span", {
                                                     className: "font-bold",
-                                                    children: "Last login:\xa0"
+                                                    children: [
+                                                        t('account.profile.lastLogin'),
+                                                        "\xa0"
+                                                    ]
                                                 }),
                                                 /*#__PURE__*/ jsx(LocalDateTime, {
                                                     value: currentUser.last_login,
-                                                    fallback: "Never"
+                                                    fallback: t('common.never')
                                                 })
                                             ]
                                         })
@@ -266,12 +287,13 @@ function AccountContainer({ user, allRoles, initialUserRoles }) {
                         className: classnames('byline-admin-user-column', container_module.column),
                         children: [
                             /*#__PURE__*/ jsxs(ContainerSection, {
-                                title: "Roles",
+                                title: t('adminUsers.detail.sections.roles'),
                                 onEdit: openDrawer('roles'),
+                                editAriaLabel: editAriaFor(t('adminUsers.detail.sections.roles')),
                                 children: [
                                     0 === currentUserRoles.length ? /*#__PURE__*/ jsx("p", {
                                         className: classnames('muted byline-admin-user-role-empty', container_module.roleEmpty),
-                                        children: "No roles assigned."
+                                        children: t('adminUsers.detail.rolesEmpty')
                                     }) : /*#__PURE__*/ jsx("div", {
                                         className: classnames('byline-admin-user-role-list', container_module.roleList),
                                         children: currentUserRoles.map((role)=>/*#__PURE__*/ jsx(RoleBadge, {
@@ -281,37 +303,38 @@ function AccountContainer({ user, allRoles, initialUserRoles }) {
                                     /*#__PURE__*/ jsx(Button, {
                                         size: "sm",
                                         onClick: openDrawer('roles'),
-                                        children: "Edit Roles"
+                                        children: t('adminUsers.detail.editRolesButton')
                                     })
                                 ]
                             }),
                             /*#__PURE__*/ jsxs(ContainerSection, {
-                                title: "Password",
+                                title: t('adminUsers.detail.sections.password'),
                                 onEdit: openDrawer('set_password'),
+                                editAriaLabel: editAriaFor(t('adminUsers.detail.sections.password')),
                                 children: [
                                     /*#__PURE__*/ jsx("p", {
                                         className: classnames('byline-admin-user-line-spaced', container_module.lineSpaced),
-                                        children: "Set a new password for this user."
+                                        children: t('adminUsers.detail.password.intro')
                                     }),
                                     /*#__PURE__*/ jsx(Button, {
                                         size: "sm",
                                         onClick: openDrawer('set_password'),
-                                        children: "Set Password"
+                                        children: t('adminUsers.detail.password.setButton')
                                     })
                                 ]
                             }),
                             /*#__PURE__*/ jsxs(ContainerSection, {
-                                title: "Delete Admin User",
+                                title: t('adminUsers.detail.sections.delete'),
                                 children: [
                                     /*#__PURE__*/ jsx("p", {
                                         className: classnames('byline-admin-user-line-spaced', container_module.lineSpaced),
-                                        children: "Permanently delete this admin user."
+                                        children: t('adminUsers.detail.delete.intro')
                                     }),
                                     /*#__PURE__*/ jsx(Button, {
                                         size: "sm",
                                         intent: "danger",
                                         onClick: openModal('delete_user'),
-                                        children: "Delete Admin User"
+                                        children: t('adminUsers.detail.delete.button')
                                     })
                                 ]
                             })
@@ -327,10 +350,10 @@ function AccountContainer({ user, allRoles, initialUserRoles }) {
                 isOpen: isDrawerOpen,
                 onDismiss: closeDrawer,
                 className: classnames({
-                    'byline-admin-user-drawer-large': 'large' === panels[current].drawerWidth,
-                    [container_module.drawerLarge]: 'large' === panels[current].drawerWidth,
-                    'byline-admin-user-drawer': 'large' !== panels[current].drawerWidth,
-                    [container_module.drawer]: 'large' !== panels[current].drawerWidth
+                    'byline-admin-user-drawer-large': 'large' === currentMeta.drawerWidth,
+                    [container_module.drawerLarge]: 'large' === currentMeta.drawerWidth,
+                    'byline-admin-user-drawer': 'large' !== currentMeta.drawerWidth,
+                    [container_module.drawer]: 'large' !== currentMeta.drawerWidth
                 }),
                 children: /*#__PURE__*/ jsxs(Drawer.Container, {
                     "aria-hidden": !isDrawerOpen,
@@ -345,7 +368,7 @@ function AccountContainer({ user, allRoles, initialUserRoles }) {
                                     children: "no action"
                                 }),
                                 /*#__PURE__*/ jsx(IconButton, {
-                                    "aria-label": "Close",
+                                    "aria-label": t('common.actions.close'),
                                     size: "sm",
                                     onClick: closeDrawer,
                                     children: /*#__PURE__*/ jsx(CloseIcon, {
@@ -358,7 +381,7 @@ function AccountContainer({ user, allRoles, initialUserRoles }) {
                         }),
                         /*#__PURE__*/ jsx(Drawer.Header, {
                             children: /*#__PURE__*/ jsx("h2", {
-                                children: panels[current].title
+                                children: currentTitle
                             })
                         }),
                         /*#__PURE__*/ jsx(Drawer.Content, {
@@ -392,10 +415,10 @@ function AccountContainer({ user, allRoles, initialUserRoles }) {
                             children: [
                                 /*#__PURE__*/ jsx("h3", {
                                     className: "m-0",
-                                    children: panels[current].title
+                                    children: currentTitle
                                 }),
                                 /*#__PURE__*/ jsx(IconButton, {
-                                    "aria-label": "Close",
+                                    "aria-label": t('common.actions.close'),
                                     size: "sm",
                                     onClick: closeModal,
                                     children: /*#__PURE__*/ jsx(CloseIcon, {

package/dist/admin-shell/admin-users/delete.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 { deleteAdminUser } from "../../server-fns/admin-users/index.js";
@@ -17,6 +18,7 @@ function displayNameFor(user) {
 function DeleteUser({ user, onClose }) {
     const navigate = useNavigate();
     const router = useRouter();
+    const { t } = useTranslation('byline-admin');
     const [error, setError] = useState(null);
     const [pending, setPending] = useState(false);
     async function handleDelete() {
@@ -37,9 +39,9 @@ function DeleteUser({ user, onClose }) {
             });
         } catch (err) {
             const code = getErrorCode(err);
-            if ('admin.users.selfDeleteForbidden' === code) setError('You cannot delete your own admin account.');
-            else if ('admin.users.versionConflict' === code) setError('This user has been modified elsewhere since you opened this dialog. Close and reload before trying again.');
-            else 'admin.users.notFound' === code ? setError('This user has already been deleted.') : setError('Could not delete this admin user. Please try again.');
+            if ('admin.users.selfDeleteForbidden' === code) setError(t('adminUsers.delete.errors.selfDelete'));
+            else if ('admin.users.versionConflict' === code) setError(t('adminUsers.delete.errors.versionConflict'));
+            else 'admin.users.notFound' === code ? setError(t('adminUsers.delete.errors.notFound')) : setError(t('adminUsers.delete.errors.fallback'));
             setPending(false);
         }
     }
@@ -59,7 +61,7 @@ function DeleteUser({ user, onClose }) {
                         children: [
                             /*#__PURE__*/ jsx("span", {
                                 className: "muted",
-                                children: "User:"
+                                children: t('adminUsers.delete.userLabel')
                             }),
                             " ",
                             displayNameFor(user)
@@ -70,7 +72,7 @@ function DeleteUser({ user, onClose }) {
                         children: [
                             /*#__PURE__*/ jsx("span", {
                                 className: "muted",
-                                children: "Email:"
+                                children: t('adminUsers.delete.emailLabel')
                             }),
                             " ",
                             user.email
@@ -78,7 +80,7 @@ function DeleteUser({ user, onClose }) {
                     }),
                     /*#__PURE__*/ jsx("p", {
                         className: classnames('byline-admin-user-delete-warning', delete_module.warning),
-                        children: "This will permanently delete the admin user. The action cannot be undone. Any active sessions will be invalidated at the next refresh."
+                        children: t('adminUsers.delete.warning')
                     })
                 ]
             }),
@@ -92,7 +94,7 @@ function DeleteUser({ user, onClose }) {
                         onClick: onClose,
                         disabled: pending,
                         className: classnames('byline-admin-user-delete-button', delete_module.button),
-                        children: "Cancel"
+                        children: t('common.actions.cancel')
                     }),
                     /*#__PURE__*/ jsx(Button, {
                         size: "sm",
@@ -102,7 +104,7 @@ function DeleteUser({ user, onClose }) {
                         className: classnames('byline-admin-user-delete-button', delete_module.button),
                         children: true === pending ? /*#__PURE__*/ jsx(LoaderEllipsis, {
                             size: 42
-                        }) : 'Delete User'
+                        }) : t('adminUsers.delete.confirmButton')
                     })
                 ]
             })

package/dist/admin-shell/admin-users/list.js

@@ -1,19 +1,21 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
+import { useMemo, useState } from "react";
 import { useRouter, useRouterState } from "@tanstack/react-router";
 import { CreateAdminUser } from "@byline/admin/admin-users/components/create";
-import { CloseIcon, Container, Drawer, IconButton, LocalDateTime, PlusIcon, Search, Section, Select, Table, useToastManager } from "@byline/ui/react";
+import { LocalDateTime } from "@byline/admin/react";
+import { useTranslation } from "@byline/i18n/react";
+import { CloseIcon, Container, Drawer, IconButton, PlusIcon, Search, Section, Select, Table, useToastManager } from "@byline/ui/react";
 import classnames from "classnames";
 import { Link, useNavigate } from "../chrome/loose-router.js";
 import { RouterPager } from "../chrome/router-pager.js";
 import { TableHeadingCellSortable } from "../chrome/th-sortable.js";
 import { formatNumber } from "../chrome/utils.js";
 import list_module from "./list.module.js";
-const tableColumnDefs = [
+const columnTemplates = [
     {
         fieldName: 'given_name',
-        label: 'Given Name',
+        labelKey: 'adminUsers.list.columns.givenName',
         path: '/admin/users',
         sortable: true,
         scope: 'col',
@@ -22,7 +24,7 @@ const tableColumnDefs = [
     },
     {
         fieldName: 'family_name',
-        label: 'Family Name',
+        labelKey: 'adminUsers.list.columns.familyName',
         path: '/admin/users',
         sortable: true,
         scope: 'col',
@@ -31,7 +33,7 @@ const tableColumnDefs = [
     },
     {
         fieldName: 'email',
-        label: 'Email',
+        labelKey: 'adminUsers.list.columns.email',
         path: '/admin/users',
         sortable: true,
         scope: 'col',
@@ -40,7 +42,7 @@ const tableColumnDefs = [
     },
     {
         fieldName: 'updated_at',
-        label: 'Updated',
+        labelKey: 'adminUsers.list.columns.updated',
         path: '/admin/users',
         sortable: true,
         scope: 'col',
@@ -49,7 +51,7 @@ const tableColumnDefs = [
     },
     {
         fieldName: 'created_at',
-        label: 'Created',
+        labelKey: 'adminUsers.list.columns.created',
         path: '/admin/users',
         sortable: true,
         scope: 'col',
@@ -78,14 +80,21 @@ function AdminUsersListView({ data }) {
     const pathname = useRouterState({
         select: (s)=>s.location.pathname
     });
+    const { t } = useTranslation('byline-admin');
     const [isCreateDrawerOpen, setIsCreateDrawerOpen] = useState(false);
+    const tableColumnDefs = useMemo(()=>columnTemplates.map(({ labelKey, ...rest })=>({
+                ...rest,
+                label: t(labelKey)
+            })), [
+        t
+    ]);
     const openCreateDrawer = ()=>setIsCreateDrawerOpen(true);
     const closeCreateDrawer = ()=>setIsCreateDrawerOpen(false);
     const handleCreateSuccess = (created)=>{
         setIsCreateDrawerOpen(false);
         router.invalidate();
         toastManager.add({
-            title: 'Admin user created',
+            title: t('adminUsers.list.createdToastTitle'),
             description: created.email,
             data: {
                 intent: 'success'
@@ -134,13 +143,13 @@ function AdminUsersListView({ data }) {
                         children: [
                             /*#__PURE__*/ jsx("h1", {
                                 className: classnames('byline-admin-users-list-title', list_module.title),
-                                children: "Admin Users"
+                                children: t('adminUsers.list.title')
                             }),
                             /*#__PURE__*/ jsx(Stats, {
                                 total: data.meta.total
                             }),
                             /*#__PURE__*/ jsx(IconButton, {
-                                "aria-label": "Create New Admin User",
+                                "aria-label": t('adminUsers.list.createAriaLabel'),
                                 onClick: openCreateDrawer,
                                 children: /*#__PURE__*/ jsx(PlusIcon, {
                                     height: "18px",
@@ -157,7 +166,7 @@ function AdminUsersListView({ data }) {
                                 onSearch: handleOnSearch,
                                 onClear: handleOnClear,
                                 inputSize: "sm",
-                                placeholder: "Search by name or email",
+                                placeholder: t('adminUsers.list.searchPlaceholder'),
                                 className: classnames('byline-admin-users-list-search', list_module.search)
                             }),
                             /*#__PURE__*/ jsx(RouterPager, {
@@ -166,7 +175,7 @@ function AdminUsersListView({ data }) {
                                 showFirstButton: true,
                                 showLastButton: true,
                                 componentName: "pagerTop",
-                                "aria-label": "Top Pager"
+                                "aria-label": t('adminUsers.list.pagerTopAriaLabel')
                             })
                         ]
                     }),
@@ -198,14 +207,14 @@ function AdminUsersListView({ data }) {
                                                             },
                                                             children: user.given_name ?? /*#__PURE__*/ jsx("span", {
                                                                 className: classnames('muted byline-admin-users-list-not-set', list_module.notSet),
-                                                                children: "Not set"
+                                                                children: t('common.notSet')
                                                             })
                                                         })
                                                     }),
                                                     /*#__PURE__*/ jsx(Table.Cell, {
                                                         children: user.family_name ?? /*#__PURE__*/ jsx("span", {
                                                             className: classnames('muted byline-admin-users-list-not-set', list_module.notSet),
-                                                            children: "Not set"
+                                                            children: t('common.notSet')
                                                         })
                                                     }),
                                                     /*#__PURE__*/ jsx(Table.Cell, {
@@ -267,7 +276,7 @@ function AdminUsersListView({ data }) {
                                 showFirstButton: true,
                                 showLastButton: true,
                                 componentName: "pagerBottom",
-                                "aria-label": "Bottom Pager"
+                                "aria-label": t('adminUsers.list.pagerBottomAriaLabel')
                             })
                         ]
                     })
@@ -294,7 +303,7 @@ function AdminUsersListView({ data }) {
                                     children: "no action"
                                 }),
                                 /*#__PURE__*/ jsx(IconButton, {
-                                    "aria-label": "Close",
+                                    "aria-label": t('common.actions.close'),
                                     size: "sm",
                                     onClick: closeCreateDrawer,
                                     children: /*#__PURE__*/ jsx(CloseIcon, {
@@ -307,7 +316,7 @@ function AdminUsersListView({ data }) {
                         }),
                         /*#__PURE__*/ jsx(Drawer.Header, {
                             children: /*#__PURE__*/ jsx("h2", {
-                                children: "New Admin User"
+                                children: t('adminUsers.list.newDrawerTitle')
                             })
                         }),
                         /*#__PURE__*/ jsx(Drawer.Content, {

package/dist/admin-shell/chrome/admin-app-bar.js

@@ -1,6 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
+import { LanguageMenu, useTranslation } from "@byline/i18n/react";
 import { Button } from "@byline/ui/react";
 import classnames from "classnames";
 import { adminSignOut } from "../../server-fns/auth/index.js";
@@ -17,6 +18,7 @@ function displayNameFor(user) {
 }
 function AdminAppBar({ user }) {
     const { breadCrumbSettings } = useBreadcrumbs();
+    const { t } = useTranslation('byline-admin');
     const [signingOut, setSigningOut] = useState(false);
     async function handleSignOut() {
         if (signingOut) return;
@@ -45,10 +47,11 @@ function AdminAppBar({ user }) {
             /*#__PURE__*/ jsxs("div", {
                 className: classnames('byline-admin-app-bar-right', admin_app_bar_module.right),
                 children: [
+                    /*#__PURE__*/ jsx(LanguageMenu, {}),
                     /*#__PURE__*/ jsxs("span", {
                         className: classnames('byline-admin-app-bar-user', admin_app_bar_module.user),
                         children: [
-                            "Signed in as",
+                            t('chrome.appBar.signedInAs'),
                             ' ',
                             /*#__PURE__*/ jsx("span", {
                                 className: classnames('byline-admin-app-bar-user-name', admin_app_bar_module.userName),
@@ -61,7 +64,7 @@ function AdminAppBar({ user }) {
                         intent: "secondary",
                         onClick: handleSignOut,
                         disabled: signingOut,
-                        children: signingOut ? 'Signing out…' : 'Sign out'
+                        children: signingOut ? t('common.actions.signingOut') : t('common.actions.signOut')
                     })
                 ]
             })