@open-mercato/core 0.4.5-develop-5191db4ef3 → 0.4.5-develop-9f9549ebc8

package/dist/modules/sales/widgets/messages/SalesDocumentMessagePreview.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { FileText, ReceiptText } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Badge } from "@open-mercato/ui/primitives/badge";
+function SalesDocumentMessagePreview({
+  entityType,
+  entityId,
+  previewData,
+  actionRequired,
+  actionLabel
+}) {
+  const t = useT();
+  const isQuote = entityType === "quote";
+  const Icon = isQuote ? FileText : ReceiptText;
+  const fallbackTitle = isQuote ? t("sales.documents.detail.quote", "Sales quote") : t("sales.documents.detail.order", "Sales order");
+  const title = previewData?.title || fallbackTitle;
+  const subtitle = previewData?.subtitle || entityId;
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 rounded-md border bg-muted/20 p-3", children: [
+    /* @__PURE__ */ jsx(Icon, { className: "mt-0.5 h-4 w-4 text-muted-foreground" }),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-1", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium", children: title }),
+        actionRequired ? /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: actionLabel || t("messages.composer.objectActionRequired", "Action required") }) : null
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "truncate text-xs text-muted-foreground", children: subtitle }),
+      previewData?.status ? /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-xs", children: previewData.status }) : null
+    ] })
+  ] });
+}
+var SalesDocumentMessagePreview_default = SalesDocumentMessagePreview;
+export {
+  SalesDocumentMessagePreview,
+  SalesDocumentMessagePreview_default as default
+};
+//# sourceMappingURL=SalesDocumentMessagePreview.js.map

package/dist/modules/sales/widgets/messages/SalesDocumentMessagePreview.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/sales/widgets/messages/SalesDocumentMessagePreview.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport { FileText, ReceiptText } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { ObjectPreviewProps } from '@open-mercato/shared/modules/messages/types'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\n\nexport function SalesDocumentMessagePreview({\n  entityType,\n  entityId,\n  previewData,\n  actionRequired,\n  actionLabel,\n}: ObjectPreviewProps) {\n  const t = useT()\n  const isQuote = entityType === 'quote'\n  const Icon = isQuote ? FileText : ReceiptText\n  const fallbackTitle = isQuote\n    ? t('sales.documents.detail.quote', 'Sales quote')\n    : t('sales.documents.detail.order', 'Sales order')\n  const title = previewData?.title || fallbackTitle\n  const subtitle = previewData?.subtitle || entityId\n\n  return (\n    <div className=\"flex items-start gap-3 rounded-md border bg-muted/20 p-3\">\n      <Icon className=\"mt-0.5 h-4 w-4 text-muted-foreground\" />\n      <div className=\"min-w-0 flex-1 space-y-1\">\n        <div className=\"flex items-center gap-2\">\n          <p className=\"truncate text-sm font-medium\">{title}</p>\n          {actionRequired ? (\n            <Badge variant=\"secondary\" className=\"text-xs\">\n              {actionLabel || t('messages.composer.objectActionRequired', 'Action required')}\n            </Badge>\n          ) : null}\n        </div>\n        <p className=\"truncate text-xs text-muted-foreground\">{subtitle}</p>\n        {previewData?.status ? (\n          <Badge variant=\"outline\" className=\"text-xs\">{previewData.status}</Badge>\n        ) : null}\n      </div>\n    </div>\n  )\n}\n\nexport default SalesDocumentMessagePreview\n\n"],
+  "mappings": ";AAyBM,cAEE,YAFF;AAvBN,SAAS,UAAU,mBAAmB;AACtC,SAAS,YAAY;AAErB,SAAS,aAAa;AAEf,SAAS,4BAA4B;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAuB;AACrB,QAAM,IAAI,KAAK;AACf,QAAM,UAAU,eAAe;AAC/B,QAAM,OAAO,UAAU,WAAW;AAClC,QAAM,gBAAgB,UAClB,EAAE,gCAAgC,aAAa,IAC/C,EAAE,gCAAgC,aAAa;AACnD,QAAM,QAAQ,aAAa,SAAS;AACpC,QAAM,WAAW,aAAa,YAAY;AAE1C,SACE,qBAAC,SAAI,WAAU,4DACb;AAAA,wBAAC,QAAK,WAAU,wCAAuC;AAAA,IACvD,qBAAC,SAAI,WAAU,4BACb;AAAA,2BAAC,SAAI,WAAU,2BACb;AAAA,4BAAC,OAAE,WAAU,gCAAgC,iBAAM;AAAA,QAClD,iBACC,oBAAC,SAAM,SAAQ,aAAY,WAAU,WAClC,yBAAe,EAAE,0CAA0C,iBAAiB,GAC/E,IACE;AAAA,SACN;AAAA,MACA,oBAAC,OAAE,WAAU,0CAA0C,oBAAS;AAAA,MAC/D,aAAa,SACZ,oBAAC,SAAM,SAAQ,WAAU,WAAU,WAAW,sBAAY,QAAO,IAC/D;AAAA,OACN;AAAA,KACF;AAEJ;AAEA,IAAO,sCAAQ;",
+  "names": []
+}

package/dist/modules/sales/widgets/messages/index.js

