@byline/host-tanstack-start 3.21.0 → 4.1.0

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

@@ -5,6 +5,7 @@ import { getClientConfig } from "@byline/core";
 import { useTranslation } from "@byline/i18n/react";
 import { Button, Container, Section, Select, Table } from "@byline/ui/react";
 import classnames from "classnames";
+import { getAdminRoutePath } from "../../routes/admin-path.js";
 import { Link, useNavigate } from "../chrome/loose-router.js";
 import { RouterPager } from "../chrome/router-pager.js";
 import list_module from "./list.module.js";
@@ -14,7 +15,11 @@ const ACTION_KEYS = {
     'document.path.changed': 'activity.actions.pathChanged',
     'document.locales.changed': 'activity.actions.localesChanged',
     'document.status.changed': 'activity.actions.statusChanged',
-    'document.deleted': 'activity.actions.deleted'
+    'document.deleted': 'activity.actions.deleted',
+    'document.tree.placed': 'activity.actions.treePlaced',
+    'document.tree.reparented': 'activity.actions.treeReparented',
+    'document.tree.reordered': 'activity.actions.treeReordered',
+    'document.tree.removed': 'activity.actions.treeRemoved'
 };
 const ACTION_FILTER_VALUES = [
     'document.created',
@@ -22,11 +27,16 @@ const ACTION_FILTER_VALUES = [
     'document.status.changed',
     'document.path.changed',
     'document.locales.changed',
-    'document.deleted'
+    'document.deleted',
+    'document.tree.placed',
+    'document.tree.reparented',
+    'document.tree.reordered',
+    'document.tree.removed'
 ];
 function formatAuditValue(value) {
     if (null == value) return '—';
     if (Array.isArray(value)) return value.length > 0 ? value.join(', ') : '—';
+    if ('object' == typeof value) return JSON.stringify(value);
     return String(value);
 }
 const ActivitySystemView = ({ data })=>{
@@ -44,7 +54,7 @@ const ActivitySystemView = ({ data })=>{
         if ('_all' === value) params[key] = void 0;
         else params[key] = value;
         navigate({
-            to: '/admin/activity',
+            to: getAdminRoutePath('activity'),
             search: params
         });
     };
@@ -106,7 +116,7 @@ const ActivitySystemView = ({ data })=>{
                             size: "sm",
                             variant: "text",
                             onClick: ()=>navigate({
-                                    to: '/admin/activity',
+                                    to: getAdminRoutePath('activity'),
                                     search: {}
                                 }),
                             children: t('activity.filters.clear')
@@ -170,7 +180,7 @@ const ActivitySystemView = ({ data })=>{
                                             }),
                                             /*#__PURE__*/ jsx(Table.Cell, {
                                                 children: null != col && null != entry.documentId ? /*#__PURE__*/ jsx(Link, {
-                                                    to: '/admin/collections/$collection/$id',
+                                                    to: getAdminRoutePath('collections', '$collection', '$id'),
                                                     params: {
                                                         collection: col.path,
                                                         id: entry.documentId

package/dist/admin-shell/admin-roles/delete.js

@@ -5,6 +5,7 @@ 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 { getAdminRoutePath } from "../../routes/admin-path.js";
 import { deleteAdminRole } from "../../server-fns/admin-roles/index.js";
 import { useNavigate } from "../chrome/loose-router.js";
 import delete_module from "./delete.module.js";
@@ -28,7 +29,7 @@ function DeleteRole({ role, onClose }) {
             onClose?.();
             await router.invalidate();
             navigate({
-                to: '/admin/roles'
+                to: getAdminRoutePath('roles')
             });
         } catch (err) {
             const code = getErrorCode(err);

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

@@ -7,6 +7,7 @@ import { LocalDateTime } from "@byline/admin/react";
 import { useTranslation } from "@byline/i18n/react";
 import { Button, CloseIcon, Container, DraggableSortable, Drawer, GripperVerticalIcon, IconButton, LoaderEllipsis, PlusIcon, Section, Table, moveItem, useSortable, useToastManager } from "@byline/ui/react";
 import classnames from "classnames";
+import { getAdminRoutePath } from "../../routes/admin-path.js";
 import { reorderAdminRoles } from "../../server-fns/admin-roles/reorder.js";
 import { Link } from "../chrome/loose-router.js";
 import { formatNumber } from "../chrome/utils.js";
@@ -46,7 +47,7 @@ const DraggableRow = ({ item, disabled })=>{
             }),
             /*#__PURE__*/ jsx(Table.Cell, {
                 children: /*#__PURE__*/ jsx(Link, {
-                    to: '/admin/roles/$id',
+                    to: getAdminRoutePath('roles', '$id'),
                     params: {
                         id: item.id
                     },

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

@@ -5,6 +5,7 @@ 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 { getAdminRoutePath } from "../../routes/admin-path.js";
 import { deleteAdminUser } from "../../server-fns/admin-users/index.js";
 import { useNavigate } from "../chrome/loose-router.js";
 import delete_module from "./delete.module.js";
@@ -35,7 +36,7 @@ function DeleteUser({ user, onClose }) {
             onClose?.();
             await router.invalidate();
             navigate({
-                to: '/admin/users'
+                to: getAdminRoutePath('users')
             });
         } catch (err) {
             const code = getErrorCode(err);

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

@@ -7,6 +7,7 @@ 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 { getAdminRoutePath } from "../../routes/admin-path.js";
 import { Link, useNavigate } from "../chrome/loose-router.js";
 import { RouterPager } from "../chrome/router-pager.js";
 import { TableHeadingCellSortable } from "../chrome/th-sortable.js";
@@ -16,7 +17,6 @@ const columnTemplates = [
     {
         fieldName: 'given_name',
         labelKey: 'adminUsers.list.columns.givenName',
-        path: '/admin/users',
         sortable: true,
         scope: 'col',
         align: 'left',
@@ -25,7 +25,6 @@ const columnTemplates = [
     {
         fieldName: 'family_name',
         labelKey: 'adminUsers.list.columns.familyName',
-        path: '/admin/users',
         sortable: true,
         scope: 'col',
         align: 'left',
@@ -34,7 +33,6 @@ const columnTemplates = [
     {
         fieldName: 'email',
         labelKey: 'adminUsers.list.columns.email',
-        path: '/admin/users',
         sortable: true,
         scope: 'col',
         align: 'left',
@@ -43,7 +41,6 @@ const columnTemplates = [
     {
         fieldName: 'updated_at',
         labelKey: 'adminUsers.list.columns.updated',
-        path: '/admin/users',
         sortable: true,
         scope: 'col',
         align: 'right',
@@ -52,7 +49,6 @@ const columnTemplates = [
     {
         fieldName: 'created_at',
         labelKey: 'adminUsers.list.columns.created',
-        path: '/admin/users',
         sortable: true,
         scope: 'col',
         align: 'right',
@@ -84,7 +80,8 @@ function AdminUsersListView({ data }) {
     const [isCreateDrawerOpen, setIsCreateDrawerOpen] = useState(false);
     const tableColumnDefs = useMemo(()=>columnTemplates.map(({ labelKey, ...rest })=>({
                 ...rest,
-                label: t(labelKey)
+                label: t(labelKey),
+                path: getAdminRoutePath('users')
             })), [
         t
     ]);
@@ -201,7 +198,7 @@ function AdminUsersListView({ data }) {
                                                 children: [
                                                     /*#__PURE__*/ jsx(Table.Cell, {
                                                         children: /*#__PURE__*/ jsx(Link, {
-                                                            to: '/admin/users/$id',
+                                                            to: getAdminRoutePath('users', '$id'),
                                                             params: {
                                                                 id: user.id
                                                             },

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

@@ -4,6 +4,7 @@ import { useState } from "react";
 import { LanguageMenu, useTranslation } from "@byline/i18n/react";
 import { Button } from "@byline/ui/react";
 import classnames from "classnames";
+import { getSignInRoutePath } from "../../routes/sign-in-path.js";
 import { adminSignOut } from "../../server-fns/auth/index.js";
 import admin_app_bar_module from "./admin-app-bar.module.js";
 import { AdminDrawerToggle } from "./admin-drawer-toggle.js";
@@ -29,7 +30,7 @@ function AdminAppBar({ user }) {
         } catch (err) {
             console.warn('sign-out request failed', err);
         }
-        window.location.assign('/sign-in');
+        window.location.assign(getSignInRoutePath());
     }
     return /*#__PURE__*/ jsxs("header", {
         className: classnames('byline-admin-app-bar', admin_app_bar_module.header),

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

@@ -9,13 +9,14 @@ import { ActivityIcon, HomeIcon, RolesIcon, SettingsSlidersIcon, Tooltip, UserIc
 import classnames from "classnames";
 import { useSwipeable } from "react-swipeable";
 import { useAbilities } from "../../integrations/abilities.js";
+import { getAdminRoutePath, isAdminRoutePathActive, isRoutePathWithin } from "../../routes/admin-path.js";
 import admin_menu_drawer_module from "./admin-menu-drawer.module.js";
 import { useAdminMenu } from "./admin-menu-provider.js";
 import { Link } from "./loose-router.js";
 import { PreviewToggle } from "./preview-toggle.js";
 const isActive = (currentPath, linkHref)=>{
-    if ('/admin' === linkHref) return '/admin' === currentPath;
-    return currentPath.startsWith(linkHref);
+    if (linkHref === getAdminRoutePath()) return isAdminRoutePathActive(currentPath);
+    return isRoutePathWithin(currentPath, linkHref);
 };
 function MenuItem({ to, label, icon, pathname, compact }) {
     const iconSpan = /*#__PURE__*/ jsx("span", {
@@ -84,7 +85,7 @@ function AdminMenuDrawer() {
             children: /*#__PURE__*/ jsxs("ul", {
                 children: [
                     /*#__PURE__*/ jsx(MenuItem, {
-                        to: "/admin",
+                        to: getAdminRoutePath(),
                         label: t('chrome.menu.dashboard'),
                         icon: /*#__PURE__*/ jsx(HomeIcon, {
                             width: "20px",
@@ -99,7 +100,7 @@ function AdminMenuDrawer() {
                                 className: "menu-separator"
                             }),
                             canReadUsers && /*#__PURE__*/ jsx(MenuItem, {
-                                to: "/admin/users",
+                                to: getAdminRoutePath('users'),
                                 label: t('chrome.menu.adminUsers'),
                                 icon: /*#__PURE__*/ jsx(UsersIcon, {
                                     width: "20px",
@@ -109,7 +110,7 @@ function AdminMenuDrawer() {
                                 compact: compact
                             }),
                             canReadRoles && /*#__PURE__*/ jsx(MenuItem, {
-                                to: "/admin/roles",
+                                to: getAdminRoutePath('roles'),
                                 label: t('chrome.menu.adminRoles'),
                                 icon: /*#__PURE__*/ jsx(RolesIcon, {
                                     width: "20px",
@@ -119,7 +120,7 @@ function AdminMenuDrawer() {
                                 compact: compact
                             }),
                             canReadPermissions && /*#__PURE__*/ jsx(MenuItem, {
-                                to: "/admin/permissions",
+                                to: getAdminRoutePath('permissions'),
                                 label: t('chrome.menu.permissions'),
                                 icon: /*#__PURE__*/ jsx(SettingsSlidersIcon, {
                                     width: "20px",
@@ -129,7 +130,7 @@ function AdminMenuDrawer() {
                                 compact: compact
                             }),
                             canReadActivity && /*#__PURE__*/ jsx(MenuItem, {
-                                to: "/admin/activity",
+                                to: getAdminRoutePath('activity'),
                                 label: t('chrome.menu.activity'),
                                 icon: /*#__PURE__*/ jsx(ActivityIcon, {
                                     width: "20px",
@@ -147,7 +148,7 @@ function AdminMenuDrawer() {
                         compact: compact
                     }),
                     /*#__PURE__*/ jsx(MenuItem, {
-                        to: "/admin/account",
+                        to: getAdminRoutePath('account'),
                         label: t('chrome.account'),
                         icon: /*#__PURE__*/ jsx(UserIcon, {}),
                         pathname: pathname,

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

@@ -2,10 +2,11 @@
 import { jsx } from "react/jsx-runtime";
 import { createContext, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { useRouterState } from "@tanstack/react-router";
+import { isAdminRoutePathActive } from "../../routes/admin-path.js";
 import { useMediaQuery } from "./use-media-query.js";
 const MenuContext = /*#__PURE__*/ createContext(void 0);
 function isWideRoute(pathname) {
-    return pathname.startsWith('/admin/collections');
+    return isAdminRoutePathActive(pathname, 'collections');
 }
 function AdminMenuProvider({ children }) {
     const pathname = useRouterState({

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

@@ -3,6 +3,7 @@ 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 { getAdminRoutePath } from "../../routes/admin-path.js";
 import dashboard_module from "./dashboard.module.js";
 import { Link } from "./loose-router.js";
 const TILE_MODIFIER = {
@@ -29,7 +30,7 @@ function tileModifier(name) {
 function StatTile({ ws, count, collectionPath }) {
     const modifier = tileModifier(ws.name);
     return /*#__PURE__*/ jsxs(Link, {
-        to: '/admin/collections/$collection',
+        to: getAdminRoutePath('collections', '$collection'),
         params: {
             collection: collectionPath
         },
@@ -63,7 +64,7 @@ function AdminDashboard({ statsMap }) {
                     return /*#__PURE__*/ jsxs(Card, {
                         children: [
                             /*#__PURE__*/ jsx(Link, {
-                                to: '/admin/collections/$collection',
+                                to: getAdminRoutePath('collections', '$collection'),
                                 params: {
                                     collection: collection.path
                                 },
@@ -109,7 +110,7 @@ function AdminDashboard({ statsMap }) {
                                         }, ws.name);
                                     })
                                 }) : /*#__PURE__*/ jsx(Link, {
-                                    to: '/admin/collections/$collection',
+                                    to: getAdminRoutePath('collections', '$collection'),
                                     params: {
                                         collection: collection.path
                                     },

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

@@ -7,7 +7,7 @@
  */
 import type { LocaleCode } from '@byline/i18n';
 interface SignInPageProps {
-    callbackUrl?: string;
+    redirectTo: string;
     activeLocale: LocaleCode;
 }
 /**
@@ -31,5 +31,5 @@ interface SignInPageProps {
  * the form's action row can render a plain "Home" link beside the submit
  * button.
  */
-export declare function SignInPage({ callbackUrl, activeLocale }: SignInPageProps): import("react").JSX.Element;
+export declare function SignInPage({ redirectTo, activeLocale }: SignInPageProps): import("react").JSX.Element;
 export {};

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

@@ -8,7 +8,7 @@ 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, activeLocale }) {
+function SignInPage({ redirectTo, activeLocale }) {
     const { i18n, serverURL } = getClientConfig();
     const localeDefinitions = buildLocaleDefinitions(i18n.interface.locales, i18n.interface.localeDefinitions);
     const handleSetLocale = async (next)=>{
@@ -37,7 +37,7 @@ function SignInPage({ callbackUrl, activeLocale }) {
                     /*#__PURE__*/ jsx("div", {
                         className: classnames('byline-sign-in-page-inner', sign_in_page_module.inner),
                         children: /*#__PURE__*/ jsx(SignInForm, {
-                            callbackUrl: callbackUrl,
+                            redirectTo: redirectTo,
                             homeUrl: serverURL
                         })
                     })

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

@@ -3,6 +3,7 @@ import { useState } from "react";
 import { FormRenderer } from "@byline/admin/react";
 import { useTranslation } from "@byline/i18n/react";
 import { Container, Section, useToastManager } from "@byline/ui/react";
+import { getAdminRoutePath } from "../../routes/admin-path.js";
 import { createCollectionDocument } from "../../server-fns/collections/index.js";
 import { useNavigate } from "../chrome/loose-router.js";
 import { useTanStackNavigationGuard } from "./tanstack-navigation-guard.js";
@@ -30,7 +31,7 @@ const CreateView = ({ collectionDefinition, adminConfig, initialData })=>{
                 }
             });
             result?.documentId ? navigate({
-                to: '/admin/collections/$collection/$id',
+                to: getAdminRoutePath('collections', '$collection', '$id'),
                 params: {
                     collection: path,
                     id: result.documentId
@@ -39,7 +40,7 @@ const CreateView = ({ collectionDefinition, adminConfig, initialData })=>{
                     action: 'created'
                 }
             }) : navigate({
-                to: '/admin/collections/$collection',
+                to: getAdminRoutePath('collections', '$collection'),
                 params: {
                     collection: path
                 },
@@ -84,7 +85,7 @@ const CreateView = ({ collectionDefinition, adminConfig, initialData })=>{
                 headingLabel: labels.singular,
                 useNavigationGuard: useTanStackNavigationGuard,
                 onCancel: ()=>navigate({
-                        to: '/admin/collections/$collection',
+                        to: getAdminRoutePath('collections', '$collection'),
                         params: {
                             collection: path
                         }

package/dist/admin-shell/collections/document-history.js

@@ -7,11 +7,16 @@ const ACTION_KEYS = {
     'document.path.changed': 'collections.documentHistory.actionPathChanged',
     'document.locales.changed': 'collections.documentHistory.actionLocalesChanged',
     'document.status.changed': 'collections.documentHistory.actionStatusChanged',
-    'document.deleted': 'collections.documentHistory.actionDeleted'
+    'document.deleted': 'collections.documentHistory.actionDeleted',
+    'document.tree.placed': 'collections.documentHistory.actionTreePlaced',
+    'document.tree.reparented': 'collections.documentHistory.actionTreeReparented',
+    'document.tree.reordered': 'collections.documentHistory.actionTreeReordered',
+    'document.tree.removed': 'collections.documentHistory.actionTreeRemoved'
 };
 function formatAuditValue(value) {
     if (null == value) return '—';
     if (Array.isArray(value)) return value.length > 0 ? value.join(', ') : '—';
+    if ('object' == typeof value) return JSON.stringify(value);
     return String(value);
 }
 const DocumentHistoryView = ({ data })=>{

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

@@ -4,7 +4,8 @@ import { FormRenderer } from "@byline/admin/react";
 import { getDefaultStatus, getWorkflowStatuses } from "@byline/core";
 import { useTranslation } from "@byline/i18n/react";
 import { Container, Section, useToastManager } from "@byline/ui/react";
-import { copyDocumentToLocale, deleteDocument, deleteDocumentLocale, duplicateCollectionDocument, unpublishDocument, updateCollectionDocumentSystemFields, updateCollectionDocumentWithPatches, updateDocumentStatus } from "../../server-fns/collections/index.js";
+import { getAdminRoutePath } from "../../routes/admin-path.js";
+import { copyDocumentToLocale, deleteDocument, deleteDocumentLocale, duplicateCollectionDocument, hasDeleteSideEffectFailures, unpublishDocument, updateCollectionDocumentSystemFields, updateCollectionDocumentWithPatches, updateDocumentStatus } from "../../server-fns/collections/index.js";
 import { useNavigate } from "../chrome/loose-router.js";
 import { useTanStackNavigationGuard } from "./tanstack-navigation-guard.js";
 import { ViewMenu } from "./view-menu.js";
@@ -25,7 +26,7 @@ const EditView = ({ collectionDefinition, adminConfig, initialData, locale, cont
     const nextStatus = -1 !== currentIndex && currentIndex < workflowStatuses.length - 1 ? workflowStatuses[currentIndex + 1] : void 0;
     const handleLocaleChange = (newLocale)=>{
         navigate({
-            to: '/admin/collections/$collection/$id',
+            to: getAdminRoutePath('collections', '$collection', '$id'),
             params: {
                 collection: path,
                 id: String(initialData.id)
@@ -64,7 +65,7 @@ const EditView = ({ collectionDefinition, adminConfig, initialData, locale, cont
                 message: description
             });
             navigate({
-                to: '/admin/collections/$collection/$id',
+                to: getAdminRoutePath('collections', '$collection', '$id'),
                 params: {
                     collection: path,
                     id: String(initialData.id)
@@ -124,7 +125,7 @@ const EditView = ({ collectionDefinition, adminConfig, initialData, locale, cont
                 message: description
             });
             navigate({
-                to: '/admin/collections/$collection/$id',
+                to: getAdminRoutePath('collections', '$collection', '$id'),
                 params: {
                     collection: path,
                     id: String(initialData.id)
@@ -188,7 +189,7 @@ const EditView = ({ collectionDefinition, adminConfig, initialData, locale, cont
                 })
             });
             navigate({
-                to: '/admin/collections/$collection/$id',
+                to: getAdminRoutePath('collections', '$collection', '$id'),
                 params: {
                     collection: path,
                     id: result.documentId
@@ -258,7 +259,7 @@ const EditView = ({ collectionDefinition, adminConfig, initialData, locale, cont
                 })
             });
             navigate({
-                to: '/admin/collections/$collection/$id',
+                to: getAdminRoutePath('collections', '$collection', '$id'),
                 params: {
                     collection: path,
                     id: String(initialData.id)
@@ -321,7 +322,7 @@ const EditView = ({ collectionDefinition, adminConfig, initialData, locale, cont
                 message: description
             });
             navigate({
-                to: '/admin/collections/$collection/$id',
+                to: getAdminRoutePath('collections', '$collection', '$id'),
                 params: {
                     collection: path,
                     id: String(initialData.id)
@@ -355,13 +356,16 @@ const EditView = ({ collectionDefinition, adminConfig, initialData, locale, cont
     };
     const handleDelete = async ()=>{
         try {
-            await deleteDocument({
+            const result = await deleteDocument({
                 data: {
                     collection: path,
                     id: String(initialData.id)
                 }
             });
-            const description = t("collections.edit.deletedDescription", {
+            const hasSideEffectFailures = hasDeleteSideEffectFailures(result);
+            const description = hasSideEffectFailures ? t("collections.edit.deletedWithWarningsDescription", {
+                label: singular
+            }) : t("collections.edit.deletedDescription", {
                 label: singular
             });
             toastManager.add({
@@ -370,8 +374,8 @@ const EditView = ({ collectionDefinition, adminConfig, initialData, locale, cont
                 }),
                 description,
                 data: {
-                    intent: 'success',
-                    iconType: 'success',
+                    intent: hasSideEffectFailures ? 'warning' : 'success',
+                    iconType: hasSideEffectFailures ? 'warning' : 'success',
                     icon: true,
                     close: true
                 }
@@ -381,7 +385,7 @@ const EditView = ({ collectionDefinition, adminConfig, initialData, locale, cont
                 message: description
             });
             navigate({
-                to: '/admin/collections/$collection',
+                to: getAdminRoutePath('collections', '$collection'),
                 params: {
                     collection: path
                 }
@@ -453,7 +457,7 @@ const EditView = ({ collectionDefinition, adminConfig, initialData, locale, cont
                 message: description
             });
             navigate({
-                to: '/admin/collections/$collection/$id',
+                to: getAdminRoutePath('collections', '$collection', '$id'),
                 params: {
                     collection: path,
                     id: String(initialData.id)
@@ -523,7 +527,7 @@ const EditView = ({ collectionDefinition, adminConfig, initialData, locale, cont
                 nextStatus: nextStatus,
                 workflowStatuses: workflowStatuses,
                 onCancel: ()=>navigate({
-                        to: '/admin/collections/$collection',
+                        to: getAdminRoutePath('collections', '$collection'),
                         params: {
                             collection: path
                         }

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

@@ -6,6 +6,7 @@ import { useBylineAdminServices } from "@byline/admin/services";
 import { useTranslation } from "@byline/i18n/react";
 import { Button, CloseIcon, Container, IconButton, Modal, Section, Select, Table } from "@byline/ui/react";
 import classnames from "classnames";
+import { getAdminRouteId, getAdminRoutePath } from "../../routes/admin-path.js";
 import { Link, useNavigate } from "../chrome/loose-router.js";
 import { RouterPager } from "../chrome/router-pager.js";
 import { TableHeadingCellSortable } from "../chrome/th-sortable.js";
@@ -53,7 +54,7 @@ const AUDIT_ACTION_KEYS = {
 };
 const HistoryView = ({ collectionDefinition, adminConfig, data, auditLog, workflowStatuses, currentDocument, contentLocales, defaultContentLocale })=>{
     const { id, collection } = useParams({
-        from: '/_byline/admin/collections/$collection/$id/history'
+        from: getAdminRouteId('collections', '$collection', '$id', 'history')
     });
     const navigate = useNavigate();
     const { getCollectionDocumentVersion } = useBylineAdminServices();
@@ -75,7 +76,7 @@ const HistoryView = ({ collectionDefinition, adminConfig, data, auditLog, workfl
         if ('document' === name) params.tab = 'document';
         else delete params.tab;
         navigate({
-            to: '/admin/collections/$collection/$id/history',
+            to: getAdminRoutePath('collections', '$collection', '$id', 'history'),
             params: {
                 collection,
                 id
@@ -89,7 +90,7 @@ const HistoryView = ({ collectionDefinition, adminConfig, data, auditLog, workfl
         delete params.page;
         params.page_size = Number.parseInt(value, 10);
         navigate({
-            to: '/admin/collections/$collection/$id/history',
+            to: getAdminRoutePath('collections', '$collection', '$id', 'history'),
             params: {
                 collection,
                 id
@@ -252,7 +253,7 @@ const HistoryView = ({ collectionDefinition, adminConfig, data, auditLog, workfl
                                                                                 }),
                                                                             children: column.formatter ? renderFormatted(getColumnValue(document, column.fieldName), document, column.formatter) : resolveDisplayValue(getColumnValue(document, column.fieldName), locale, defaultContentLocale) || '------'
                                                                         }) : /*#__PURE__*/ jsx(Link, {
-                                                                            to: '/admin/collections/$collection/$id',
+                                                                            to: getAdminRoutePath('collections', '$collection', '$id'),
                                                                             params: {
                                                                                 collection,
                                                                                 id: document.id