@open-mercato/core 0.4.5-develop-636d33c995 → 0.4.5-develop-811deeb983

package/src/modules/sales/message-objects.ts

@@ -1,4 +1,5 @@
 import type { MessageObjectTypeDefinition } from '@open-mercato/shared/modules/messages/types'
+import { MessageObjectDetail, MessageObjectPreview } from '@open-mercato/ui/backend/messages'
 import { SalesDocumentMessageDetail } from './widgets/messages/SalesDocumentMessageDetail'
 import { SalesDocumentMessagePreview } from './widgets/messages/SalesDocumentMessagePreview'
 
@@ -16,7 +17,14 @@ export const messageObjectTypes: MessageObjectTypeDefinition[] = [
     icon: 'receipt-text',
     PreviewComponent: SalesDocumentMessagePreview,
     DetailComponent: SalesDocumentMessageDetail,
-    actions: [],
+    actions: [
+      {
+        id: 'view',
+        labelKey: 'common.view',
+        variant: 'outline',
+        href: '/backend/sales/orders/{entityId}',
+      },
+    ],
     loadPreview: async (entityId, ctx) => {
       if (typeof window !== 'undefined') {
         return {
@@ -39,7 +47,14 @@ export const messageObjectTypes: MessageObjectTypeDefinition[] = [
     icon: 'file-text',
     PreviewComponent: SalesDocumentMessagePreview,
     DetailComponent: SalesDocumentMessageDetail,
-    actions: [],
+    actions: [
+      {
+        id: 'view',
+        labelKey: 'common.view',
+        variant: 'outline',
+        href: '/backend/sales/quotes/{entityId}',
+      },
+    ],
     loadPreview: async (entityId, ctx) => {
       if (typeof window !== 'undefined') {
         return {
@@ -51,6 +66,33 @@ export const messageObjectTypes: MessageObjectTypeDefinition[] = [
       return loadSalesQuotePreview(entityId, ctx)
     },
   },
+  {
+    module: 'sales',
+    entityType: 'channel',
+    messageTypes: objectMessageTypes,
+    entityId: 'sales:sales_channel',
+    optionLabelField: 'name',
+    optionSubtitleField: 'status',
+    labelKey: 'sales.messageObjects.channel.title',
+    icon: 'store',
+    PreviewComponent: MessageObjectPreview,
+    DetailComponent: MessageObjectDetail,
+    actions: [
+      {
+        id: 'view',
+        labelKey: 'common.view',
+        variant: 'outline',
+        href: '/backend/sales/channels/{entityId}/edit',
+      },
+    ],
+    loadPreview: async (entityId, ctx) => {
+      if (typeof window !== 'undefined') {
+        return { title: 'Sales channel', subtitle: entityId }
+      }
+      const { loadSalesChannelPreview } = await import('./lib/messageObjectPreviews')
+      return loadSalesChannelPreview(entityId, ctx)
+    },
+  },
 ]
 
 export default messageObjectTypes

package/src/modules/sales/widgets/messages/SalesDocumentMessageDetail.tsx

@@ -1,52 +1,90 @@
 "use client"
 
 import * as React from 'react'
+import Link from 'next/link'
 import { useT } from '@open-mercato/shared/lib/i18n/context'
 import type { ObjectDetailProps } from '@open-mercato/shared/modules/messages/types'
 import { Button } from '@open-mercato/ui/primitives/button'
 import { SalesDocumentMessagePreview } from './SalesDocumentMessagePreview'
 
+function resolveActionHref(template: string, entityId: string): string {
+  return template.replace('{entityId}', encodeURIComponent(entityId))
+}
+
 export function SalesDocumentMessageDetail(props: ObjectDetailProps) {
   const t = useT()
   const [executingActionId, setExecutingActionId] = React.useState<string | null>(null)
 
+  const viewAction = props.actions.find((a) => a.id === 'view')
+  const otherActions = props.actions.filter((a) => a.id !== 'view')
+
+  const preview = (
+    <SalesDocumentMessagePreview
+      entityId={props.entityId}
+      entityModule={props.entityModule}
+      entityType={props.entityType}
+      snapshot={props.snapshot}
+      previewData={props.previewData}
+      actionRequired={props.actionRequired}
+      actionType={props.actionType}
+      actionLabel={props.actionLabel}
+    />
+  )
+
   return (
     <div className="space-y-3 rounded border p-3">
-      <SalesDocumentMessagePreview
-        entityId={props.entityId}
-        entityModule={props.entityModule}
-        entityType={props.entityType}
-        snapshot={props.snapshot}
-        previewData={props.previewData}
-        actionRequired={props.actionRequired}
-        actionType={props.actionType}
-        actionLabel={props.actionLabel}
-      />
-
-      {props.actions.length > 0 ? (
+      {viewAction?.href ? (
+        <Link
+          href={resolveActionHref(viewAction.href, props.entityId)}
+          className="block rounded-md transition-opacity hover:opacity-75"
+        >
+          {preview}
+        </Link>
+      ) : (
+        preview
+      )}
+
+      {otherActions.length > 0 ? (
         <div className="flex flex-wrap gap-2">
-          {props.actions.map((action) => (
-            <Button
-              key={action.id}
-              type="button"
-              size="sm"
-              variant={action.variant ?? 'default'}
-              disabled={executingActionId !== null}
-              onClick={async () => {
-                if (executingActionId) return
-                setExecutingActionId(action.id)
-                try {
-                  await props.onAction(action.id, { id: props.entityId })
-                } finally {
-                  setExecutingActionId(null)
-                }
-              }}
-            >
-              {executingActionId === action.id
-                ? t('messages.actions.executing', 'Executing...')
-                : t(action.labelKey ?? action.id, action.id)}
-            </Button>
-          ))}
+          {otherActions.map((action) => {
+            if (action.href) {
+              return (
+                <Button
+                  key={action.id}
+                  type="button"
+                  size="sm"
+                  variant={action.variant ?? 'default'}
+                  asChild
+                >
+                  <Link href={resolveActionHref(action.href, props.entityId)}>
+                    {t(action.labelKey ?? action.id, action.id)}
+                  </Link>
+                </Button>
+              )
+            }
+            return (
+              <Button
+                key={action.id}
+                type="button"
+                size="sm"
+                variant={action.variant ?? 'default'}
+                disabled={executingActionId !== null}
+                onClick={async () => {
+                  if (executingActionId) return
+                  setExecutingActionId(action.id)
+                  try {
+                    await props.onAction(action.id, { id: props.entityId })
+                  } finally {
+                    setExecutingActionId(null)
+                  }
+                }}
+              >
+                {executingActionId === action.id
+                  ? t('messages.actions.executing', 'Executing...')
+                  : t(action.labelKey ?? action.id, action.id)}
+              </Button>
+            )
+          })}
         </div>
       ) : null}
     </div>

package/src/modules/sales/widgets/messages/SalesDocumentMessagePreview.tsx

@@ -19,7 +19,7 @@ export function SalesDocumentMessagePreview({
     ? t('sales.documents.detail.quote', 'Sales quote')
     : t('sales.documents.detail.order', 'Sales order')
   const title = previewData?.title || fallbackTitle
-  const subtitle = previewData?.subtitle || entityId
+  const subtitle = previewData?.subtitle || ""
 
   return (
     <div className="flex items-start gap-3 rounded-md border bg-muted/20 p-3">

package/src/modules/staff/backend/staff/leave-requests/[id]/page.tsx

@@ -112,21 +112,7 @@ export default function StaffLeaveRequestDetailPage({ params }: { params?: { id?
     note: record?.note ?? null,
   }), [record, memberLabel])
 
-  const messageContextPreview = React.useMemo(() => (
-    <div className="space-y-1">
-      <p className="font-medium">{t('staff.leaveRequests.messages.contextTitle', 'Linked leave request')}</p>
-      {memberLabel ? (
-        <p className="text-xs text-muted-foreground">
-          {t('staff.leaveRequests.detail.member', 'Team member')}: {memberLabel}
-        </p>
-      ) : null}
-      <p className="text-xs text-muted-foreground">
-        {t('staff.leaveRequests.detail.dates', 'Dates')}: {dateSummary}
-      </p>
-    </div>
-  ), [dateSummary, memberLabel, t])
-
-  const handleSubmit = React.useCallback(async (values: LeaveRequestFormValues) => {
+const handleSubmit = React.useCallback(async (values: LeaveRequestFormValues) => {
     if (!record?.id) return
     const payload = buildLeaveRequestPayload(values, { id: record.id })
     await updateCrud('staff/leave-requests', payload, {
@@ -239,7 +225,13 @@ export default function StaffLeaveRequestDetailPage({ params }: { params?: { id?
                 entityId: record.id,
                 sourceEntityType: 'staff:leave_request',
                 sourceEntityId: record.id,
+                previewData: {
+                  title: memberLabel || t('staff.leaveRequests.messages.contextTitle', 'Linked leave request'),
+                  subtitle: dateSummary || undefined,
+                  status: record?.status ?? undefined,
+                },
               }}
+              viewHref={`/backend/staff/leave-requests/${record.id}`}
               lockedType="staff.leave_request_approval"
               requiredActionConfig={{
                 mode: 'required',
@@ -253,20 +245,6 @@ export default function StaffLeaveRequestDetailPage({ params }: { params?: { id?
                 subject: t('staff.leaveRequests.messages.compose.subject', 'Leave request approval needed'),
                 body: t('staff.leaveRequests.messages.compose.body', 'Please review this leave request and take action.'),
               }}
-              contextPreview={messageContextPreview}
-              renderTrigger={({ openComposer, disabled }) => (
-                <Button
-                  type="button"
-                  size="icon"
-                  variant="outline"
-                  onClick={openComposer}
-                  disabled={disabled}
-                  aria-label={t('staff.leaveRequests.messages.compose.action', 'Send for review')}
-                  title={t('staff.leaveRequests.messages.compose.action', 'Send for review')}
-                >
-                  <Send className="h-4 w-4" />
-                </Button>
-              )}
             />
           ) : null}
         />

package/src/modules/staff/backend/staff/my-availability/page.tsx

@@ -9,6 +9,7 @@ import { apiCall } from '@open-mercato/ui/backend/utils/apiCall'
 import { AvailabilityRulesEditor } from '@open-mercato/core/modules/planner/components/AvailabilityRulesEditor'
 import { buildMemberScheduleItems } from '@open-mercato/core/modules/staff/lib/memberSchedule'
 import { useT } from '@open-mercato/shared/lib/i18n/context'
+import { SendObjectMessageDialog } from '@open-mercato/ui/backend/messages'
 
 type SelfMemberResponse = {
   member?: {
@@ -112,6 +113,19 @@ export default function StaffMyAvailabilityPage() {
     <Page>
       <PageBody>
         <div className="space-y-4">
+          {member.availabilityRuleSetId ? (
+            <div className="flex justify-end">
+              <SendObjectMessageDialog
+                object={{
+                  entityModule: 'staff',
+                  entityType: 'my_availability',
+                  entityId: member.availabilityRuleSetId,
+                  previewData: { title: member.displayName ?? t('staff.myAvailability.title', 'My Availability') },
+                }}
+                viewHref="/backend/staff/my-availability"
+              />
+            </div>
+          ) : null}
           {!canManageAvailability ? (
             <div className="space-y-2 rounded-lg border bg-card p-4 text-sm text-muted-foreground">
               <p className="font-medium text-foreground">

package/src/modules/staff/backend/staff/my-leave-requests/[id]/page.tsx

@@ -2,7 +2,7 @@
 
 import * as React from 'react'
 import { useRouter } from 'next/navigation'
-import { Leaf } from 'lucide-react'
+import { Send } from 'lucide-react'
 import { Page, PageBody } from '@open-mercato/ui/backend/Page'
 import { Badge } from '@open-mercato/ui/primitives/badge'
 import { Button } from '@open-mercato/ui/primitives/button'
@@ -102,21 +102,7 @@ export default function StaffMyLeaveRequestDetailPage({ params }: { params?: { i
     record?.startDate ?? record?.start_date ?? null,
     record?.endDate ?? record?.end_date ?? null,
   )
-  const messageContextPreview = React.useMemo(() => (
-    <div className="space-y-1">
-      <p className="font-medium">{t('staff.leaveRequests.messages.contextTitle', 'Linked leave request')}</p>
-      {memberLabel ? (
-        <p className="text-xs text-muted-foreground">
-          {t('staff.leaveRequests.detail.member', 'Team member')}: {memberLabel}
-        </p>
-      ) : null}
-      <p className="text-xs text-muted-foreground">
-        {t('staff.leaveRequests.detail.dates', 'Dates')}: {dateSummary}
-      </p>
-    </div>
-  ), [dateSummary, memberLabel, t])
-
-  const handleSubmit = React.useCallback(async (values: LeaveRequestFormValues) => {
+const handleSubmit = React.useCallback(async (values: LeaveRequestFormValues) => {
     if (!record?.id) return
     const payload = buildLeaveRequestPayload(values, { id: record.id })
     await updateCrud('staff/leave-requests', payload, {
@@ -186,7 +172,13 @@ export default function StaffMyLeaveRequestDetailPage({ params }: { params?: { i
                   entityId: record.id,
                   sourceEntityType: 'staff:leave_request',
                   sourceEntityId: record.id,
+                  previewData: {
+                    title: memberLabel || t('staff.leaveRequests.messages.contextTitle', 'Linked leave request'),
+                    subtitle: dateSummary || undefined,
+                    status: record?.status ?? undefined,
+                  },
                 }}
+                viewHref={`/backend/staff/leave-requests/${record.id}`}
                 lockedType="staff.leave_request_approval"
                 requiredActionConfig={{
                   mode: 'required',
@@ -200,20 +192,6 @@ export default function StaffMyLeaveRequestDetailPage({ params }: { params?: { i
                   subject: t('staff.leaveRequests.messages.compose.subject', 'Leave request approval needed'),
                   body: t('staff.leaveRequests.messages.compose.body', 'Please review this leave request and take action.'),
                 }}
-                contextPreview={messageContextPreview}
-                renderTrigger={({ openComposer, disabled }) => (
-                  <Button
-                    type="button"
-                    size="icon"
-                    variant="outline"
-                    onClick={openComposer}
-                    disabled={disabled}
-                    aria-label={t('staff.leaveRequests.messages.compose.action', 'Send for review')}
-                    title={t('staff.leaveRequests.messages.compose.action', 'Send for review')}
-                  >
-                    <Leaf className="h-4 w-4" />
-                  </Button>
-                )}
               />
             ) : null}
           />

package/src/modules/staff/backend/staff/team-members/[id]/page.tsx

@@ -31,6 +31,7 @@ import { JobHistorySection } from '@open-mercato/core/modules/staff/components/d
 import type { DictionarySelectLabels } from '@open-mercato/core/modules/dictionaries/components/DictionaryEntrySelect'
 import { Plus } from 'lucide-react'
 import { TranslationDrawerAction } from '@open-mercato/core/modules/translations/components/TranslationDrawerAction'
+import { SendObjectMessageDialog } from '@open-mercato/ui/backend/messages'
 
 const MARKDOWN_CLASSNAME =
   'text-sm text-muted-foreground break-words [&>*]:mb-2 [&>*:last-child]:mb-0 [&_ul]:ml-4 [&_ul]:list-disc [&_ol]:ml-4 [&_ol]:list-decimal [&_code]:rounded [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5 [&_pre]:rounded-md [&_pre]:bg-muted [&_pre]:p-3 [&_pre]:text-xs'
@@ -325,13 +326,33 @@ export default function StaffTeamMemberDetailPage({ params }: { params?: { id?:
                 </p>
               </div>
             </div>
-            <TranslationDrawerAction
-              config={memberId ? {
-                entityType: 'staff:staff_team_member',
-                recordId: memberId,
-                baseValues: memberRecord ?? undefined,
-              } : null}
-            />
+            <div className="flex items-center gap-2">
+              {memberId ? (
+                <SendObjectMessageDialog
+                  object={{
+                    entityModule: 'staff',
+                    entityType: 'team_member',
+                    entityId: memberId,
+                    previewData: {
+                      title: displayName,
+                      metadata: {
+                        [t('staff.teamMembers.detail.fields.team')]: teamLabel,
+                        [t('staff.teamMembers.detail.fields.user')]: userEmail ?? t('staff.teamMembers.detail.fields.userEmpty', 'No user linked'),
+                        [t('staff.teamMembers.detail.fields.roles')]: roleLabels.join(', '),
+                      },
+                    },
+                  }}
+                  viewHref={`/backend/staff/team-members/${memberId}`}
+                />
+              ) : null}
+              <TranslationDrawerAction
+                config={memberId ? {
+                  entityType: 'staff:staff_team_member',
+                  recordId: memberId,
+                  baseValues: memberRecord ?? undefined,
+                } : null}
+              />
+            </div>
           </div>
 
           <div className="border-b">

package/src/modules/staff/backend/staff/team-roles/[id]/edit/page.tsx

@@ -8,6 +8,7 @@ import { updateCrud, deleteCrud } from '@open-mercato/ui/backend/utils/crud'
 import { flash } from '@open-mercato/ui/backend/FlashMessages'
 import { useT } from '@open-mercato/shared/lib/i18n/context'
 import { TeamRoleForm, type TeamRoleFormValues, type TeamRoleOption, buildTeamRolePayload } from '@open-mercato/core/modules/staff/components/TeamRoleForm'
+import { SendObjectMessageDialog } from '@open-mercato/ui/backend/messages'
 import { extractCustomFieldEntries } from '@open-mercato/shared/lib/crud/custom-fields-client'
 import { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'
 
@@ -143,6 +144,17 @@ export default function StaffTeamRoleEditPage({ params }: { params?: { id?: stri
           onDelete={handleDelete}
           isLoading={!initialValues}
           loadingMessage={t('staff.teamRoles.form.loading', 'Loading team role...')}
+          extraActions={roleId ? (
+            <SendObjectMessageDialog
+              object={{
+                entityModule: 'staff',
+                entityType: 'team_role',
+                entityId: roleId,
+                previewData: { title: initialValues?.name ?? ''},
+              }}
+              viewHref={`/backend/staff/team-roles/${roleId}/edit`}
+            />
+          ) : undefined}
         />
       </PageBody>
     </Page>

package/src/modules/staff/backend/staff/teams/[id]/edit/page.tsx

@@ -14,6 +14,7 @@ import { BooleanIcon } from '@open-mercato/ui/backend/ValueIcons'
 import { flash } from '@open-mercato/ui/backend/FlashMessages'
 import { useT } from '@open-mercato/shared/lib/i18n/context'
 import { TeamForm, type TeamFormValues, buildTeamPayload } from '@open-mercato/core/modules/staff/components/TeamForm'
+import { SendObjectMessageDialog } from '@open-mercato/ui/backend/messages'
 import { extractCustomFieldEntries } from '@open-mercato/shared/lib/crud/custom-fields-client'
 import { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'
 import { Plus } from 'lucide-react'
@@ -333,6 +334,17 @@ export default function StaffTeamEditPage({ params }: { params?: { id?: string }
               onDelete={handleDelete}
               isLoading={!initialValues}
               loadingMessage={t('staff.teams.form.loading', 'Loading team...')}
+              extraActions={teamId ? (
+                <SendObjectMessageDialog
+                  object={{
+                    entityModule: 'staff',
+                    entityType: 'team',
+                    entityId: teamId,
+                    previewData: { title: initialValues?.name ?? ''},
+                  }}
+                  viewHref={`/backend/staff/teams/${teamId}/edit`}
+                />
+              ) : undefined}
             />
           ) : (
             <DataTable<TeamMemberRow>

package/src/modules/staff/components/TeamForm.tsx

@@ -24,6 +24,7 @@ export type TeamFormProps = {
   onDelete?: () => Promise<void>
   isLoading?: boolean
   loadingMessage?: string
+  extraActions?: React.ReactNode
 }
 
 const normalizeCustomFieldSubmitValue = (value: unknown): unknown => {
@@ -60,6 +61,7 @@ export function TeamForm(props: TeamFormProps) {
     onDelete,
     isLoading,
     loadingMessage,
+    extraActions,
   } = props
   const t = useT()
 
@@ -91,6 +93,7 @@ export function TeamForm(props: TeamFormProps) {
       onDelete={onDelete}
       isLoading={isLoading}
       loadingMessage={loadingMessage}
+      extraActions={extraActions}
     />
   )
 }

package/src/modules/staff/components/TeamRoleForm.tsx

@@ -32,6 +32,7 @@ export type TeamRoleFormProps = {
   onDelete?: () => Promise<void>
   isLoading?: boolean
   loadingMessage?: string
+  extraActions?: React.ReactNode
 }
 
 const normalizeCustomFieldSubmitValue = (value: unknown): unknown => {
@@ -75,6 +76,7 @@ export function TeamRoleForm(props: TeamRoleFormProps) {
     onDelete,
     isLoading,
     loadingMessage,
+    extraActions,
   } = props
   const t = useT()
 
@@ -154,6 +156,7 @@ export function TeamRoleForm(props: TeamRoleFormProps) {
       onDelete={onDelete}
       isLoading={isLoading}
       loadingMessage={loadingMessage}
+      extraActions={extraActions}
     />
   )
 }

package/src/modules/staff/lib/messageObjectPreviews.ts

@@ -1,9 +1,11 @@
 import { createRequestContainer } from '@open-mercato/shared/lib/di/container'
-import { findOneWithDecryption } from '@open-mercato/shared/lib/encryption/find'
+import { findOneWithDecryption, findWithDecryption } from '@open-mercato/shared/lib/encryption/find'
 import { resolveTranslations } from '@open-mercato/shared/lib/i18n/server'
 import type { ObjectPreviewData } from '@open-mercato/shared/modules/messages/types'
 import type { EntityManager } from '@mikro-orm/postgresql'
-import { StaffLeaveRequest, StaffTeam, StaffTeamMember } from '../data/entities'
+import { StaffLeaveRequest, StaffTeam, StaffTeamMember, StaffTeamRole } from '../data/entities'
+import { PlannerAvailabilityRuleSet } from '../../planner/data/entities'
+import { User } from '../../auth/data/entities'
 
 type PreviewContext = {
   tenantId: string
@@ -170,6 +172,56 @@ export async function loadTeamMemberPreview(
 
   const tags = Array.isArray(member.tags) ? member.tags : []
   const metadata: Record<string, string> = {}
+  const teamLabel = t('staff.teamMembers.detail.fields.team')
+  const userLabel = t('staff.teamMembers.detail.fields.user')
+  const rolesLabel = t('staff.teamMembers.detail.fields.roles')
+
+  if (member.teamId) {
+    const team = await findOneWithDecryption(
+      em,
+      StaffTeam,
+      {
+        id: member.teamId,
+        tenantId: ctx.tenantId,
+        organizationId: ctx.organizationId,
+        deletedAt: null,
+      },
+      undefined,
+      { tenantId: ctx.tenantId, organizationId: ctx.organizationId },
+    )
+    if (team?.name) metadata[teamLabel] = team.name
+  }
+
+  if (member.userId) {
+    const user = await findOneWithDecryption(
+      em,
+      User,
+      { id: member.userId },
+      undefined,
+      { tenantId: ctx.tenantId, organizationId: ctx.organizationId },
+    )
+    if (user?.email) metadata[userLabel] = user.email
+  }
+
+  if (Array.isArray(member.roleIds) && member.roleIds.length > 0) {
+    const roles = await findWithDecryption(
+      em,
+      StaffTeamRole,
+      {
+        id: { $in: member.roleIds },
+        tenantId: ctx.tenantId,
+        organizationId: ctx.organizationId,
+        deletedAt: null,
+      },
+      { orderBy: { name: 'ASC' } },
+      { tenantId: ctx.tenantId, organizationId: ctx.organizationId },
+    )
+    const roleNames = roles
+      .map((role) => role.name?.trim())
+      .filter((name): name is string => Boolean(name && name.length > 0))
+    if (roleNames.length > 0) metadata[rolesLabel] = roleNames.join(', ')
+  }
+
   if (tags.length > 0) metadata.Tags = tags.slice(0, 5).join(', ')
 
   return {
@@ -180,3 +232,82 @@ export async function loadTeamMemberPreview(
     metadata: Object.keys(metadata).length > 0 ? metadata : undefined,
   }
 }
+
+export async function loadStaffTeamRolePreview(
+  entityId: string,
+  ctx: PreviewContext,
+): Promise<ObjectPreviewData> {
+  const { t } = await resolveTranslations()
+  const defaultTitle = t('staff.messageObjects.teamRole.title')
+
+  if (!ctx.organizationId) {
+    return { title: defaultTitle, subtitle: entityId }
+  }
+
+  const { resolve } = await createRequestContainer()
+  const em = resolve('em') as EntityManager
+
+  const role = await findOneWithDecryption(
+    em,
+    StaffTeamRole,
+    {
+      id: entityId,
+      tenantId: ctx.tenantId,
+      organizationId: ctx.organizationId,
+      deletedAt: null,
+    },
+    undefined,
+    { tenantId: ctx.tenantId, organizationId: ctx.organizationId },
+  )
+
+  if (!role) {
+    return {
+      title: defaultTitle,
+      subtitle: entityId,
+      status: t('staff.messageObjects.notFound'),
+      statusColor: 'gray',
+    }
+  }
+
+  return {
+    title: role.name,
+    subtitle: role.description ?? undefined,
+  }
+}
+
+export async function loadStaffAvailabilityPreview(
+  entityId: string,
+  ctx: PreviewContext,
+): Promise<ObjectPreviewData> {
+  const { t } = await resolveTranslations()
+  const defaultTitle = t('staff.messageObjects.myAvailability.title')
+
+  if (!ctx.organizationId) {
+    return { title: defaultTitle, subtitle: entityId }
+  }
+
+  const { resolve } = await createRequestContainer()
+  const em = resolve('em') as EntityManager
+
+  const ruleSet = await findOneWithDecryption(
+    em,
+    PlannerAvailabilityRuleSet,
+    {
+      id: entityId,
+      tenantId: ctx.tenantId,
+      organizationId: ctx.organizationId,
+      deletedAt: null,
+    },
+    undefined,
+    { tenantId: ctx.tenantId, organizationId: ctx.organizationId },
+  )
+
+  if (!ruleSet) {
+    return { title: defaultTitle, subtitle: entityId }
+  }
+
+  return {
+    title: ruleSet.name,
+    subtitle: ruleSet.description ?? undefined,
+  }
+}