@@ -0,0 +1,7 @@
+import { SalesDocumentMessageDetail } from "./SalesDocumentMessageDetail.js";
+import { SalesDocumentMessagePreview } from "./SalesDocumentMessagePreview.js";
+export {
+  SalesDocumentMessageDetail,
+  SalesDocumentMessagePreview
+};
+//# sourceMappingURL=index.js.map

package/dist/modules/sales/widgets/messages/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/sales/widgets/messages/index.ts"],
+  "sourcesContent": ["export { SalesDocumentMessageDetail } from './SalesDocumentMessageDetail'\nexport { SalesDocumentMessagePreview } from './SalesDocumentMessagePreview'\n"],
+  "mappings": "AAAA,SAAS,kCAAkC;AAC3C,SAAS,mCAAmC;",
+  "names": []
+}

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

@@ -2,11 +2,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { useRouter } from "next/navigation";
+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";
 import { Textarea } from "@open-mercato/ui/primitives/textarea";
 import { LoadingMessage, ErrorMessage } from "@open-mercato/ui/backend/detail";
+import { SendObjectMessageDialog } from "@open-mercato/ui/backend/messages";
 import { apiCallOrThrow, readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
 import { updateCrud } from "@open-mercato/ui/backend/utils/crud";
 import { flash } from "@open-mercato/ui/backend/FlashMessages";
@@ -78,6 +80,19 @@ function StaffLeaveRequestDetailPage({ params }) {
     unavailabilityReasonValue: record?.unavailabilityReasonValue ?? record?.unavailability_reason_value ?? null,
     note: record?.note ?? null
   }), [record, memberLabel]);
