@open-mercato/core 0.6.4-develop.4371.1.8f3030407e → 0.6.4

package/dist/modules/staff/backend/staff/leave-requests/[id]/page.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/modules/staff/backend/staff/leave-requests/%5Bid%5D/page.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { LoadingMessage, ErrorMessage, RecordNotFoundState } from '@open-mercato/ui/backend/detail'\nimport { SendObjectMessageDialog } from '@open-mercato/ui/backend/messages'\nimport { apiCallOrThrow, readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { updateCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { LeaveRequestForm, buildLeaveRequestPayload, type LeaveRequestFormValues } from '@open-mercato/core/modules/staff/components/LeaveRequestForm'\nimport { type LeaveRequestRecord, type LeaveRequestsResponse, type NormalizedLeaveRequest, normalizeLeaveRequest, resolveStatusVariant, formatDateLabel, formatDateRange } from '../../../../lib/leaveRequestHelpers'\n\nexport default function StaffLeaveRequestDetailPage({ params }: { params?: { id?: string } }) {\n  const id = params?.id\n  const t = useT()\n  const router = useRouter()\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [isNotFound, setIsNotFound] = React.useState(false)\n  const [record, setRecord] = React.useState<NormalizedLeaveRequest | null>(null)\n  const [decisionComment, setDecisionComment] = React.useState('')\n\n  React.useEffect(() => {\n    if (!id) {\n      setIsNotFound(true)\n      setIsLoading(false)\n      return\n    }\n    const requestId = id\n    let cancelled = false\n    async function load() {\n      setIsLoading(true)\n      setError(null)\n      setIsNotFound(false)\n      try {\n        const params = new URLSearchParams({ page: '1', pageSize: '1', ids: requestId })\n        const payload = await readApiResultOrThrow<LeaveRequestsResponse>(\n          `/api/staff/leave-requests?${params.toString()}`,\n          undefined,\n          { errorMessage: t('staff.leaveRequests.errors.load', 'Failed to load leave request.') },\n        )\n        const entry = Array.isArray(payload.items) ? payload.items[0] : null\n        if (!entry) {\n          if (!cancelled) {\n            setIsNotFound(true)\n            setRecord(null)\n          }\n          return\n        }\n        if (!cancelled) {\n          const normalized = normalizeLeaveRequest(entry)\n          setRecord(normalized)\n          setDecisionComment(normalized.decisionComment ?? '')\n        }\n      } catch (err) {\n        if (!cancelled) {\n          if ((err as { status?: number }).status === 404) {\n            setIsNotFound(true)\n            setRecord(null)\n          } else {\n            const message = err instanceof Error ? err.message : t('staff.leaveRequests.errors.load', 'Failed to load leave request.')\n            setError(message)\n            setRecord(null)\n          }\n        }\n      } finally {\n        if (!cancelled) setIsLoading(false)\n      }\n    }\n    void load()\n    return () => { cancelled = true }\n  }, [id, t])\n\n  const status = record?.status ?? 'pending'\n  const memberLabel = record?.member?.displayName ?? null\n  const dateSummary = formatDateRange(record?.startDate, record?.endDate)\n  const initialValues = React.useMemo<LeaveRequestFormValues>(() => ({\n    id: record?.id,\n    memberId: record?.memberId ?? null,\n    memberLabel,\n    startDate: record?.startDate ?? null,\n    endDate: record?.endDate ?? null,\n    timezone: record?.timezone ?? null,\n    unavailabilityReasonEntryId: record?.unavailabilityReasonEntryId ?? null,\n    unavailabilityReasonValue: record?.unavailabilityReasonValue ?? null,\n    note: record?.note ?? null,\n  }), [record, memberLabel])\n\nconst handleSubmit = React.useCallback(async (values: LeaveRequestFormValues) => {\n    if (!record?.id) return\n    const payload = buildLeaveRequestPayload(values, { id: record.id })\n    await updateCrud('staff/leave-requests', payload, {\n      errorMessage: t('staff.leaveRequests.form.errors.update', 'Failed to update leave request.'),\n    })\n    flash(t('staff.leaveRequests.form.flash.updated', 'Leave request updated.'), 'success')\n    router.push('/backend/staff/leave-requests')\n  }, [record?.id, router, t])\n\n  const handleDecision = React.useCallback(async (action: 'accept' | 'reject') => {\n    if (!record?.id) return\n    const endpoint = action === 'accept' ? '/api/staff/leave-requests/accept' : '/api/staff/leave-requests/reject'\n    await apiCallOrThrow(endpoint, {\n      method: 'POST',\n      headers: { 'content-type': 'application/json' },\n      body: JSON.stringify({ id: record.id, decisionComment: decisionComment || null }),\n    })\n    flash(\n      action === 'accept'\n        ? t('staff.leaveRequests.messages.accepted', 'Leave request approved.')\n        : t('staff.leaveRequests.messages.rejected', 'Leave request rejected.'),\n      'success',\n    )\n    router.refresh()\n  }, [decisionComment, record?.id, router, t])\n\n  if (isLoading) {\n    return (\n      <Page>\n        <PageBody>\n          <LoadingMessage label={t('staff.leaveRequests.form.loading', 'Loading leave request...')} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (isNotFound) {\n    return (\n      <Page>\n        <PageBody>\n          <RecordNotFoundState\n            label={t('staff.leaveRequests.errors.notFound', 'Leave request not found.')}\n            backHref=\"/backend/staff/leave-requests\"\n            backLabel={t('staff.leaveRequests.actions.backToList', 'Back to leave requests')}\n          />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (error || !record) {\n    return (\n      <Page>\n        <PageBody>\n          <ErrorMessage label={error ?? t('staff.leaveRequests.errors.load', 'Failed to load leave request.')} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        <div className=\"mb-6 space-y-2 rounded-lg border bg-card p-4\">\n          <div className=\"flex flex-wrap items-center gap-3\">\n            <Badge variant={resolveStatusVariant(status)}>\n              {t(`staff.leaveRequests.status.${status}`, status)}\n            </Badge>\n            {record.decidedAt ? (\n              <span className=\"text-xs text-muted-foreground\">\n                {t('staff.leaveRequests.decision.at', 'Decision at')} {formatDateLabel(record.decidedAt)}\n              </span>\n            ) : null}\n          </div>\n          {memberLabel ? (\n            <p className=\"text-sm text-muted-foreground\">\n              {t('staff.leaveRequests.detail.member', 'Team member')}: {memberLabel}\n            </p>\n          ) : null}\n          <p className=\"text-sm text-muted-foreground\">\n            {t('staff.leaveRequests.detail.dates', 'Dates')}: {dateSummary}\n          </p>\n        </div>\n\n        {status === 'pending' ? (\n          <div className=\"mb-6 rounded-lg border bg-card p-4\">\n            <div className=\"mb-3 text-sm font-medium\">{t('staff.leaveRequests.decision.title', 'Decision')}</div>\n            <Textarea\n              value={decisionComment}\n              onChange={(event) => setDecisionComment(event.target.value)}\n              placeholder={t('staff.leaveRequests.decision.placeholder', 'Add a comment (optional)')}\n              className=\"mb-3\"\n            />\n            <div className=\"flex flex-wrap gap-2\">\n              <Button onClick={() => handleDecision('accept')}>\n                {t('staff.leaveRequests.actions.accept', 'Approve')}\n              </Button>\n              <Button variant=\"destructive\" onClick={() => handleDecision('reject')}>\n                {t('staff.leaveRequests.actions.reject', 'Reject')}\n              </Button>\n            </div>\n          </div>\n        ) : record.decisionComment ? (\n          <div className=\"mb-6 rounded-lg border bg-card p-4 text-sm text-muted-foreground\">\n            <div className=\"mb-1 font-medium text-foreground\">{t('staff.leaveRequests.decision.comment', 'Decision comment')}</div>\n            <p>{record.decisionComment}</p>\n          </div>\n        ) : null}\n\n        <LeaveRequestForm\n          title={t('staff.leaveRequests.form.editTitle', 'Leave request')}\n          submitLabel={t('staff.leaveRequests.form.actions.save', 'Save')}\n          backHref=\"/backend/staff/leave-requests\"\n          cancelHref=\"/backend/staff/leave-requests\"\n          initialValues={initialValues}\n          onSubmit={handleSubmit}\n          allowMemberSelect\n          memberLabel={memberLabel}\n          extraActions={record.id ? (\n            <SendObjectMessageDialog\n              object={{\n                entityModule: 'staff',\n                entityType: 'leave_request',\n                entityId: record.id,\n                sourceEntityType: 'staff:leave_request',\n                sourceEntityId: record.id,\n                previewData: {\n                  title: memberLabel || t('staff.leaveRequests.messages.contextTitle', 'Linked leave request'),\n                  subtitle: dateSummary || undefined,\n                  status: record?.status ?? undefined,\n                },\n              }}\n              viewHref={`/backend/staff/leave-requests/${record.id}`}\n              lockedType=\"staff.leave_request_approval\"\n              requiredActionConfig={{\n                mode: 'required',\n                options: [\n                  { id: 'approve', label: t('staff.notifications.leaveRequest.actions.approve', 'Approve') },\n                  { id: 'reject', label: t('staff.notifications.leaveRequest.actions.reject', 'Reject') },\n                ],\n              }}\n              defaultValues={{\n                type: 'staff.leave_request_approval',\n                subject: t('staff.leaveRequests.messages.compose.subject', 'Leave request approval needed'),\n                body: t('staff.leaveRequests.messages.compose.body', 'Please review this leave request and take action.'),\n              }}\n            />\n          ) : null}\n        />\n      </PageBody>\n    </Page>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { LoadingMessage, ErrorMessage, RecordNotFoundState } from '@open-mercato/ui/backend/detail'\nimport { SendObjectMessageDialog } from '@open-mercato/ui/backend/messages'\nimport { apiCallOrThrow, readApiResultOrThrow, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'\nimport { buildOptimisticLockHeader } from '@open-mercato/ui/backend/utils/optimisticLock'\nimport { updateCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { LeaveRequestForm, buildLeaveRequestPayload, type LeaveRequestFormValues } from '@open-mercato/core/modules/staff/components/LeaveRequestForm'\nimport { type LeaveRequestRecord, type LeaveRequestsResponse, type NormalizedLeaveRequest, normalizeLeaveRequest, resolveStatusVariant, formatDateLabel, formatDateRange } from '../../../../lib/leaveRequestHelpers'\n\nexport default function StaffLeaveRequestDetailPage({ params }: { params?: { id?: string } }) {\n  const id = params?.id\n  const t = useT()\n  const router = useRouter()\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [isNotFound, setIsNotFound] = React.useState(false)\n  const [record, setRecord] = React.useState<NormalizedLeaveRequest | null>(null)\n  const [decisionComment, setDecisionComment] = React.useState('')\n\n  React.useEffect(() => {\n    if (!id) {\n      setIsNotFound(true)\n      setIsLoading(false)\n      return\n    }\n    const requestId = id\n    let cancelled = false\n    async function load() {\n      setIsLoading(true)\n      setError(null)\n      setIsNotFound(false)\n      try {\n        const params = new URLSearchParams({ page: '1', pageSize: '1', ids: requestId })\n        const payload = await readApiResultOrThrow<LeaveRequestsResponse>(\n          `/api/staff/leave-requests?${params.toString()}`,\n          undefined,\n          { errorMessage: t('staff.leaveRequests.errors.load', 'Failed to load leave request.') },\n        )\n        const entry = Array.isArray(payload.items) ? payload.items[0] : null\n        if (!entry) {\n          if (!cancelled) {\n            setIsNotFound(true)\n            setRecord(null)\n          }\n          return\n        }\n        if (!cancelled) {\n          const normalized = normalizeLeaveRequest(entry)\n          setRecord(normalized)\n          setDecisionComment(normalized.decisionComment ?? '')\n        }\n      } catch (err) {\n        if (!cancelled) {\n          if ((err as { status?: number }).status === 404) {\n            setIsNotFound(true)\n            setRecord(null)\n          } else {\n            const message = err instanceof Error ? err.message : t('staff.leaveRequests.errors.load', 'Failed to load leave request.')\n            setError(message)\n            setRecord(null)\n          }\n        }\n      } finally {\n        if (!cancelled) setIsLoading(false)\n      }\n    }\n    void load()\n    return () => { cancelled = true }\n  }, [id, t])\n\n  const status = record?.status ?? 'pending'\n  const memberLabel = record?.member?.displayName ?? null\n  const dateSummary = formatDateRange(record?.startDate, record?.endDate)\n  const initialValues = React.useMemo<LeaveRequestFormValues>(() => ({\n    id: record?.id,\n    memberId: record?.memberId ?? null,\n    memberLabel,\n    startDate: record?.startDate ?? null,\n    endDate: record?.endDate ?? null,\n    timezone: record?.timezone ?? null,\n    unavailabilityReasonEntryId: record?.unavailabilityReasonEntryId ?? null,\n    unavailabilityReasonValue: record?.unavailabilityReasonValue ?? null,\n    note: record?.note ?? null,\n    updatedAt: record?.updatedAt ?? null,\n  }), [record, memberLabel])\n\nconst handleSubmit = React.useCallback(async (values: LeaveRequestFormValues) => {\n    if (!record?.id) return\n    const payload = buildLeaveRequestPayload(values, { id: record.id })\n    await updateCrud('staff/leave-requests', payload, {\n      errorMessage: t('staff.leaveRequests.form.errors.update', 'Failed to update leave request.'),\n    })\n    flash(t('staff.leaveRequests.form.flash.updated', 'Leave request updated.'), 'success')\n    router.push('/backend/staff/leave-requests')\n  }, [record?.id, router, t])\n\n  const handleDecision = React.useCallback(async (action: 'accept' | 'reject') => {\n    if (!record?.id) return\n    const endpoint = action === 'accept' ? '/api/staff/leave-requests/accept' : '/api/staff/leave-requests/reject'\n    await withScopedApiRequestHeaders(\n      buildOptimisticLockHeader(record.updatedAt),\n      () => apiCallOrThrow(endpoint, {\n        method: 'POST',\n        headers: { 'content-type': 'application/json' },\n        body: JSON.stringify({ id: record.id, decisionComment: decisionComment || null }),\n      }),\n    )\n    flash(\n      action === 'accept'\n        ? t('staff.leaveRequests.messages.accepted', 'Leave request approved.')\n        : t('staff.leaveRequests.messages.rejected', 'Leave request rejected.'),\n      'success',\n    )\n    router.refresh()\n  }, [decisionComment, record?.id, record?.updatedAt, router, t])\n\n  if (isLoading) {\n    return (\n      <Page>\n        <PageBody>\n          <LoadingMessage label={t('staff.leaveRequests.form.loading', 'Loading leave request...')} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (isNotFound) {\n    return (\n      <Page>\n        <PageBody>\n          <RecordNotFoundState\n            label={t('staff.leaveRequests.errors.notFound', 'Leave request not found.')}\n            backHref=\"/backend/staff/leave-requests\"\n            backLabel={t('staff.leaveRequests.actions.backToList', 'Back to leave requests')}\n          />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (error || !record) {\n    return (\n      <Page>\n        <PageBody>\n          <ErrorMessage label={error ?? t('staff.leaveRequests.errors.load', 'Failed to load leave request.')} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        <div className=\"mb-6 space-y-2 rounded-lg border bg-card p-4\">\n          <div className=\"flex flex-wrap items-center gap-3\">\n            <Badge variant={resolveStatusVariant(status)}>\n              {t(`staff.leaveRequests.status.${status}`, status)}\n            </Badge>\n            {record.decidedAt ? (\n              <span className=\"text-xs text-muted-foreground\">\n                {t('staff.leaveRequests.decision.at', 'Decision at')} {formatDateLabel(record.decidedAt)}\n              </span>\n            ) : null}\n          </div>\n          {memberLabel ? (\n            <p className=\"text-sm text-muted-foreground\">\n              {t('staff.leaveRequests.detail.member', 'Team member')}: {memberLabel}\n            </p>\n          ) : null}\n          <p className=\"text-sm text-muted-foreground\">\n            {t('staff.leaveRequests.detail.dates', 'Dates')}: {dateSummary}\n          </p>\n        </div>\n\n        {status === 'pending' ? (\n          <div className=\"mb-6 rounded-lg border bg-card p-4\">\n            <div className=\"mb-3 text-sm font-medium\">{t('staff.leaveRequests.decision.title', 'Decision')}</div>\n            <Textarea\n              value={decisionComment}\n              onChange={(event) => setDecisionComment(event.target.value)}\n              placeholder={t('staff.leaveRequests.decision.placeholder', 'Add a comment (optional)')}\n              className=\"mb-3\"\n            />\n            <div className=\"flex flex-wrap gap-2\">\n              <Button onClick={() => handleDecision('accept')}>\n                {t('staff.leaveRequests.actions.accept', 'Approve')}\n              </Button>\n              <Button variant=\"destructive\" onClick={() => handleDecision('reject')}>\n                {t('staff.leaveRequests.actions.reject', 'Reject')}\n              </Button>\n            </div>\n          </div>\n        ) : record.decisionComment ? (\n          <div className=\"mb-6 rounded-lg border bg-card p-4 text-sm text-muted-foreground\">\n            <div className=\"mb-1 font-medium text-foreground\">{t('staff.leaveRequests.decision.comment', 'Decision comment')}</div>\n            <p>{record.decisionComment}</p>\n          </div>\n        ) : null}\n\n        <LeaveRequestForm\n          title={t('staff.leaveRequests.form.editTitle', 'Leave request')}\n          submitLabel={t('staff.leaveRequests.form.actions.save', 'Save')}\n          backHref=\"/backend/staff/leave-requests\"\n          cancelHref=\"/backend/staff/leave-requests\"\n          initialValues={initialValues}\n          onSubmit={handleSubmit}\n          allowMemberSelect\n          memberLabel={memberLabel}\n          extraActions={record.id ? (\n            <SendObjectMessageDialog\n              object={{\n                entityModule: 'staff',\n                entityType: 'leave_request',\n                entityId: record.id,\n                sourceEntityType: 'staff:leave_request',\n                sourceEntityId: record.id,\n                previewData: {\n                  title: memberLabel || t('staff.leaveRequests.messages.contextTitle', 'Linked leave request'),\n                  subtitle: dateSummary || undefined,\n                  status: record?.status ?? undefined,\n                },\n              }}\n              viewHref={`/backend/staff/leave-requests/${record.id}`}\n              lockedType=\"staff.leave_request_approval\"\n              requiredActionConfig={{\n                mode: 'required',\n                options: [\n                  { id: 'approve', label: t('staff.notifications.leaveRequest.actions.approve', 'Approve') },\n                  { id: 'reject', label: t('staff.notifications.leaveRequest.actions.reject', 'Reject') },\n                ],\n              }}\n              defaultValues={{\n                type: 'staff.leave_request_approval',\n                subject: t('staff.leaveRequests.messages.compose.subject', 'Leave request approval needed'),\n                body: t('staff.leaveRequests.messages.compose.body', 'Please review this leave request and take action.'),\n              }}\n            />\n          ) : null}\n        />\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
   "names": ["params"]
 }

package/dist/modules/staff/backend/staff/leave-requests/page.js

@@ -5,6 +5,7 @@ import Link from "next/link";
 import { useRouter } from "next/navigation";
 import { Page, PageBody } from "@open-mercato/ui/backend/Page";
 import { DataTable, withDataTableNamespaces } from "@open-mercato/ui/backend/DataTable";
+import { ListEmptyState } from "@open-mercato/ui/backend/filters/ListEmptyState";
 import { Badge } from "@open-mercato/ui/primitives/badge";
 import { Button } from "@open-mercato/ui/primitives/button";
 import { readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
@@ -120,7 +121,14 @@ function StaffLeaveRequestsPage() {
       searchValue: search,
       onSearchChange: handleSearchChange,
       searchPlaceholder: labels.table.search,
-      emptyState: /* @__PURE__ */ jsx("p", { className: "py-8 text-center text-sm text-muted-foreground", children: labels.table.empty }),
+      emptyState: /* @__PURE__ */ jsx(
+        ListEmptyState,
+        {
+          entityName: labels.title,
+          createHref: "/backend/staff/leave-requests/create",
+          createLabel: labels.actions.add
+        }
+      ),
       actions: /* @__PURE__ */ jsx(Button, { asChild: true, size: "sm", children: /* @__PURE__ */ jsx(Link, { href: "/backend/staff/leave-requests/create", children: labels.actions.add }) }),
       refreshButton: {
         label: labels.actions.refresh,

package/dist/modules/staff/backend/staff/leave-requests/page.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/staff/backend/staff/leave-requests/page.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useRouter } from 'next/navigation'\nimport type { ColumnDef, SortingState } from '@tanstack/react-table'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable, withDataTableNamespaces } from '@open-mercato/ui/backend/DataTable'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nconst PAGE_SIZE = 50\n\ntype LeaveRequestRow = {\n  id: string\n  memberName: string | null\n  startDate: string | null\n  endDate: string | null\n  status: 'pending' | 'approved' | 'rejected'\n  reason: string | null\n  updatedAt: string | null\n}\n\ntype LeaveRequestsResponse = {\n  items?: Array<Record<string, unknown>>\n  total?: number\n  totalPages?: number\n}\n\nexport default function StaffLeaveRequestsPage() {\n  const t = useT()\n  const router = useRouter()\n  const scopeVersion = useOrganizationScopeVersion()\n  const [rows, setRows] = React.useState<LeaveRequestRow[]>([])\n  const [page, setPage] = React.useState(1)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [search, setSearch] = React.useState('')\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [sorting, setSorting] = React.useState<SortingState>([{ id: 'startDate', desc: true }])\n\n  const labels = React.useMemo(() => ({\n    title: t('staff.leaveRequests.page.title', 'Leave requests'),\n    table: {\n      member: t('staff.leaveRequests.table.member', 'Team member'),\n      dates: t('staff.leaveRequests.table.dates', 'Dates'),\n      status: t('staff.leaveRequests.table.status', 'Status'),\n      reason: t('staff.leaveRequests.table.reason', 'Reason'),\n      updatedAt: t('staff.leaveRequests.table.updatedAt', 'Updated'),\n      empty: t('staff.leaveRequests.table.empty', 'No leave requests yet.'),\n      search: t('staff.leaveRequests.table.search', 'Search leave requests...'),\n    },\n    actions: {\n      add: t('staff.leaveRequests.actions.add', 'New request'),\n      refresh: t('staff.leaveRequests.actions.refresh', 'Refresh'),\n    },\n    errors: {\n      load: t('staff.leaveRequests.errors.load', 'Failed to load leave requests.'),\n    },\n  }), [t])\n\n  const columns = React.useMemo<ColumnDef<LeaveRequestRow>[]>(() => [\n    {\n      accessorKey: 'memberName',\n      header: labels.table.member,\n      meta: { priority: 1, sticky: true },\n      cell: ({ row }) => row.original.memberName ?? '-',\n    },\n    {\n      accessorKey: 'startDate',\n      header: labels.table.dates,\n      meta: { priority: 2 },\n      cell: ({ row }) => formatDateRange(row.original.startDate, row.original.endDate),\n    },\n    {\n      accessorKey: 'status',\n      header: labels.table.status,\n      meta: { priority: 3 },\n      cell: ({ row }) => (\n        <Badge variant={resolveStatusVariant(row.original.status)}>\n          {t(`staff.leaveRequests.status.${row.original.status}`, row.original.status)}\n        </Badge>\n      ),\n    },\n    {\n      accessorKey: 'reason',\n      header: labels.table.reason,\n      meta: { priority: 4, truncate: true, maxWidth: '240px' },\n      cell: ({ row }) => row.original.reason ?? '-',\n    },\n    {\n      accessorKey: 'updatedAt',\n      header: labels.table.updatedAt,\n      meta: { priority: 5 },\n      cell: ({ row }) => formatDateLabel(row.original.updatedAt),\n    },\n  ], [labels, t])\n\n  const loadRows = React.useCallback(async () => {\n    setIsLoading(true)\n    try {\n      const params = new URLSearchParams({\n        page: String(page),\n        pageSize: String(PAGE_SIZE),\n      })\n      if (search.trim().length) params.set('search', search.trim())\n      const activeSort = sorting[0]\n      if (activeSort?.id) {\n        params.set('sortField', activeSort.id)\n        params.set('sortDir', activeSort.desc ? 'desc' : 'asc')\n      }\n      const payload = await readApiResultOrThrow<LeaveRequestsResponse>(\n        `/api/staff/leave-requests?${params.toString()}`,\n        undefined,\n        { errorMessage: labels.errors.load },\n      )\n      const items = Array.isArray(payload.items) ? payload.items : []\n      setRows(items.map(mapLeaveRequest))\n      setTotal(typeof payload.total === 'number' ? payload.total : items.length)\n      setTotalPages(typeof payload.totalPages === 'number' ? payload.totalPages : 1)\n    } catch {\n      setRows([])\n      setTotal(0)\n      setTotalPages(1)\n    } finally {\n      setIsLoading(false)\n    }\n  }, [labels.errors.load, page, search, sorting])\n\n  React.useEffect(() => {\n    void loadRows()\n  }, [loadRows, scopeVersion])\n\n  const handleSearchChange = React.useCallback((value: string) => {\n    setSearch(value)\n    setPage(1)\n  }, [])\n\n  return (\n    <Page>\n      <PageBody>\n        <DataTable<LeaveRequestRow>\n          title={labels.title}\n          data={rows}\n          columns={columns}\n          isLoading={isLoading}\n          searchValue={search}\n          onSearchChange={handleSearchChange}\n          searchPlaceholder={labels.table.search}\n          emptyState={<p className=\"py-8 text-center text-sm text-muted-foreground\">{labels.table.empty}</p>}\n          actions={(\n            <Button asChild size=\"sm\">\n              <Link href=\"/backend/staff/leave-requests/create\">{labels.actions.add}</Link>\n            </Button>\n          )}\n          refreshButton={{\n            label: labels.actions.refresh,\n            onRefresh: loadRows,\n            isRefreshing: isLoading,\n          }}\n          sortable\n          sorting={sorting}\n          onSortingChange={setSorting}\n          pagination={{\n            page,\n            pageSize: PAGE_SIZE,\n            total,\n            totalPages,\n            onPageChange: setPage,\n          }}\n          onRowClick={(row) => {\n            router.push(`/backend/staff/leave-requests/${encodeURIComponent(row.id)}`)\n          }}\n        />\n      </PageBody>\n    </Page>\n  )\n}\n\nfunction mapLeaveRequest(item: Record<string, unknown>): LeaveRequestRow {\n  const id = typeof item.id === 'string' ? item.id : ''\n  const member = item.member && typeof item.member === 'object'\n    ? item.member as { displayName?: unknown }\n    : null\n  const memberName = typeof member?.displayName === 'string'\n    ? member.displayName\n    : null\n  const startDate = typeof item.startDate === 'string'\n    ? item.startDate\n    : typeof item.start_date === 'string'\n      ? item.start_date\n      : null\n  const endDate = typeof item.endDate === 'string'\n    ? item.endDate\n    : typeof item.end_date === 'string'\n      ? item.end_date\n      : null\n  const status = item.status === 'approved' || item.status === 'rejected' ? item.status : 'pending'\n  const reason = typeof item.unavailabilityReasonValue === 'string'\n    ? item.unavailabilityReasonValue\n    : typeof item.unavailability_reason_value === 'string'\n      ? item.unavailability_reason_value\n      : null\n  const updatedAt = typeof item.updatedAt === 'string'\n    ? item.updatedAt\n    : typeof item.updated_at === 'string'\n      ? item.updated_at\n      : null\n  return withDataTableNamespaces({\n    id,\n    memberName,\n    startDate,\n    endDate,\n    status,\n    reason,\n    updatedAt,\n  }, item)\n}\n\nfunction formatDateRange(start?: string | null, end?: string | null): string {\n  const startLabel = formatDateLabel(start)\n  const endLabel = formatDateLabel(end)\n  if (startLabel && endLabel) return `${startLabel} -> ${endLabel}`\n  return startLabel || endLabel || '-'\n}\n\nfunction formatDateLabel(value?: string | null): string {\n  if (!value) return ''\n  const date = new Date(value)\n  if (Number.isNaN(date.getTime())) return value\n  return date.toLocaleDateString()\n}\n\nfunction resolveStatusVariant(status: 'pending' | 'approved' | 'rejected') {\n  if (status === 'approved') return 'default'\n  if (status === 'rejected') return 'destructive'\n  return 'secondary'\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useRouter } from 'next/navigation'\nimport type { ColumnDef, SortingState } from '@tanstack/react-table'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable, withDataTableNamespaces } from '@open-mercato/ui/backend/DataTable'\nimport { ListEmptyState } from '@open-mercato/ui/backend/filters/ListEmptyState'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nconst PAGE_SIZE = 50\n\ntype LeaveRequestRow = {\n  id: string\n  memberName: string | null\n  startDate: string | null\n  endDate: string | null\n  status: 'pending' | 'approved' | 'rejected'\n  reason: string | null\n  updatedAt: string | null\n}\n\ntype LeaveRequestsResponse = {\n  items?: Array<Record<string, unknown>>\n  total?: number\n  totalPages?: number\n}\n\nexport default function StaffLeaveRequestsPage() {\n  const t = useT()\n  const router = useRouter()\n  const scopeVersion = useOrganizationScopeVersion()\n  const [rows, setRows] = React.useState<LeaveRequestRow[]>([])\n  const [page, setPage] = React.useState(1)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [search, setSearch] = React.useState('')\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [sorting, setSorting] = React.useState<SortingState>([{ id: 'startDate', desc: true }])\n\n  const labels = React.useMemo(() => ({\n    title: t('staff.leaveRequests.page.title', 'Leave requests'),\n    table: {\n      member: t('staff.leaveRequests.table.member', 'Team member'),\n      dates: t('staff.leaveRequests.table.dates', 'Dates'),\n      status: t('staff.leaveRequests.table.status', 'Status'),\n      reason: t('staff.leaveRequests.table.reason', 'Reason'),\n      updatedAt: t('staff.leaveRequests.table.updatedAt', 'Updated'),\n      empty: t('staff.leaveRequests.table.empty', 'No leave requests yet.'),\n      search: t('staff.leaveRequests.table.search', 'Search leave requests...'),\n    },\n    actions: {\n      add: t('staff.leaveRequests.actions.add', 'New request'),\n      refresh: t('staff.leaveRequests.actions.refresh', 'Refresh'),\n    },\n    errors: {\n      load: t('staff.leaveRequests.errors.load', 'Failed to load leave requests.'),\n    },\n  }), [t])\n\n  const columns = React.useMemo<ColumnDef<LeaveRequestRow>[]>(() => [\n    {\n      accessorKey: 'memberName',\n      header: labels.table.member,\n      meta: { priority: 1, sticky: true },\n      cell: ({ row }) => row.original.memberName ?? '-',\n    },\n    {\n      accessorKey: 'startDate',\n      header: labels.table.dates,\n      meta: { priority: 2 },\n      cell: ({ row }) => formatDateRange(row.original.startDate, row.original.endDate),\n    },\n    {\n      accessorKey: 'status',\n      header: labels.table.status,\n      meta: { priority: 3 },\n      cell: ({ row }) => (\n        <Badge variant={resolveStatusVariant(row.original.status)}>\n          {t(`staff.leaveRequests.status.${row.original.status}`, row.original.status)}\n        </Badge>\n      ),\n    },\n    {\n      accessorKey: 'reason',\n      header: labels.table.reason,\n      meta: { priority: 4, truncate: true, maxWidth: '240px' },\n      cell: ({ row }) => row.original.reason ?? '-',\n    },\n    {\n      accessorKey: 'updatedAt',\n      header: labels.table.updatedAt,\n      meta: { priority: 5 },\n      cell: ({ row }) => formatDateLabel(row.original.updatedAt),\n    },\n  ], [labels, t])\n\n  const loadRows = React.useCallback(async () => {\n    setIsLoading(true)\n    try {\n      const params = new URLSearchParams({\n        page: String(page),\n        pageSize: String(PAGE_SIZE),\n      })\n      if (search.trim().length) params.set('search', search.trim())\n      const activeSort = sorting[0]\n      if (activeSort?.id) {\n        params.set('sortField', activeSort.id)\n        params.set('sortDir', activeSort.desc ? 'desc' : 'asc')\n      }\n      const payload = await readApiResultOrThrow<LeaveRequestsResponse>(\n        `/api/staff/leave-requests?${params.toString()}`,\n        undefined,\n        { errorMessage: labels.errors.load },\n      )\n      const items = Array.isArray(payload.items) ? payload.items : []\n      setRows(items.map(mapLeaveRequest))\n      setTotal(typeof payload.total === 'number' ? payload.total : items.length)\n      setTotalPages(typeof payload.totalPages === 'number' ? payload.totalPages : 1)\n    } catch {\n      setRows([])\n      setTotal(0)\n      setTotalPages(1)\n    } finally {\n      setIsLoading(false)\n    }\n  }, [labels.errors.load, page, search, sorting])\n\n  React.useEffect(() => {\n    void loadRows()\n  }, [loadRows, scopeVersion])\n\n  const handleSearchChange = React.useCallback((value: string) => {\n    setSearch(value)\n    setPage(1)\n  }, [])\n\n  return (\n    <Page>\n      <PageBody>\n        <DataTable<LeaveRequestRow>\n          title={labels.title}\n          data={rows}\n          columns={columns}\n          isLoading={isLoading}\n          searchValue={search}\n          onSearchChange={handleSearchChange}\n          searchPlaceholder={labels.table.search}\n          emptyState={(\n            <ListEmptyState\n              entityName={labels.title}\n              createHref=\"/backend/staff/leave-requests/create\"\n              createLabel={labels.actions.add}\n            />\n          )}\n          actions={(\n            <Button asChild size=\"sm\">\n              <Link href=\"/backend/staff/leave-requests/create\">{labels.actions.add}</Link>\n            </Button>\n          )}\n          refreshButton={{\n            label: labels.actions.refresh,\n            onRefresh: loadRows,\n            isRefreshing: isLoading,\n          }}\n          sortable\n          sorting={sorting}\n          onSortingChange={setSorting}\n          pagination={{\n            page,\n            pageSize: PAGE_SIZE,\n            total,\n            totalPages,\n            onPageChange: setPage,\n          }}\n          onRowClick={(row) => {\n            router.push(`/backend/staff/leave-requests/${encodeURIComponent(row.id)}`)\n          }}\n        />\n      </PageBody>\n    </Page>\n  )\n}\n\nfunction mapLeaveRequest(item: Record<string, unknown>): LeaveRequestRow {\n  const id = typeof item.id === 'string' ? item.id : ''\n  const member = item.member && typeof item.member === 'object'\n    ? item.member as { displayName?: unknown }\n    : null\n  const memberName = typeof member?.displayName === 'string'\n    ? member.displayName\n    : null\n  const startDate = typeof item.startDate === 'string'\n    ? item.startDate\n    : typeof item.start_date === 'string'\n      ? item.start_date\n      : null\n  const endDate = typeof item.endDate === 'string'\n    ? item.endDate\n    : typeof item.end_date === 'string'\n      ? item.end_date\n      : null\n  const status = item.status === 'approved' || item.status === 'rejected' ? item.status : 'pending'\n  const reason = typeof item.unavailabilityReasonValue === 'string'\n    ? item.unavailabilityReasonValue\n    : typeof item.unavailability_reason_value === 'string'\n      ? item.unavailability_reason_value\n      : null\n  const updatedAt = typeof item.updatedAt === 'string'\n    ? item.updatedAt\n    : typeof item.updated_at === 'string'\n      ? item.updated_at\n      : null\n  return withDataTableNamespaces({\n    id,\n    memberName,\n    startDate,\n    endDate,\n    status,\n    reason,\n    updatedAt,\n  }, item)\n}\n\nfunction formatDateRange(start?: string | null, end?: string | null): string {\n  const startLabel = formatDateLabel(start)\n  const endLabel = formatDateLabel(end)\n  if (startLabel && endLabel) return `${startLabel} -> ${endLabel}`\n  return startLabel || endLabel || '-'\n}\n\nfunction formatDateLabel(value?: string | null): string {\n  if (!value) return ''\n  const date = new Date(value)\n  if (Number.isNaN(date.getTime())) return value\n  return date.toLocaleDateString()\n}\n\nfunction resolveStatusVariant(status: 'pending' | 'approved' | 'rejected') {\n  if (status === 'approved') return 'default'\n  if (status === 'rejected') return 'destructive'\n  return 'secondary'\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/staff/backend/staff/my-leave-requests/[id]/page.js

@@ -81,7 +81,8 @@ function StaffMyLeaveRequestDetailPage({ params }) {
     timezone: record?.timezone ?? null,
     unavailabilityReasonEntryId: record?.unavailabilityReasonEntryId ?? null,
     unavailabilityReasonValue: record?.unavailabilityReasonValue ?? null,
-    note: record?.note ?? null
+    note: record?.note ?? null,
+    updatedAt: record?.updatedAt ?? null
   }), [record, memberLabel]);
   const dateSummary = formatDateRange(record?.startDate, record?.endDate);
   const handleSubmit = React.useCallback(async (values) => {

package/dist/modules/staff/backend/staff/my-leave-requests/[id]/page.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/modules/staff/backend/staff/my-leave-requests/%5Bid%5D/page.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { LoadingMessage, ErrorMessage, RecordNotFoundState } from '@open-mercato/ui/backend/detail'\nimport { SendObjectMessageDialog } from '@open-mercato/ui/backend/messages'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { updateCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { LeaveRequestForm, buildLeaveRequestPayload, type LeaveRequestFormValues } from '@open-mercato/core/modules/staff/components/LeaveRequestForm'\nimport { type LeaveRequestsResponse, type NormalizedLeaveRequest, normalizeLeaveRequest, resolveStatusVariant, formatDateLabel, formatDateRange } from '../../../../lib/leaveRequestHelpers'\n\nexport default function StaffMyLeaveRequestDetailPage({ params }: { params?: { id?: string } }) {\n  const id = params?.id\n  const t = useT()\n  const router = useRouter()\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [isNotFound, setIsNotFound] = React.useState(false)\n  const [record, setRecord] = React.useState<NormalizedLeaveRequest | null>(null)\n\n  React.useEffect(() => {\n    if (!id) {\n      setIsNotFound(true)\n      setIsLoading(false)\n      return\n    }\n    const requestId = id\n    let cancelled = false\n    async function load() {\n      setIsLoading(true)\n      setError(null)\n      setIsNotFound(false)\n      try {\n        const params = new URLSearchParams({ page: '1', pageSize: '1', ids: requestId })\n        const payload = await readApiResultOrThrow<LeaveRequestsResponse>(\n          `/api/staff/leave-requests?${params.toString()}`,\n          undefined,\n          { errorMessage: t('staff.leaveRequests.errors.load', 'Failed to load leave request.') },\n        )\n        const entry = Array.isArray(payload.items) ? payload.items[0] : null\n        if (!entry) {\n          if (!cancelled) {\n            setIsNotFound(true)\n            setRecord(null)\n          }\n          return\n        }\n        if (!cancelled) {\n          setRecord(normalizeLeaveRequest(entry))\n        }\n      } catch (err) {\n        if (!cancelled) {\n          if ((err as { status?: number }).status === 404) {\n            setIsNotFound(true)\n            setRecord(null)\n          } else {\n            const message = err instanceof Error ? err.message : t('staff.leaveRequests.errors.load', 'Failed to load leave request.')\n            setError(message)\n            setRecord(null)\n          }\n        }\n      } finally {\n        if (!cancelled) setIsLoading(false)\n      }\n    }\n    void load()\n    return () => { cancelled = true }\n  }, [id, t])\n\n  const status = record?.status ?? 'pending'\n  const memberLabel = record?.member?.displayName ?? null\n  const initialValues = React.useMemo<LeaveRequestFormValues>(() => ({\n    id: record?.id,\n    memberId: record?.memberId ?? null,\n    memberLabel,\n    startDate: record?.startDate ?? null,\n    endDate: record?.endDate ?? null,\n    timezone: record?.timezone ?? null,\n    unavailabilityReasonEntryId: record?.unavailabilityReasonEntryId ?? null,\n    unavailabilityReasonValue: record?.unavailabilityReasonValue ?? null,\n    note: record?.note ?? null,\n  }), [record, memberLabel])\n  const dateSummary = formatDateRange(record?.startDate, record?.endDate)\nconst handleSubmit = React.useCallback(async (values: LeaveRequestFormValues) => {\n    if (!record?.id) return\n    const payload = buildLeaveRequestPayload(values, { id: record.id })\n    await updateCrud('staff/leave-requests', payload, {\n      errorMessage: t('staff.leaveRequests.form.errors.update', 'Failed to update leave request.'),\n    })\n    flash(t('staff.leaveRequests.form.flash.updated', 'Leave request updated.'), 'success')\n    router.push('/backend/staff/my-leave-requests')\n  }, [record?.id, router, t])\n\n  if (isLoading) {\n    return (\n      <Page>\n        <PageBody>\n          <LoadingMessage label={t('staff.leaveRequests.form.loading', 'Loading leave request...')} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (isNotFound) {\n    return (\n      <Page>\n        <PageBody>\n          <RecordNotFoundState\n            label={t('staff.leaveRequests.errors.notFound', 'Leave request not found.')}\n            backHref=\"/backend/staff/my-leave-requests\"\n            backLabel={t('staff.leaveRequests.actions.backToMyList', 'Back to my leave requests')}\n          />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (error || !record) {\n    return (\n      <Page>\n        <PageBody>\n          <ErrorMessage label={error ?? t('staff.leaveRequests.errors.load', 'Failed to load leave request.')} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        <div className=\"mb-6 space-y-2 rounded-lg border bg-card p-4\">\n          <div className=\"flex flex-wrap items-center gap-3\">\n            <Badge variant={resolveStatusVariant(status)}>\n              {t(`staff.leaveRequests.status.${status}`, status)}\n            </Badge>\n            {record.decidedAt ? (\n              <span className=\"text-xs text-muted-foreground\">\n                {t('staff.leaveRequests.decision.at', 'Decision at')} {formatDateLabel(record.decidedAt)}\n              </span>\n            ) : null}\n          </div>\n          {record.decisionComment ? (\n            <div className=\"text-sm text-muted-foreground\">\n              <div className=\"font-medium text-foreground\">{t('staff.leaveRequests.decision.comment', 'Decision comment')}</div>\n              <p>{record.decisionComment}</p>\n            </div>\n          ) : null}\n        </div>\n\n        {status === 'pending' ? (\n          <LeaveRequestForm\n            title={t('staff.leaveRequests.form.editTitle', 'Leave request')}\n            submitLabel={t('staff.leaveRequests.form.actions.save', 'Save')}\n            backHref=\"/backend/staff/my-leave-requests\"\n            cancelHref=\"/backend/staff/my-leave-requests\"\n            initialValues={initialValues}\n            onSubmit={handleSubmit}\n            allowMemberSelect={false}\n            memberLabel={memberLabel}\n            extraActions={record.id ? (\n              <SendObjectMessageDialog\n                object={{\n                  entityModule: 'staff',\n                  entityType: 'leave_request',\n                  entityId: record.id,\n                  sourceEntityType: 'staff:leave_request',\n                  sourceEntityId: record.id,\n                  previewData: {\n                    title: memberLabel || t('staff.leaveRequests.messages.contextTitle', 'Linked leave request'),\n                    subtitle: dateSummary || undefined,\n                    status: record?.status ?? undefined,\n                  },\n                }}\n                viewHref={`/backend/staff/leave-requests/${record.id}`}\n                lockedType=\"staff.leave_request_approval\"\n                requiredActionConfig={{\n                  mode: 'required',\n                  options: [\n                    { id: 'approve', label: t('staff.notifications.leaveRequest.actions.approve', 'Approve') },\n                    { id: 'reject', label: t('staff.notifications.leaveRequest.actions.reject', 'Reject') },\n                  ],\n                }}\n                defaultValues={{\n                  type: 'staff.leave_request_approval',\n                  subject: t('staff.leaveRequests.messages.compose.subject', 'Leave request approval needed'),\n                  body: t('staff.leaveRequests.messages.compose.body', 'Please review this leave request and take action.'),\n                }}\n              />\n            ) : null}\n          />\n        ) : (\n          <div className=\"rounded-lg border bg-card p-4 text-sm text-muted-foreground\">\n            <div className=\"font-medium text-foreground\">{t('staff.leaveRequests.detail.summary', 'Request details')}</div>\n            <p>{memberLabel ? t('staff.leaveRequests.detail.member', 'Team member') + `: ${memberLabel}` : null}</p>\n            <p>{t('staff.leaveRequests.detail.dates', 'Dates')}: {formatDateRange(record.startDate, record.endDate)}</p>\n            {record.unavailabilityReasonValue ? (\n              <p>{t('staff.leaveRequests.detail.reason', 'Reason')}: {record.unavailabilityReasonValue}</p>\n            ) : null}\n            {record.note ? <p>{t('staff.leaveRequests.detail.note', 'Note')}: {record.note}</p> : null}\n          </div>\n        )}\n      </PageBody>\n    </Page>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { LoadingMessage, ErrorMessage, RecordNotFoundState } from '@open-mercato/ui/backend/detail'\nimport { SendObjectMessageDialog } from '@open-mercato/ui/backend/messages'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { updateCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { LeaveRequestForm, buildLeaveRequestPayload, type LeaveRequestFormValues } from '@open-mercato/core/modules/staff/components/LeaveRequestForm'\nimport { type LeaveRequestsResponse, type NormalizedLeaveRequest, normalizeLeaveRequest, resolveStatusVariant, formatDateLabel, formatDateRange } from '../../../../lib/leaveRequestHelpers'\n\nexport default function StaffMyLeaveRequestDetailPage({ params }: { params?: { id?: string } }) {\n  const id = params?.id\n  const t = useT()\n  const router = useRouter()\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [isNotFound, setIsNotFound] = React.useState(false)\n  const [record, setRecord] = React.useState<NormalizedLeaveRequest | null>(null)\n\n  React.useEffect(() => {\n    if (!id) {\n      setIsNotFound(true)\n      setIsLoading(false)\n      return\n    }\n    const requestId = id\n    let cancelled = false\n    async function load() {\n      setIsLoading(true)\n      setError(null)\n      setIsNotFound(false)\n      try {\n        const params = new URLSearchParams({ page: '1', pageSize: '1', ids: requestId })\n        const payload = await readApiResultOrThrow<LeaveRequestsResponse>(\n          `/api/staff/leave-requests?${params.toString()}`,\n          undefined,\n          { errorMessage: t('staff.leaveRequests.errors.load', 'Failed to load leave request.') },\n        )\n        const entry = Array.isArray(payload.items) ? payload.items[0] : null\n        if (!entry) {\n          if (!cancelled) {\n            setIsNotFound(true)\n            setRecord(null)\n          }\n          return\n        }\n        if (!cancelled) {\n          setRecord(normalizeLeaveRequest(entry))\n        }\n      } catch (err) {\n        if (!cancelled) {\n          if ((err as { status?: number }).status === 404) {\n            setIsNotFound(true)\n            setRecord(null)\n          } else {\n            const message = err instanceof Error ? err.message : t('staff.leaveRequests.errors.load', 'Failed to load leave request.')\n            setError(message)\n            setRecord(null)\n          }\n        }\n      } finally {\n        if (!cancelled) setIsLoading(false)\n      }\n    }\n    void load()\n    return () => { cancelled = true }\n  }, [id, t])\n\n  const status = record?.status ?? 'pending'\n  const memberLabel = record?.member?.displayName ?? null\n  // optimistic-lock: LeaveRequestForm forwards optimisticLockUpdatedAt from initialValues.updatedAt (wrapper auto-derives the header on save).\n  const initialValues = React.useMemo<LeaveRequestFormValues>(() => ({\n    id: record?.id,\n    memberId: record?.memberId ?? null,\n    memberLabel,\n    startDate: record?.startDate ?? null,\n    endDate: record?.endDate ?? null,\n    timezone: record?.timezone ?? null,\n    unavailabilityReasonEntryId: record?.unavailabilityReasonEntryId ?? null,\n    unavailabilityReasonValue: record?.unavailabilityReasonValue ?? null,\n    note: record?.note ?? null,\n    updatedAt: record?.updatedAt ?? null,\n  }), [record, memberLabel])\n  const dateSummary = formatDateRange(record?.startDate, record?.endDate)\nconst handleSubmit = React.useCallback(async (values: LeaveRequestFormValues) => {\n    if (!record?.id) return\n    const payload = buildLeaveRequestPayload(values, { id: record.id })\n    await updateCrud('staff/leave-requests', payload, {\n      errorMessage: t('staff.leaveRequests.form.errors.update', 'Failed to update leave request.'),\n    })\n    flash(t('staff.leaveRequests.form.flash.updated', 'Leave request updated.'), 'success')\n    router.push('/backend/staff/my-leave-requests')\n  }, [record?.id, router, t])\n\n  if (isLoading) {\n    return (\n      <Page>\n        <PageBody>\n          <LoadingMessage label={t('staff.leaveRequests.form.loading', 'Loading leave request...')} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (isNotFound) {\n    return (\n      <Page>\n        <PageBody>\n          <RecordNotFoundState\n            label={t('staff.leaveRequests.errors.notFound', 'Leave request not found.')}\n            backHref=\"/backend/staff/my-leave-requests\"\n            backLabel={t('staff.leaveRequests.actions.backToMyList', 'Back to my leave requests')}\n          />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (error || !record) {\n    return (\n      <Page>\n        <PageBody>\n          <ErrorMessage label={error ?? t('staff.leaveRequests.errors.load', 'Failed to load leave request.')} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        <div className=\"mb-6 space-y-2 rounded-lg border bg-card p-4\">\n          <div className=\"flex flex-wrap items-center gap-3\">\n            <Badge variant={resolveStatusVariant(status)}>\n              {t(`staff.leaveRequests.status.${status}`, status)}\n            </Badge>\n            {record.decidedAt ? (\n              <span className=\"text-xs text-muted-foreground\">\n                {t('staff.leaveRequests.decision.at', 'Decision at')} {formatDateLabel(record.decidedAt)}\n              </span>\n            ) : null}\n          </div>\n          {record.decisionComment ? (\n            <div className=\"text-sm text-muted-foreground\">\n              <div className=\"font-medium text-foreground\">{t('staff.leaveRequests.decision.comment', 'Decision comment')}</div>\n              <p>{record.decisionComment}</p>\n            </div>\n          ) : null}\n        </div>\n\n        {status === 'pending' ? (\n          <LeaveRequestForm\n            title={t('staff.leaveRequests.form.editTitle', 'Leave request')}\n            submitLabel={t('staff.leaveRequests.form.actions.save', 'Save')}\n            backHref=\"/backend/staff/my-leave-requests\"\n            cancelHref=\"/backend/staff/my-leave-requests\"\n            initialValues={initialValues}\n            onSubmit={handleSubmit}\n            allowMemberSelect={false}\n            memberLabel={memberLabel}\n            extraActions={record.id ? (\n              <SendObjectMessageDialog\n                object={{\n                  entityModule: 'staff',\n                  entityType: 'leave_request',\n                  entityId: record.id,\n                  sourceEntityType: 'staff:leave_request',\n                  sourceEntityId: record.id,\n                  previewData: {\n                    title: memberLabel || t('staff.leaveRequests.messages.contextTitle', 'Linked leave request'),\n                    subtitle: dateSummary || undefined,\n                    status: record?.status ?? undefined,\n                  },\n                }}\n                viewHref={`/backend/staff/leave-requests/${record.id}`}\n                lockedType=\"staff.leave_request_approval\"\n                requiredActionConfig={{\n                  mode: 'required',\n                  options: [\n                    { id: 'approve', label: t('staff.notifications.leaveRequest.actions.approve', 'Approve') },\n                    { id: 'reject', label: t('staff.notifications.leaveRequest.actions.reject', 'Reject') },\n                  ],\n                }}\n                defaultValues={{\n                  type: 'staff.leave_request_approval',\n                  subject: t('staff.leaveRequests.messages.compose.subject', 'Leave request approval needed'),\n                  body: t('staff.leaveRequests.messages.compose.body', 'Please review this leave request and take action.'),\n                }}\n              />\n            ) : null}\n          />\n        ) : (\n          <div className=\"rounded-lg border bg-card p-4 text-sm text-muted-foreground\">\n            <div className=\"font-medium text-foreground\">{t('staff.leaveRequests.detail.summary', 'Request details')}</div>\n            <p>{memberLabel ? t('staff.leaveRequests.detail.member', 'Team member') + `: ${memberLabel}` : null}</p>\n            <p>{t('staff.leaveRequests.detail.dates', 'Dates')}: {formatDateRange(record.startDate, record.endDate)}</p>\n            {record.unavailabilityReasonValue ? (\n              <p>{t('staff.leaveRequests.detail.reason', 'Reason')}: {record.unavailabilityReasonValue}</p>\n            ) : null}\n            {record.note ? <p>{t('staff.leaveRequests.detail.note', 'Note')}: {record.note}</p> : null}\n          </div>\n        )}\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
   "names": ["params"]
 }

package/dist/modules/staff/backend/staff/profile/create/page.js

@@ -41,7 +41,7 @@ function StaffProfileCreatePage() {
   }, [router, t]);
   const fields = React.useMemo(() => [
     { id: "displayName", label: t("staff.teamMembers.form.fields.displayName", "Display name"), type: "text", required: true },
-    { id: "description", label: t("staff.teamMembers.form.fields.description", "Description"), type: "richtext", editor: "html" }
+    { id: "description", label: t("staff.teamMembers.form.fields.description", "Description"), type: "richtext", editor: "uiw" }
   ], [t]);
   const handleSubmit = React.useCallback(async (values) => {
     await apiCallOrThrow("/api/staff/team-members/self", {

package/dist/modules/staff/backend/staff/profile/create/page.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/modules/staff/backend/staff/profile/create/page.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { CrudForm, type CrudField } from '@open-mercato/ui/backend/CrudForm'\nimport { LoadingMessage, ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport { apiCall, apiCallOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\ntype SelfMemberResponse = {\n  member?: {\n    id?: string\n  } | null\n}\n\ntype SelfProfileValues = {\n  displayName?: string | null\n  description?: string | null\n}\n\nexport default function StaffProfileCreatePage() {\n  const t = useT()\n  const router = useRouter()\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function load() {\n      setIsLoading(true)\n      setError(null)\n      try {\n        const response = await apiCall<SelfMemberResponse>('/api/staff/team-members/self')\n        const memberId = response.result?.member?.id ?? null\n        if (memberId && !cancelled) {\n          router.replace('/backend/staff/my-availability')\n          return\n        }\n      } catch (err) {\n        if (!cancelled) {\n          const message = err instanceof Error ? err.message : t('staff.teamMembers.form.errors.load', 'Failed to load team member.')\n          setError(message)\n        }\n      } finally {\n        if (!cancelled) setIsLoading(false)\n      }\n    }\n    void load()\n    return () => { cancelled = true }\n  }, [router, t])\n\n  const fields = React.useMemo<CrudField[]>(() => ([\n    { id: 'displayName', label: t('staff.teamMembers.form.fields.displayName', 'Display name'), type: 'text', required: true },\n    { id: 'description', label: t('staff.teamMembers.form.fields.description', 'Description'), type: 'richtext', editor: 'html' },\n  ]), [t])\n\n  const handleSubmit = React.useCallback(async (values: SelfProfileValues) => {\n    await apiCallOrThrow('/api/staff/team-members/self', {\n      method: 'POST',\n      headers: { 'content-type': 'application/json' },\n      body: JSON.stringify({\n        displayName: values.displayName ?? '',\n        description: values.description ?? null,\n      }),\n    })\n    flash(t('staff.teamMembers.self.created', 'Profile created.'), 'success')\n    router.push('/backend/staff/my-availability')\n  }, [router, t])\n\n  if (isLoading) {\n    return (\n      <Page>\n        <PageBody>\n          <LoadingMessage label={t('staff.teamMembers.form.loading', 'Loading team member...')} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (error) {\n    return (\n      <Page>\n        <PageBody>\n          <ErrorMessage label={error} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        <CrudForm<SelfProfileValues>\n          title={t('staff.teamMembers.self.createTitle', 'Create my profile')}\n          submitLabel={t('staff.teamMembers.form.actions.create', 'Create')}\n          backHref=\"/backend/staff/my-leave-requests\"\n          cancelHref=\"/backend/staff/my-leave-requests\"\n          fields={fields}\n          initialValues={{}}\n          onSubmit={handleSubmit}\n        />\n      </PageBody>\n    </Page>\n  )\n}\n"],
-  "mappings": ";AA2EU;AAzEV,YAAY,WAAW;AACvB,SAAS,iBAAiB;AAC1B,SAAS,MAAM,gBAAgB;AAC/B,SAAS,gBAAgC;AACzC,SAAS,gBAAgB,oBAAoB;AAC7C,SAAS,SAAS,sBAAsB;AACxC,SAAS,aAAa;AACtB,SAAS,YAAY;AAaN,SAAR,yBAA0C;AAC/C,QAAM,IAAI,KAAK;AACf,QAAM,SAAS,UAAU;AACzB,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,IAAI;AACrD,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAwB,IAAI;AAE5D,QAAM,UAAU,MAAM;AACpB,QAAI,YAAY;AAChB,mBAAe,OAAO;AACpB,mBAAa,IAAI;AACjB,eAAS,IAAI;AACb,UAAI;AACF,cAAM,WAAW,MAAM,QAA4B,8BAA8B;AACjF,cAAM,WAAW,SAAS,QAAQ,QAAQ,MAAM;AAChD,YAAI,YAAY,CAAC,WAAW;AAC1B,iBAAO,QAAQ,gCAAgC;AAC/C;AAAA,QACF;AAAA,MACF,SAAS,KAAK;AACZ,YAAI,CAAC,WAAW;AACd,gBAAM,UAAU,eAAe,QAAQ,IAAI,UAAU,EAAE,sCAAsC,6BAA6B;AAC1H,mBAAS,OAAO;AAAA,QAClB;AAAA,MACF,UAAE;AACA,YAAI,CAAC,UAAW,cAAa,KAAK;AAAA,MACpC;AAAA,IACF;AACA,SAAK,KAAK;AACV,WAAO,MAAM;AAAE,kBAAY;AAAA,IAAK;AAAA,EAClC,GAAG,CAAC,QAAQ,CAAC,CAAC;AAEd,QAAM,SAAS,MAAM,QAAqB,MAAO;AAAA,IAC/C,EAAE,IAAI,eAAe,OAAO,EAAE,6CAA6C,cAAc,GAAG,MAAM,QAAQ,UAAU,KAAK;AAAA,IACzH,EAAE,IAAI,eAAe,OAAO,EAAE,6CAA6C,aAAa,GAAG,MAAM,YAAY,QAAQ,OAAO;AAAA,EAC9H,GAAI,CAAC,CAAC,CAAC;AAEP,QAAM,eAAe,MAAM,YAAY,OAAO,WAA8B;AAC1E,UAAM,eAAe,gCAAgC;AAAA,MACnD,QAAQ;AAAA,MACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,MAC9C,MAAM,KAAK,UAAU;AAAA,QACnB,aAAa,OAAO,eAAe;AAAA,QACnC,aAAa,OAAO,eAAe;AAAA,MACrC,CAAC;AAAA,IACH,CAAC;AACD,UAAM,EAAE,kCAAkC,kBAAkB,GAAG,SAAS;AACxE,WAAO,KAAK,gCAAgC;AAAA,EAC9C,GAAG,CAAC,QAAQ,CAAC,CAAC;AAEd,MAAI,WAAW;AACb,WACE,oBAAC,QACC,8BAAC,YACC,8BAAC,kBAAe,OAAO,EAAE,kCAAkC,wBAAwB,GAAG,GACxF,GACF;AAAA,EAEJ;AAEA,MAAI,OAAO;AACT,WACE,oBAAC,QACC,8BAAC,YACC,8BAAC,gBAAa,OAAO,OAAO,GAC9B,GACF;AAAA,EAEJ;AAEA,SACE,oBAAC,QACC,8BAAC,YACC;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,sCAAsC,mBAAmB;AAAA,MAClE,aAAa,EAAE,yCAAyC,QAAQ;AAAA,MAChE,UAAS;AAAA,MACT,YAAW;AAAA,MACX;AAAA,MACA,eAAe,CAAC;AAAA,MAChB,UAAU;AAAA;AAAA,EACZ,GACF,GACF;AAEJ;",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { CrudForm, type CrudField } from '@open-mercato/ui/backend/CrudForm'\nimport { LoadingMessage, ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport { apiCall, apiCallOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\ntype SelfMemberResponse = {\n  member?: {\n    id?: string\n  } | null\n}\n\ntype SelfProfileValues = {\n  displayName?: string | null\n  description?: string | null\n}\n\nexport default function StaffProfileCreatePage() {\n  const t = useT()\n  const router = useRouter()\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function load() {\n      setIsLoading(true)\n      setError(null)\n      try {\n        const response = await apiCall<SelfMemberResponse>('/api/staff/team-members/self')\n        const memberId = response.result?.member?.id ?? null\n        if (memberId && !cancelled) {\n          router.replace('/backend/staff/my-availability')\n          return\n        }\n      } catch (err) {\n        if (!cancelled) {\n          const message = err instanceof Error ? err.message : t('staff.teamMembers.form.errors.load', 'Failed to load team member.')\n          setError(message)\n        }\n      } finally {\n        if (!cancelled) setIsLoading(false)\n      }\n    }\n    void load()\n    return () => { cancelled = true }\n  }, [router, t])\n\n  const fields = React.useMemo<CrudField[]>(() => ([\n    { id: 'displayName', label: t('staff.teamMembers.form.fields.displayName', 'Display name'), type: 'text', required: true },\n    { id: 'description', label: t('staff.teamMembers.form.fields.description', 'Description'), type: 'richtext', editor: 'uiw' },\n  ]), [t])\n\n  const handleSubmit = React.useCallback(async (values: SelfProfileValues) => {\n    await apiCallOrThrow('/api/staff/team-members/self', {\n      method: 'POST',\n      headers: { 'content-type': 'application/json' },\n      body: JSON.stringify({\n        displayName: values.displayName ?? '',\n        description: values.description ?? null,\n      }),\n    })\n    flash(t('staff.teamMembers.self.created', 'Profile created.'), 'success')\n    router.push('/backend/staff/my-availability')\n  }, [router, t])\n\n  if (isLoading) {\n    return (\n      <Page>\n        <PageBody>\n          <LoadingMessage label={t('staff.teamMembers.form.loading', 'Loading team member...')} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (error) {\n    return (\n      <Page>\n        <PageBody>\n          <ErrorMessage label={error} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        <CrudForm<SelfProfileValues>\n          title={t('staff.teamMembers.self.createTitle', 'Create my profile')}\n          submitLabel={t('staff.teamMembers.form.actions.create', 'Create')}\n          backHref=\"/backend/staff/my-leave-requests\"\n          cancelHref=\"/backend/staff/my-leave-requests\"\n          fields={fields}\n          initialValues={{}}\n          onSubmit={handleSubmit}\n        />\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": ";AA2EU;AAzEV,YAAY,WAAW;AACvB,SAAS,iBAAiB;AAC1B,SAAS,MAAM,gBAAgB;AAC/B,SAAS,gBAAgC;AACzC,SAAS,gBAAgB,oBAAoB;AAC7C,SAAS,SAAS,sBAAsB;AACxC,SAAS,aAAa;AACtB,SAAS,YAAY;AAaN,SAAR,yBAA0C;AAC/C,QAAM,IAAI,KAAK;AACf,QAAM,SAAS,UAAU;AACzB,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,IAAI;AACrD,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAwB,IAAI;AAE5D,QAAM,UAAU,MAAM;AACpB,QAAI,YAAY;AAChB,mBAAe,OAAO;AACpB,mBAAa,IAAI;AACjB,eAAS,IAAI;AACb,UAAI;AACF,cAAM,WAAW,MAAM,QAA4B,8BAA8B;AACjF,cAAM,WAAW,SAAS,QAAQ,QAAQ,MAAM;AAChD,YAAI,YAAY,CAAC,WAAW;AAC1B,iBAAO,QAAQ,gCAAgC;AAC/C;AAAA,QACF;AAAA,MACF,SAAS,KAAK;AACZ,YAAI,CAAC,WAAW;AACd,gBAAM,UAAU,eAAe,QAAQ,IAAI,UAAU,EAAE,sCAAsC,6BAA6B;AAC1H,mBAAS,OAAO;AAAA,QAClB;AAAA,MACF,UAAE;AACA,YAAI,CAAC,UAAW,cAAa,KAAK;AAAA,MACpC;AAAA,IACF;AACA,SAAK,KAAK;AACV,WAAO,MAAM;AAAE,kBAAY;AAAA,IAAK;AAAA,EAClC,GAAG,CAAC,QAAQ,CAAC,CAAC;AAEd,QAAM,SAAS,MAAM,QAAqB,MAAO;AAAA,IAC/C,EAAE,IAAI,eAAe,OAAO,EAAE,6CAA6C,cAAc,GAAG,MAAM,QAAQ,UAAU,KAAK;AAAA,IACzH,EAAE,IAAI,eAAe,OAAO,EAAE,6CAA6C,aAAa,GAAG,MAAM,YAAY,QAAQ,MAAM;AAAA,EAC7H,GAAI,CAAC,CAAC,CAAC;AAEP,QAAM,eAAe,MAAM,YAAY,OAAO,WAA8B;AAC1E,UAAM,eAAe,gCAAgC;AAAA,MACnD,QAAQ;AAAA,MACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,MAC9C,MAAM,KAAK,UAAU;AAAA,QACnB,aAAa,OAAO,eAAe;AAAA,QACnC,aAAa,OAAO,eAAe;AAAA,MACrC,CAAC;AAAA,IACH,CAAC;AACD,UAAM,EAAE,kCAAkC,kBAAkB,GAAG,SAAS;AACxE,WAAO,KAAK,gCAAgC;AAAA,EAC9C,GAAG,CAAC,QAAQ,CAAC,CAAC;AAEd,MAAI,WAAW;AACb,WACE,oBAAC,QACC,8BAAC,YACC,8BAAC,kBAAe,OAAO,EAAE,kCAAkC,wBAAwB,GAAG,GACxF,GACF;AAAA,EAEJ;AAEA,MAAI,OAAO;AACT,WACE,oBAAC,QACC,8BAAC,YACC,8BAAC,gBAAa,OAAO,OAAO,GAC9B,GACF;AAAA,EAEJ;AAEA,SACE,oBAAC,QACC,8BAAC,YACC;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,sCAAsC,mBAAmB;AAAA,MAClE,aAAa,EAAE,yCAAyC,QAAQ;AAAA,MAChE,UAAS;AAAA,MACT,YAAW;AAAA,MACX;AAAA,MACA,eAAe,CAAC;AAAA,MAChB,UAAU;AAAA;AAAA,EACZ,GACF,GACF;AAEJ;",
   "names": []
 }

package/dist/modules/staff/backend/staff/team-members/[id]/page.js

@@ -5,9 +5,10 @@ import Link from "next/link";
 import { useRouter, useSearchParams } from "next/navigation";
 import { Page, PageBody } from "@open-mercato/ui/backend/Page";
 import { Button } from "@open-mercato/ui/primitives/button";
-import { readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { readApiResultOrThrow, withScopedApiRequestHeaders } from "@open-mercato/ui/backend/utils/apiCall";
 import { extractCustomFieldEntries } from "@open-mercato/shared/lib/crud/custom-fields-client";
 import { updateCrud, deleteCrud } from "@open-mercato/ui/backend/utils/crud";
+import { buildOptimisticLockHeader } from "@open-mercato/ui/backend/utils/optimisticLock";
 import { flash } from "@open-mercato/ui/backend/FlashMessages";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { createTranslatorWithFallback } from "@open-mercato/shared/lib/i18n/translate";
@@ -179,6 +180,7 @@ function StaffTeamMemberDetailPage({ params }) {
             roleIds: normalizedRoleIds,
             tags: normalizeStringList(record.tags),
             isActive: record.isActive ?? record.is_active ?? true,
+            updatedAt: typeof record.updatedAt === "string" ? record.updatedAt : typeof record.updated_at === "string" ? record.updated_at : null,
             ...customFields
           });
           setMemberRecord(record);
@@ -234,12 +236,13 @@ function StaffTeamMemberDetailPage({ params }) {
   }, [memberId, router, t]);
   const handleRulesetChange = React.useCallback(async (nextId) => {
     if (!memberId) return;
-    await updateCrud("staff/team-members", { id: memberId, availabilityRuleSetId: nextId }, {
+    const headers = buildOptimisticLockHeader(initialValues?.updatedAt);
+    await withScopedApiRequestHeaders(headers, () => updateCrud("staff/team-members", { id: memberId, availabilityRuleSetId: nextId }, {
       errorMessage: t("staff.teamMembers.availability.ruleset.updateError", "Failed to update schedule.")
-    });
+    }));
     setAvailabilityRuleSetId(nextId);
     flash(t("staff.teamMembers.availability.ruleset.updateSuccess", "Schedule updated."), "success");
-  }, [memberId, t]);
+  }, [initialValues?.updatedAt, memberId, t]);
   const panelTabs = React.useMemo(() => [
     { id: "details", label: t("staff.teamMembers.detail.tabs.details", "Details") },
     { id: "availability", label: t("staff.teamMembers.detail.tabs.availability", "Availability") },