+  const messageContextPreview = React.useMemo(() => /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ jsx("p", { className: "font-medium", children: t("staff.leaveRequests.messages.contextTitle", "Linked leave request") }),
+    memberLabel ? /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+      t("staff.leaveRequests.detail.member", "Team member"),
+      ": ",
+      memberLabel
+    ] }) : null,
+    /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+      t("staff.leaveRequests.detail.dates", "Dates"),
+      ": ",
+      dateSummary
+    ] })
+  ] }), [dateSummary, memberLabel, t]);
   const handleSubmit = React.useCallback(async (values) => {
     if (!record?.id) return;
     const payload = buildLeaveRequestPayload(values, { id: record.id });
@@ -157,7 +172,46 @@ function StaffLeaveRequestDetailPage({ params }) {
         initialValues,
         onSubmit: handleSubmit,
         allowMemberSelect: true,
-        memberLabel
+        memberLabel,
+        extraActions: record.id ? /* @__PURE__ */ jsx(
+          SendObjectMessageDialog,
+          {
+            object: {
+              entityModule: "staff",
+              entityType: "leave_request",
+              entityId: record.id,
+              sourceEntityType: "staff:leave_request",
+              sourceEntityId: record.id
+            },
+            lockedType: "staff.leave_request_approval",
+            requiredActionConfig: {
+              mode: "required",
+              options: [
+                { id: "approve", label: t("staff.notifications.leaveRequest.actions.approve", "Approve") },
+                { id: "reject", label: t("staff.notifications.leaveRequest.actions.reject", "Reject") }
+              ]
+            },
+            defaultValues: {
+              type: "staff.leave_request_approval",
+              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 }) => /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                size: "icon",
+                variant: "outline",
+                onClick: openComposer,
+                disabled,
+                "aria-label": t("staff.leaveRequests.messages.compose.action", "Send for review"),
+                title: t("staff.leaveRequests.messages.compose.action", "Send for review"),
+                children: /* @__PURE__ */ jsx(Send, { className: "h-4 w-4" })
+              }
+            )
+          }
+        ) : null
       }
     )
   ] }) });

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 } from '@open-mercato/ui/backend/detail'\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'\n\ntype LeaveRequestRecord = {\n  id: string\n  member?: { id?: string; displayName?: string }\n  memberId?: string | null\n  member_id?: string | null\n  startDate?: string | null\n  start_date?: string | null\n  endDate?: string | null\n  end_date?: string | null\n  timezone?: string | null\n  status?: 'pending' | 'approved' | 'rejected'\n  unavailabilityReasonEntryId?: string | null\n  unavailability_reason_entry_id?: string | null\n  unavailabilityReasonValue?: string | null\n  unavailability_reason_value?: string | null\n  note?: string | null\n  decisionComment?: string | null\n  decision_comment?: string | null\n  decidedAt?: string | null\n  decided_at?: string | null\n} & Record<string, unknown>\n\ntype LeaveRequestsResponse = {\n  items?: LeaveRequestRecord[]\n}\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 [record, setRecord] = React.useState<LeaveRequestRecord | null>(null)\n  const [decisionComment, setDecisionComment] = React.useState('')\n\n  React.useEffect(() => {\n    if (!id) {\n      setError(t('staff.leaveRequests.errors.notFound', 'Leave request not found.'))\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      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) throw new Error(t('staff.leaveRequests.errors.notFound', 'Leave request not found.'))\n        if (!cancelled) {\n          setRecord(entry)\n          setDecisionComment(\n            typeof entry.decisionComment === 'string'\n              ? entry.decisionComment\n              : typeof entry.decision_comment === 'string'\n                ? entry.decision_comment\n                : ''\n          )\n        }\n      } catch (err) {\n        if (!cancelled) {\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      } 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(\n    record?.startDate ?? record?.start_date ?? null,\n    record?.endDate ?? record?.end_date ?? null,\n  )\n  const initialValues = React.useMemo<LeaveRequestFormValues>(() => ({\n    id: record?.id,\n    memberId: record?.memberId ?? record?.member_id ?? null,\n    memberLabel,\n    startDate: record?.startDate ?? record?.start_date ?? null,\n    endDate: record?.endDate ?? record?.end_date ?? null,\n    timezone: record?.timezone ?? null,\n    unavailabilityReasonEntryId: record?.unavailabilityReasonEntryId ?? record?.unavailability_reason_entry_id ?? null,\n    unavailabilityReasonValue: record?.unavailabilityReasonValue ?? record?.unavailability_reason_value ?? null,\n    note: record?.note ?? null,\n  }), [record, memberLabel])\n\n  const 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 (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.decided_at || record.decidedAt ? (\n              <span className=\"text-xs text-muted-foreground\">\n                {t('staff.leaveRequests.decision.at', 'Decision at')} {formatDateLabel(record.decidedAt ?? record.decided_at ?? null)}\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 || record.decision_comment ? (\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 ?? record.decision_comment}</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        />\n      </PageBody>\n    </Page>\n  )\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\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 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"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport { Send } from 'lucide-react'\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 } 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'\n\ntype LeaveRequestRecord = {\n  id: string\n  member?: { id?: string; displayName?: string }\n  memberId?: string | null\n  member_id?: string | null\n  startDate?: string | null\n  start_date?: string | null\n  endDate?: string | null\n  end_date?: string | null\n  timezone?: string | null\n  status?: 'pending' | 'approved' | 'rejected'\n  unavailabilityReasonEntryId?: string | null\n  unavailability_reason_entry_id?: string | null\n  unavailabilityReasonValue?: string | null\n  unavailability_reason_value?: string | null\n  note?: string | null\n  decisionComment?: string | null\n  decision_comment?: string | null\n  decidedAt?: string | null\n  decided_at?: string | null\n} & Record<string, unknown>\n\ntype LeaveRequestsResponse = {\n  items?: LeaveRequestRecord[]\n}\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 [record, setRecord] = React.useState<LeaveRequestRecord | null>(null)\n  const [decisionComment, setDecisionComment] = React.useState('')\n\n  React.useEffect(() => {\n    if (!id) {\n      setError(t('staff.leaveRequests.errors.notFound', 'Leave request not found.'))\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      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) throw new Error(t('staff.leaveRequests.errors.notFound', 'Leave request not found.'))\n        if (!cancelled) {\n          setRecord(entry)\n          setDecisionComment(\n            typeof entry.decisionComment === 'string'\n              ? entry.decisionComment\n              : typeof entry.decision_comment === 'string'\n                ? entry.decision_comment\n                : ''\n          )\n        }\n      } catch (err) {\n        if (!cancelled) {\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      } 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(\n    record?.startDate ?? record?.start_date ?? null,\n    record?.endDate ?? record?.end_date ?? null,\n  )\n  const initialValues = React.useMemo<LeaveRequestFormValues>(() => ({\n    id: record?.id,\n    memberId: record?.memberId ?? record?.member_id ?? null,\n    memberLabel,\n    startDate: record?.startDate ?? record?.start_date ?? null,\n    endDate: record?.endDate ?? record?.end_date ?? null,\n    timezone: record?.timezone ?? null,\n    unavailabilityReasonEntryId: record?.unavailabilityReasonEntryId ?? record?.unavailability_reason_entry_id ?? null,\n    unavailabilityReasonValue: record?.unavailabilityReasonValue ?? record?.unavailability_reason_value ?? null,\n    note: record?.note ?? null,\n  }), [record, memberLabel])\n\n  const messageContextPreview = React.useMemo(() => (\n    <div className=\"space-y-1\">\n      <p className=\"font-medium\">{t('staff.leaveRequests.messages.contextTitle', 'Linked leave request')}</p>\n      {memberLabel ? (\n        <p className=\"text-xs text-muted-foreground\">\n          {t('staff.leaveRequests.detail.member', 'Team member')}: {memberLabel}\n        </p>\n      ) : null}\n      <p className=\"text-xs text-muted-foreground\">\n        {t('staff.leaveRequests.detail.dates', 'Dates')}: {dateSummary}\n      </p>\n    </div>\n  ), [dateSummary, memberLabel, t])\n\n  const 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 (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.decided_at || record.decidedAt ? (\n              <span className=\"text-xs text-muted-foreground\">\n                {t('staff.leaveRequests.decision.at', 'Decision at')} {formatDateLabel(record.decidedAt ?? record.decided_at ?? null)}\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 || record.decision_comment ? (\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 ?? record.decision_comment}</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              }}\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              contextPreview={messageContextPreview}\n              renderTrigger={({ openComposer, disabled }) => (\n                <Button\n                  type=\"button\"\n                  size=\"icon\"\n                  variant=\"outline\"\n                  onClick={openComposer}\n                  disabled={disabled}\n                  aria-label={t('staff.leaveRequests.messages.compose.action', 'Send for review')}\n                  title={t('staff.leaveRequests.messages.compose.action', 'Send for review')}\n                >\n                  <Send className=\"h-4 w-4\" />\n                </Button>\n              )}\n            />\n          ) : null}\n        />\n      </PageBody>\n    </Page>\n  )\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\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 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"],
+  "mappings": "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",
   "names": ["params"]
 }

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

@@ -2,9 +2,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { useRouter } from "next/navigation";
+import { Leaf } 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";
 import { LoadingMessage, ErrorMessage } from "@open-mercato/ui/backend/detail";
+import { SendObjectMessageDialog } from "@open-mercato/ui/backend/messages";
 import { readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
 import { updateCrud } from "@open-mercato/ui/backend/utils/crud";
 import { flash } from "@open-mercato/ui/backend/FlashMessages";
@@ -68,6 +71,23 @@ function StaffMyLeaveRequestDetailPage({ params }) {
     unavailabilityReasonValue: record?.unavailabilityReasonValue ?? record?.unavailability_reason_value ?? null,
     note: record?.note ?? null
   }), [record, memberLabel]);
+  const dateSummary = formatDateRange(
+    record?.startDate ?? record?.start_date ?? null,
+    record?.endDate ?? record?.end_date ?? null
+  );
+  const messageContextPreview = React.useMemo(() => /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ jsx("p", { className: "font-medium", children: t("staff.leaveRequests.messages.contextTitle", "Linked leave request") }),
+    memberLabel ? /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+      t("staff.leaveRequests.detail.member", "Team member"),
+      ": ",
+      memberLabel
+    ] }) : null,
+    /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+      t("staff.leaveRequests.detail.dates", "Dates"),
+      ": ",
+      dateSummary
+    ] })
+  ] }), [dateSummary, memberLabel, t]);
   const handleSubmit = React.useCallback(async (values) => {
     if (!record?.id) return;
     const payload = buildLeaveRequestPayload(values, { id: record.id });
@@ -108,7 +128,46 @@ function StaffMyLeaveRequestDetailPage({ params }) {
         initialValues,
         onSubmit: handleSubmit,
         allowMemberSelect: false,
-        memberLabel
+        memberLabel,
+        extraActions: record.id ? /* @__PURE__ */ jsx(
+          SendObjectMessageDialog,
+          {
+            object: {
+              entityModule: "staff",
+              entityType: "leave_request",
+              entityId: record.id,
+              sourceEntityType: "staff:leave_request",
+              sourceEntityId: record.id
+            },
+            lockedType: "staff.leave_request_approval",
+            requiredActionConfig: {
+              mode: "required",
+              options: [
+                { id: "approve", label: t("staff.notifications.leaveRequest.actions.approve", "Approve") },
+                { id: "reject", label: t("staff.notifications.leaveRequest.actions.reject", "Reject") }
+              ]
+            },
+            defaultValues: {
+              type: "staff.leave_request_approval",
+              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 }) => /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                size: "icon",
+                variant: "outline",
+                onClick: openComposer,
+                disabled,
+                "aria-label": t("staff.leaveRequests.messages.compose.action", "Send for review"),
+                title: t("staff.leaveRequests.messages.compose.action", "Send for review"),
+                children: /* @__PURE__ */ jsx(Leaf, { className: "h-4 w-4" })
+              }
+            )
+          }
+        ) : null
       }
     ) : /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-4 text-sm text-muted-foreground", children: [
       /* @__PURE__ */ jsx("div", { className: "font-medium text-foreground", children: t("staff.leaveRequests.detail.summary", "Request details") }),

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 { LoadingMessage, ErrorMessage } from '@open-mercato/ui/backend/detail'\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'\n\ntype LeaveRequestRecord = {\n  id: string\n  member?: { id?: string; displayName?: string }\n  memberId?: string | null\n  member_id?: string | null\n  startDate?: string | null\n  start_date?: string | null\n  endDate?: string | null\n  end_date?: string | null\n  timezone?: string | null\n  status?: 'pending' | 'approved' | 'rejected'\n  unavailabilityReasonEntryId?: string | null\n  unavailability_reason_entry_id?: string | null\n  unavailabilityReasonValue?: string | null\n  unavailability_reason_value?: string | null\n  note?: string | null\n  decisionComment?: string | null\n  decision_comment?: string | null\n  decidedAt?: string | null\n  decided_at?: string | null\n} & Record<string, unknown>\n\ntype LeaveRequestsResponse = {\n  items?: LeaveRequestRecord[]\n}\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 [record, setRecord] = React.useState<LeaveRequestRecord | null>(null)\n\n  React.useEffect(() => {\n    if (!id) {\n      setError(t('staff.leaveRequests.errors.notFound', 'Leave request not found.'))\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      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) throw new Error(t('staff.leaveRequests.errors.notFound', 'Leave request not found.'))\n        if (!cancelled) {\n          setRecord(entry)\n        }\n      } catch (err) {\n        if (!cancelled) {\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      } 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 ?? record?.member_id ?? null,\n    memberLabel,\n    startDate: record?.startDate ?? record?.start_date ?? null,\n    endDate: record?.endDate ?? record?.end_date ?? null,\n    timezone: record?.timezone ?? null,\n    unavailabilityReasonEntryId: record?.unavailabilityReasonEntryId ?? record?.unavailability_reason_entry_id ?? null,\n    unavailabilityReasonValue: record?.unavailabilityReasonValue ?? record?.unavailability_reason_value ?? null,\n    note: record?.note ?? null,\n  }), [record, memberLabel])\n\n  const 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 (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.decided_at || record.decidedAt ? (\n              <span className=\"text-xs text-muted-foreground\">\n                {t('staff.leaveRequests.decision.at', 'Decision at')} {formatDateLabel(record.decidedAt ?? record.decided_at ?? null)}\n              </span>\n            ) : null}\n          </div>\n          {record.decisionComment || record.decision_comment ? (\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 ?? record.decision_comment}</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          />\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.start_date ?? null, record.endDate ?? record.end_date ?? null)}</p>\n            {record.unavailabilityReasonValue || record.unavailability_reason_value ? (\n              <p>{t('staff.leaveRequests.detail.reason', 'Reason')}: {record.unavailabilityReasonValue ?? record.unavailability_reason_value}</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\nfunction resolveStatusVariant(status: 'pending' | 'approved' | 'rejected') {\n  if (status === 'approved') return 'default'\n  if (status === 'rejected') return 'destructive'\n  return 'secondary'\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 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"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport { Leaf } from 'lucide-react'\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 } 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'\n\ntype LeaveRequestRecord = {\n  id: string\n  member?: { id?: string; displayName?: string }\n  memberId?: string | null\n  member_id?: string | null\n  startDate?: string | null\n  start_date?: string | null\n  endDate?: string | null\n  end_date?: string | null\n  timezone?: string | null\n  status?: 'pending' | 'approved' | 'rejected'\n  unavailabilityReasonEntryId?: string | null\n  unavailability_reason_entry_id?: string | null\n  unavailabilityReasonValue?: string | null\n  unavailability_reason_value?: string | null\n  note?: string | null\n  decisionComment?: string | null\n  decision_comment?: string | null\n  decidedAt?: string | null\n  decided_at?: string | null\n} & Record<string, unknown>\n\ntype LeaveRequestsResponse = {\n  items?: LeaveRequestRecord[]\n}\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 [record, setRecord] = React.useState<LeaveRequestRecord | null>(null)\n\n  React.useEffect(() => {\n    if (!id) {\n      setError(t('staff.leaveRequests.errors.notFound', 'Leave request not found.'))\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      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) throw new Error(t('staff.leaveRequests.errors.notFound', 'Leave request not found.'))\n        if (!cancelled) {\n          setRecord(entry)\n        }\n      } catch (err) {\n        if (!cancelled) {\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      } 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 ?? record?.member_id ?? null,\n    memberLabel,\n    startDate: record?.startDate ?? record?.start_date ?? null,\n    endDate: record?.endDate ?? record?.end_date ?? null,\n    timezone: record?.timezone ?? null,\n    unavailabilityReasonEntryId: record?.unavailabilityReasonEntryId ?? record?.unavailability_reason_entry_id ?? null,\n    unavailabilityReasonValue: record?.unavailabilityReasonValue ?? record?.unavailability_reason_value ?? null,\n    note: record?.note ?? null,\n  }), [record, memberLabel])\n  const dateSummary = formatDateRange(\n    record?.startDate ?? record?.start_date ?? null,\n    record?.endDate ?? record?.end_date ?? null,\n  )\n  const messageContextPreview = React.useMemo(() => (\n    <div className=\"space-y-1\">\n      <p className=\"font-medium\">{t('staff.leaveRequests.messages.contextTitle', 'Linked leave request')}</p>\n      {memberLabel ? (\n        <p className=\"text-xs text-muted-foreground\">\n          {t('staff.leaveRequests.detail.member', 'Team member')}: {memberLabel}\n        </p>\n      ) : null}\n      <p className=\"text-xs text-muted-foreground\">\n        {t('staff.leaveRequests.detail.dates', 'Dates')}: {dateSummary}\n      </p>\n    </div>\n  ), [dateSummary, memberLabel, t])\n\n  const 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 (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.decided_at || record.decidedAt ? (\n              <span className=\"text-xs text-muted-foreground\">\n                {t('staff.leaveRequests.decision.at', 'Decision at')} {formatDateLabel(record.decidedAt ?? record.decided_at ?? null)}\n              </span>\n            ) : null}\n          </div>\n          {record.decisionComment || record.decision_comment ? (\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 ?? record.decision_comment}</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                }}\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                contextPreview={messageContextPreview}\n                renderTrigger={({ openComposer, disabled }) => (\n                  <Button\n                    type=\"button\"\n                    size=\"icon\"\n                    variant=\"outline\"\n                    onClick={openComposer}\n                    disabled={disabled}\n                    aria-label={t('staff.leaveRequests.messages.compose.action', 'Send for review')}\n                    title={t('staff.leaveRequests.messages.compose.action', 'Send for review')}\n                  >\n                    <Leaf className=\"h-4 w-4\" />\n                  </Button>\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.start_date ?? null, record.endDate ?? record.end_date ?? null)}</p>\n            {record.unavailabilityReasonValue || record.unavailability_reason_value ? (\n              <p>{t('staff.leaveRequests.detail.reason', 'Reason')}: {record.unavailabilityReasonValue ?? record.unavailability_reason_value}</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\nfunction resolveStatusVariant(status: 'pending' | 'approved' | 'rejected') {\n  if (status === 'approved') return 'default'\n  if (status === 'rejected') return 'destructive'\n  return 'secondary'\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 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"],
+  "mappings": ";AA0GM,cAEE,YAFF;AAxGN,YAAY,WAAW;AACvB,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AACrB,SAAS,MAAM,gBAAgB;AAC/B,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,SAAS,gBAAgB,oBAAoB;AAC7C,SAAS,+BAA+B;AACxC,SAAS,4BAA4B;AACrC,SAAS,kBAAkB;AAC3B,SAAS,aAAa;AACtB,SAAS,YAAY;AACrB,SAAS,kBAAkB,gCAA6D;AA4BzE,SAAR,8BAA+C,EAAE,OAAO,GAAiC;AAC9F,QAAM,KAAK,QAAQ;AACnB,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;AAC5D,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAoC,IAAI;AAE1E,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,IAAI;AACP,eAAS,EAAE,uCAAuC,0BAA0B,CAAC;AAC7E,mBAAa,KAAK;AAClB;AAAA,IACF;AACA,UAAM,YAAY;AAClB,QAAI,YAAY;AAChB,mBAAe,OAAO;AACpB,mBAAa,IAAI;AACjB,eAAS,IAAI;AACb,UAAI;AACF,cAAMA,UAAS,IAAI,gBAAgB,EAAE,MAAM,KAAK,UAAU,KAAK,KAAK,UAAU,CAAC;AAC/E,cAAM,UAAU,MAAM;AAAA,UACpB,6BAA6BA,QAAO,SAAS,CAAC;AAAA,UAC9C;AAAA,UACA,EAAE,cAAc,EAAE,mCAAmC,+BAA+B,EAAE;AAAA,QACxF;AACA,cAAM,QAAQ,MAAM,QAAQ,QAAQ,KAAK,IAAI,QAAQ,MAAM,CAAC,IAAI;AAChE,YAAI,CAAC,MAAO,OAAM,IAAI,MAAM,EAAE,uCAAuC,0BAA0B,CAAC;AAChG,YAAI,CAAC,WAAW;AACd,oBAAU,KAAK;AAAA,QACjB;AAAA,MACF,SAAS,KAAK;AACZ,YAAI,CAAC,WAAW;AACd,gBAAM,UAAU,eAAe,QAAQ,IAAI,UAAU,EAAE,mCAAmC,+BAA+B;AACzH,mBAAS,OAAO;AAChB,oBAAU,IAAI;AAAA,QAChB;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,IAAI,CAAC,CAAC;AAEV,QAAM,SAAS,QAAQ,UAAU;AACjC,QAAM,cAAc,QAAQ,QAAQ,eAAe;AACnD,QAAM,gBAAgB,MAAM,QAAgC,OAAO;AAAA,IACjE,IAAI,QAAQ;AAAA,IACZ,UAAU,QAAQ,YAAY,QAAQ,aAAa;AAAA,IACnD;AAAA,IACA,WAAW,QAAQ,aAAa,QAAQ,cAAc;AAAA,IACtD,SAAS,QAAQ,WAAW,QAAQ,YAAY;AAAA,IAChD,UAAU,QAAQ,YAAY;AAAA,IAC9B,6BAA6B,QAAQ,+BAA+B,QAAQ,kCAAkC;AAAA,IAC9G,2BAA2B,QAAQ,6BAA6B,QAAQ,+BAA+B;AAAA,IACvG,MAAM,QAAQ,QAAQ;AAAA,EACxB,IAAI,CAAC,QAAQ,WAAW,CAAC;AACzB,QAAM,cAAc;AAAA,IAClB,QAAQ,aAAa,QAAQ,cAAc;AAAA,IAC3C,QAAQ,WAAW,QAAQ,YAAY;AAAA,EACzC;AACA,QAAM,wBAAwB,MAAM,QAAQ,MAC1C,qBAAC,SAAI,WAAU,aACb;AAAA,wBAAC,OAAE,WAAU,eAAe,YAAE,6CAA6C,sBAAsB,GAAE;AAAA,IAClG,cACC,qBAAC,OAAE,WAAU,iCACV;AAAA,QAAE,qCAAqC,aAAa;AAAA,MAAE;AAAA,MAAG;AAAA,OAC5D,IACE;AAAA,IACJ,qBAAC,OAAE,WAAU,iCACV;AAAA,QAAE,oCAAoC,OAAO;AAAA,MAAE;AAAA,MAAG;AAAA,OACrD;AAAA,KACF,GACC,CAAC,aAAa,aAAa,CAAC,CAAC;AAEhC,QAAM,eAAe,MAAM,YAAY,OAAO,WAAmC;AAC/E,QAAI,CAAC,QAAQ,GAAI;AACjB,UAAM,UAAU,yBAAyB,QAAQ,EAAE,IAAI,OAAO,GAAG,CAAC;AAClE,UAAM,WAAW,wBAAwB,SAAS;AAAA,MAChD,cAAc,EAAE,0CAA0C,iCAAiC;AAAA,IAC7F,CAAC;AACD,UAAM,EAAE,0CAA0C,wBAAwB,GAAG,SAAS;AACtF,WAAO,KAAK,kCAAkC;AAAA,EAChD,GAAG,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC;AAE1B,MAAI,WAAW;AACb,WACE,oBAAC,QACC,8BAAC,YACC,8BAAC,kBAAe,OAAO,EAAE,oCAAoC,0BAA0B,GAAG,GAC5F,GACF;AAAA,EAEJ;AAEA,MAAI,SAAS,CAAC,QAAQ;AACpB,WACE,oBAAC,QACC,8BAAC,YACC,8BAAC,gBAAa,OAAO,SAAS,EAAE,mCAAmC,+BAA+B,GAAG,GACvG,GACF;AAAA,EAEJ;AAEA,SACE,oBAAC,QACC,+BAAC,YACC;AAAA,yBAAC,SAAI,WAAU,gDACb;AAAA,2BAAC,SAAI,WAAU,qCACb;AAAA,4BAAC,SAAM,SAAS,qBAAqB,MAAM,GACxC,YAAE,8BAA8B,MAAM,IAAI,MAAM,GACnD;AAAA,QACC,OAAO,cAAc,OAAO,YAC3B,qBAAC,UAAK,WAAU,iCACb;AAAA,YAAE,mCAAmC,aAAa;AAAA,UAAE;AAAA,UAAE,gBAAgB,OAAO,aAAa,OAAO,cAAc,IAAI;AAAA,WACtH,IACE;AAAA,SACN;AAAA,MACC,OAAO,mBAAmB,OAAO,mBAChC,qBAAC,SAAI,WAAU,iCACb;AAAA,4BAAC,SAAI,WAAU,+BAA+B,YAAE,wCAAwC,kBAAkB,GAAE;AAAA,QAC5G,oBAAC,OAAG,iBAAO,mBAAmB,OAAO,kBAAiB;AAAA,SACxD,IACE;AAAA,OACN;AAAA,IAEC,WAAW,YACV;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,EAAE,sCAAsC,eAAe;AAAA,QAC9D,aAAa,EAAE,yCAAyC,MAAM;AAAA,QAC9D,UAAS;AAAA,QACT,YAAW;AAAA,QACX;AAAA,QACA,UAAU;AAAA,QACV,mBAAmB;AAAA,QACnB;AAAA,QACA,cAAc,OAAO,KACnB;AAAA,UAAC;AAAA;AAAA,YACC,QAAQ;AAAA,cACN,cAAc;AAAA,cACd,YAAY;AAAA,cACZ,UAAU,OAAO;AAAA,cACjB,kBAAkB;AAAA,cAClB,gBAAgB,OAAO;AAAA,YACzB;AAAA,YACA,YAAW;AAAA,YACX,sBAAsB;AAAA,cACpB,MAAM;AAAA,cACN,SAAS;AAAA,gBACP,EAAE,IAAI,WAAW,OAAO,EAAE,oDAAoD,SAAS,EAAE;AAAA,gBACzF,EAAE,IAAI,UAAU,OAAO,EAAE,mDAAmD,QAAQ,EAAE;AAAA,cACxF;AAAA,YACF;AAAA,YACA,eAAe;AAAA,cACb,MAAM;AAAA,cACN,SAAS,EAAE,gDAAgD,+BAA+B;AAAA,cAC1F,MAAM,EAAE,6CAA6C,mDAAmD;AAAA,YAC1G;AAAA,YACA,gBAAgB;AAAA,YAChB,eAAe,CAAC,EAAE,cAAc,SAAS,MACvC;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,MAAK;AAAA,gBACL,SAAQ;AAAA,gBACR,SAAS;AAAA,gBACT;AAAA,gBACA,cAAY,EAAE,+CAA+C,iBAAiB;AAAA,gBAC9E,OAAO,EAAE,+CAA+C,iBAAiB;AAAA,gBAEzE,8BAAC,QAAK,WAAU,WAAU;AAAA;AAAA,YAC5B;AAAA;AAAA,QAEJ,IACE;AAAA;AAAA,IACN,IAEA,qBAAC,SAAI,WAAU,+DACb;AAAA,0BAAC,SAAI,WAAU,+BAA+B,YAAE,sCAAsC,iBAAiB,GAAE;AAAA,MACzG,oBAAC,OAAG,wBAAc,EAAE,qCAAqC,aAAa,IAAI,KAAK,WAAW,KAAK,MAAK;AAAA,MACpG,qBAAC,OAAG;AAAA,UAAE,oCAAoC,OAAO;AAAA,QAAE;AAAA,QAAG,gBAAgB,OAAO,aAAa,OAAO,cAAc,MAAM,OAAO,WAAW,OAAO,YAAY,IAAI;AAAA,SAAE;AAAA,MAC/J,OAAO,6BAA6B,OAAO,8BAC1C,qBAAC,OAAG;AAAA,UAAE,qCAAqC,QAAQ;AAAA,QAAE;AAAA,QAAG,OAAO,6BAA6B,OAAO;AAAA,SAA4B,IAC7H;AAAA,MACH,OAAO,OAAO,qBAAC,OAAG;AAAA,UAAE,mCAAmC,MAAM;AAAA,QAAE;AAAA,QAAG,OAAO;AAAA,SAAK,IAAO;AAAA,OACxF;AAAA,KAEJ,GACF;AAEJ;AAEA,SAAS,qBAAqB,QAA6C;AACzE,MAAI,WAAW,WAAY,QAAO;AAClC,MAAI,WAAW,WAAY,QAAO;AAClC,SAAO;AACT;AAEA,SAAS,gBAAgB,OAA+B;AACtD,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,OAAO,IAAI,KAAK,KAAK;AAC3B,MAAI,OAAO,MAAM,KAAK,QAAQ,CAAC,EAAG,QAAO;AACzC,SAAO,KAAK,mBAAmB;AACjC;AAEA,SAAS,gBAAgB,OAAuB,KAA6B;AAC3E,QAAM,aAAa,gBAAgB,KAAK;AACxC,QAAM,WAAW,gBAAgB,GAAG;AACpC,MAAI,cAAc,SAAU,QAAO,GAAG,UAAU,OAAO,QAAQ;AAC/D,SAAO,cAAc,YAAY;AACnC;",
   "names": ["params"]
 }

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

@@ -2,7 +2,6 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import Link from "next/link";
-import dynamic from "next/dynamic";
 import { useRouter, useSearchParams } from "next/navigation";
 import { Page, PageBody } from "@open-mercato/ui/backend/Page";
 import { Button } from "@open-mercato/ui/primitives/button";
@@ -22,26 +21,14 @@ import { renderDictionaryColor, renderDictionaryIcon, ICON_SUGGESTIONS } from "@
 import { createStaffNotesAdapter } from "@open-mercato/core/modules/staff/components/detail/notesAdapter";
 import { createStaffActivitiesAdapter } from "@open-mercato/core/modules/staff/components/detail/activitiesAdapter";
 import { createStaffAddressAdapter, createStaffAddressTypesAdapter } from "@open-mercato/core/modules/staff/components/detail/addressesAdapter";
+import { MarkdownContent } from "@open-mercato/ui/backend/markdown/MarkdownContent";
 import {
   createStaffDictionaryEntry,
   loadStaffDictionary
 } from "@open-mercato/core/modules/staff/components/detail/dictionaries";
 import { JobHistorySection } from "@open-mercato/core/modules/staff/components/detail/JobHistorySection";
 import { Plus } from "lucide-react";
-const isTestEnv = typeof process !== "undefined" && process.env.NODE_ENV === "test";
 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";
-const MarkdownPreview = isTestEnv ? ({ children, className }) => /* @__PURE__ */ jsx("div", { className, children }) : dynamic(() => import("react-markdown").then((mod) => mod.default), {
-  ssr: false,
-  loading: () => null
-});
-let markdownPluginsPromise = null;
-async function loadMarkdownPlugins() {
-  if (isTestEnv) return [];
-  if (!markdownPluginsPromise) {
-    markdownPluginsPromise = import("remark-gfm").then((mod) => [mod.default ?? mod]).catch(() => []);
-  }
-  return markdownPluginsPromise;
-}
 function StaffTeamMemberDetailPage({ params }) {
   const memberId = params?.id;
   const t = useT();
@@ -56,15 +43,11 @@ function StaffTeamMemberDetailPage({ params }) {
   const [sectionAction, setSectionAction] = React.useState(null);
   const [activityDictionaryId, setActivityDictionaryId] = React.useState(null);
   const [activityTypeEntries, setActivityTypeEntries] = React.useState([]);
-  const [markdownPlugins, setMarkdownPlugins] = React.useState([]);
   const flashShownRef = React.useRef(false);
   const notesAdapter = React.useMemo(() => createStaffNotesAdapter(detailTranslator), [detailTranslator]);
   const activitiesAdapter = React.useMemo(() => createStaffActivitiesAdapter(detailTranslator), [detailTranslator]);
   const addressesAdapter = React.useMemo(() => createStaffAddressAdapter(detailTranslator), [detailTranslator]);
   const addressTypesAdapter = React.useMemo(() => createStaffAddressTypesAdapter(detailTranslator), [detailTranslator]);
-  React.useEffect(() => {
-    void loadMarkdownPlugins().then((plugins) => setMarkdownPlugins(plugins));
-  }, []);
   const activityTypeLabels = React.useMemo(() => ({
     placeholder: t("staff.teamMembers.detail.activities.dictionary.placeholder", "Select an activity type"),
     addLabel: t("staff.teamMembers.detail.activities.dictionary.add", "Add type"),
@@ -411,7 +394,7 @@ function StaffTeamMemberDetailPage({ params }) {
         ] }),
         /* @__PURE__ */ jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-4", children: [
           /* @__PURE__ */ jsx("h2", { className: "mb-4 text-sm font-semibold uppercase text-muted-foreground", children: t("staff.teamMembers.detail.details", "Member details") }),
-          /* @__PURE__ */ jsx("div", { className: "space-y-2", children: memberRecord?.description ? /* @__PURE__ */ jsx(MarkdownPreview, { remarkPlugins: markdownPlugins, className: MARKDOWN_CLASSNAME, children: memberRecord.description }) : /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("staff.teamMembers.detail.descriptionEmpty", "No description provided.") }) })
+          /* @__PURE__ */ jsx("div", { className: "space-y-2", children: memberRecord?.description ? /* @__PURE__ */ jsx(MarkdownContent, { body: memberRecord.description, format: "markdown", className: MARKDOWN_CLASSNAME }) : /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("staff.teamMembers.detail.descriptionEmpty", "No description provided.") }) })
         ] }) })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-4", children: [