@open-mercato/core 0.4.5-develop-636d33c995 → 0.4.5-develop-3d8e759e45

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

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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/sales/widgets/messages/SalesDocumentMessageDetail.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { ObjectDetailProps } from '@open-mercato/shared/modules/messages/types'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { SalesDocumentMessagePreview } from './SalesDocumentMessagePreview'\n\nexport function SalesDocumentMessageDetail(props: ObjectDetailProps) {\n  const t = useT()\n  const [executingActionId, setExecutingActionId] = React.useState<string | null>(null)\n\n  return (\n    <div className=\"space-y-3 rounded border p-3\">\n      <SalesDocumentMessagePreview\n        entityId={props.entityId}\n        entityModule={props.entityModule}\n        entityType={props.entityType}\n        snapshot={props.snapshot}\n        previewData={props.previewData}\n        actionRequired={props.actionRequired}\n        actionType={props.actionType}\n        actionLabel={props.actionLabel}\n      />\n\n      {props.actions.length > 0 ? (\n        <div className=\"flex flex-wrap gap-2\">\n          {props.actions.map((action) => (\n            <Button\n              key={action.id}\n              type=\"button\"\n              size=\"sm\"\n              variant={action.variant ?? 'default'}\n              disabled={executingActionId !== null}\n              onClick={async () => {\n                if (executingActionId) return\n                setExecutingActionId(action.id)\n                try {\n                  await props.onAction(action.id, { id: props.entityId })\n                } finally {\n                  setExecutingActionId(null)\n                }\n              }}\n            >\n              {executingActionId === action.id\n                ? t('messages.actions.executing', 'Executing...')\n                : t(action.labelKey ?? action.id, action.id)}\n            </Button>\n          ))}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n\nexport default SalesDocumentMessageDetail\n\n"],
-  "mappings": ";AAaI,SACE,KADF;AAXJ,YAAY,WAAW;AACvB,SAAS,YAAY;AAErB,SAAS,cAAc;AACvB,SAAS,mCAAmC;AAErC,SAAS,2BAA2B,OAA0B;AACnE,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,MAAM,SAAwB,IAAI;AAEpF,SACE,qBAAC,SAAI,WAAU,gCACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,MAAM;AAAA,QAChB,cAAc,MAAM;AAAA,QACpB,YAAY,MAAM;AAAA,QAClB,UAAU,MAAM;AAAA,QAChB,aAAa,MAAM;AAAA,QACnB,gBAAgB,MAAM;AAAA,QACtB,YAAY,MAAM;AAAA,QAClB,aAAa,MAAM;AAAA;AAAA,IACrB;AAAA,IAEC,MAAM,QAAQ,SAAS,IACtB,oBAAC,SAAI,WAAU,wBACZ,gBAAM,QAAQ,IAAI,CAAC,WAClB;AAAA,MAAC;AAAA;AAAA,QAEC,MAAK;AAAA,QACL,MAAK;AAAA,QACL,SAAS,OAAO,WAAW;AAAA,QAC3B,UAAU,sBAAsB;AAAA,QAChC,SAAS,YAAY;AACnB,cAAI,kBAAmB;AACvB,+BAAqB,OAAO,EAAE;AAC9B,cAAI;AACF,kBAAM,MAAM,SAAS,OAAO,IAAI,EAAE,IAAI,MAAM,SAAS,CAAC;AAAA,UACxD,UAAE;AACA,iCAAqB,IAAI;AAAA,UAC3B;AAAA,QACF;AAAA,QAEC,gCAAsB,OAAO,KAC1B,EAAE,8BAA8B,cAAc,IAC9C,EAAE,OAAO,YAAY,OAAO,IAAI,OAAO,EAAE;AAAA;AAAA,MAjBxC,OAAO;AAAA,IAkBd,CACD,GACH,IACE;AAAA,KACN;AAEJ;AAEA,IAAO,qCAAQ;",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { ObjectDetailProps } from '@open-mercato/shared/modules/messages/types'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { SalesDocumentMessagePreview } from './SalesDocumentMessagePreview'\n\nfunction resolveActionHref(template: string, entityId: string): string {\n  return template.replace('{entityId}', encodeURIComponent(entityId))\n}\n\nexport function SalesDocumentMessageDetail(props: ObjectDetailProps) {\n  const t = useT()\n  const [executingActionId, setExecutingActionId] = React.useState<string | null>(null)\n\n  const viewAction = props.actions.find((a) => a.id === 'view')\n  const otherActions = props.actions.filter((a) => a.id !== 'view')\n\n  const preview = (\n    <SalesDocumentMessagePreview\n      entityId={props.entityId}\n      entityModule={props.entityModule}\n      entityType={props.entityType}\n      snapshot={props.snapshot}\n      previewData={props.previewData}\n      actionRequired={props.actionRequired}\n      actionType={props.actionType}\n      actionLabel={props.actionLabel}\n    />\n  )\n\n  return (\n    <div className=\"space-y-3 rounded border p-3\">\n      {viewAction?.href ? (\n        <Link\n          href={resolveActionHref(viewAction.href, props.entityId)}\n          className=\"block rounded-md transition-opacity hover:opacity-75\"\n        >\n          {preview}\n        </Link>\n      ) : (\n        preview\n      )}\n\n      {otherActions.length > 0 ? (\n        <div className=\"flex flex-wrap gap-2\">\n          {otherActions.map((action) => {\n            if (action.href) {\n              return (\n                <Button\n                  key={action.id}\n                  type=\"button\"\n                  size=\"sm\"\n                  variant={action.variant ?? 'default'}\n                  asChild\n                >\n                  <Link href={resolveActionHref(action.href, props.entityId)}>\n                    {t(action.labelKey ?? action.id, action.id)}\n                  </Link>\n                </Button>\n              )\n            }\n            return (\n              <Button\n                key={action.id}\n                type=\"button\"\n                size=\"sm\"\n                variant={action.variant ?? 'default'}\n                disabled={executingActionId !== null}\n                onClick={async () => {\n                  if (executingActionId) return\n                  setExecutingActionId(action.id)\n                  try {\n                    await props.onAction(action.id, { id: props.entityId })\n                  } finally {\n                    setExecutingActionId(null)\n                  }\n                }}\n              >\n                {executingActionId === action.id\n                  ? t('messages.actions.executing', 'Executing...')\n                  : t(action.labelKey ?? action.id, action.id)}\n              </Button>\n            )\n          })}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n\nexport default SalesDocumentMessageDetail\n\n"],
+  "mappings": ";AAqBI,cAaA,YAbA;AAnBJ,YAAY,WAAW;AACvB,OAAO,UAAU;AACjB,SAAS,YAAY;AAErB,SAAS,cAAc;AACvB,SAAS,mCAAmC;AAE5C,SAAS,kBAAkB,UAAkB,UAA0B;AACrE,SAAO,SAAS,QAAQ,cAAc,mBAAmB,QAAQ,CAAC;AACpE;AAEO,SAAS,2BAA2B,OAA0B;AACnE,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,MAAM,SAAwB,IAAI;AAEpF,QAAM,aAAa,MAAM,QAAQ,KAAK,CAAC,MAAM,EAAE,OAAO,MAAM;AAC5D,QAAM,eAAe,MAAM,QAAQ,OAAO,CAAC,MAAM,EAAE,OAAO,MAAM;AAEhE,QAAM,UACJ;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,MAAM;AAAA,MAChB,cAAc,MAAM;AAAA,MACpB,YAAY,MAAM;AAAA,MAClB,UAAU,MAAM;AAAA,MAChB,aAAa,MAAM;AAAA,MACnB,gBAAgB,MAAM;AAAA,MACtB,YAAY,MAAM;AAAA,MAClB,aAAa,MAAM;AAAA;AAAA,EACrB;AAGF,SACE,qBAAC,SAAI,WAAU,gCACZ;AAAA,gBAAY,OACX;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,kBAAkB,WAAW,MAAM,MAAM,QAAQ;AAAA,QACvD,WAAU;AAAA,QAET;AAAA;AAAA,IACH,IAEA;AAAA,IAGD,aAAa,SAAS,IACrB,oBAAC,SAAI,WAAU,wBACZ,uBAAa,IAAI,CAAC,WAAW;AAC5B,UAAI,OAAO,MAAM;AACf,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,MAAK;AAAA,YACL,MAAK;AAAA,YACL,SAAS,OAAO,WAAW;AAAA,YAC3B,SAAO;AAAA,YAEP,8BAAC,QAAK,MAAM,kBAAkB,OAAO,MAAM,MAAM,QAAQ,GACtD,YAAE,OAAO,YAAY,OAAO,IAAI,OAAO,EAAE,GAC5C;AAAA;AAAA,UARK,OAAO;AAAA,QASd;AAAA,MAEJ;AACA,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,MAAK;AAAA,UACL,MAAK;AAAA,UACL,SAAS,OAAO,WAAW;AAAA,UAC3B,UAAU,sBAAsB;AAAA,UAChC,SAAS,YAAY;AACnB,gBAAI,kBAAmB;AACvB,iCAAqB,OAAO,EAAE;AAC9B,gBAAI;AACF,oBAAM,MAAM,SAAS,OAAO,IAAI,EAAE,IAAI,MAAM,SAAS,CAAC;AAAA,YACxD,UAAE;AACA,mCAAqB,IAAI;AAAA,YAC3B;AAAA,UACF;AAAA,UAEC,gCAAsB,OAAO,KAC1B,EAAE,8BAA8B,cAAc,IAC9C,EAAE,OAAO,YAAY,OAAO,IAAI,OAAO,EAAE;AAAA;AAAA,QAjBxC,OAAO;AAAA,MAkBd;AAAA,IAEJ,CAAC,GACH,IACE;AAAA,KACN;AAEJ;AAEA,IAAO,qCAAQ;",
   "names": []
 }

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

@@ -15,7 +15,7 @@ function SalesDocumentMessagePreview({
   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;
+  const subtitle = previewData?.subtitle || "";
   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: [

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

@@ -1,7 +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"],
+  "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 || \"\"\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/staff/backend/staff/leave-requests/[id]/page.js

@@ -2,7 +2,6 @@
 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";
@@ -80,19 +79,6 @@ 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 });
@@ -181,8 +167,14 @@ function StaffLeaveRequestDetailPage({ params }) {
               entityType: "leave_request",
               entityId: record.id,
               sourceEntityType: "staff:leave_request",
-              sourceEntityId: record.id
+              sourceEntityId: record.id,
+              previewData: {
+                title: memberLabel || t("staff.leaveRequests.messages.contextTitle", "Linked leave request"),
+                subtitle: dateSummary || void 0,
+                status: record?.status ?? void 0
+              }
             },
+            viewHref: `/backend/staff/leave-requests/${record.id}`,
             lockedType: "staff.leave_request_approval",
             requiredActionConfig: {
               mode: "required",
@@ -195,21 +187,7 @@ function StaffLeaveRequestDetailPage({ params }) {
               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 { 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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",
+  "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\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 (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                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\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-availability/page.js

@@ -9,6 +9,7 @@ import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
 import { AvailabilityRulesEditor } from "@open-mercato/core/modules/planner/components/AvailabilityRulesEditor";
 import { buildMemberScheduleItems } from "@open-mercato/core/modules/staff/lib/memberSchedule";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { SendObjectMessageDialog } from "@open-mercato/ui/backend/messages";
 function StaffMyAvailabilityPage() {
   const t = useT();
   const [member, setMember] = React.useState(null);
@@ -70,6 +71,18 @@ function StaffMyAvailabilityPage() {
     ] }) }) });
   }
   return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    member.availabilityRuleSetId ? /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(
+      SendObjectMessageDialog,
+      {
+        object: {
+          entityModule: "staff",
+          entityType: "my_availability",
+          entityId: member.availabilityRuleSetId,
+          previewData: { title: member.displayName ?? t("staff.myAvailability.title", "My Availability") }
+        },
+        viewHref: "/backend/staff/my-availability"
+      }
+    ) }) : null,
     !canManageAvailability ? /* @__PURE__ */ jsxs("div", { className: "space-y-2 rounded-lg border bg-card p-4 text-sm text-muted-foreground", children: [
       /* @__PURE__ */ jsx("p", { className: "font-medium text-foreground", children: t("staff.myAvailability.readOnly.title", "Only an administrator can manage your availability.") }),
       /* @__PURE__ */ jsx("p", { children: t("staff.myAvailability.readOnly.body", "Use leave requests to request changes.") }),

package/dist/modules/staff/backend/staff/my-availability/page.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/staff/backend/staff/my-availability/page.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { LoadingMessage, ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { AvailabilityRulesEditor } from '@open-mercato/core/modules/planner/components/AvailabilityRulesEditor'\nimport { buildMemberScheduleItems } from '@open-mercato/core/modules/staff/lib/memberSchedule'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\ntype SelfMemberResponse = {\n  member?: {\n    id?: string\n    displayName?: string\n    availabilityRuleSetId?: string | null\n  } | null\n}\n\ntype FeatureCheckResponse = {\n  ok?: boolean\n  granted?: string[]\n}\n\nexport default function StaffMyAvailabilityPage() {\n  const t = useT()\n  const [member, setMember] = React.useState<SelfMemberResponse['member']>(null)\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [canManageAvailability, setCanManageAvailability] = React.useState(false)\n  const [canManageUnavailability, setCanManageUnavailability] = React.useState(false)\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function load() {\n      setIsLoading(true)\n      setError(null)\n      try {\n        const memberCall = await apiCall<SelfMemberResponse>('/api/staff/team-members/self')\n        const featureCall = await apiCall<FeatureCheckResponse>('/api/auth/feature-check', {\n          method: 'POST',\n          headers: { 'content-type': 'application/json' },\n          body: JSON.stringify({\n            features: [\n              'planner.manage_availability',\n              'staff.my_availability.manage',\n              'staff.my_availability.unavailability',\n            ],\n          }),\n        })\n        if (!cancelled) {\n          setMember(memberCall.result?.member ?? null)\n          const granted = Array.isArray(featureCall.result?.granted) ? featureCall.result?.granted ?? [] : []\n          const hasPlannerManage = granted.includes('planner.manage_availability')\n          const hasSelfManage = granted.includes('staff.my_availability.manage')\n          const hasSelfUnavailability = granted.includes('staff.my_availability.unavailability')\n          const canManage = hasPlannerManage || hasSelfManage\n          setCanManageAvailability(canManage)\n          setCanManageUnavailability(canManage && (hasPlannerManage || hasSelfUnavailability))\n        }\n      } catch (err) {\n        if (!cancelled) {\n          setError(t('staff.myAvailability.errors.load', 'Failed to load availability.'))\n        }\n      } finally {\n        if (!cancelled) setIsLoading(false)\n      }\n    }\n    void load()\n    return () => { cancelled = true }\n  }, [t])\n\n  if (isLoading) {\n    return (\n      <Page>\n        <PageBody>\n          <LoadingMessage label={t('staff.myAvailability.loading', 'Loading availability...')} />\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  if (!member?.id) {\n    return (\n      <Page>\n        <PageBody>\n          <div className=\"space-y-3 rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground\">\n            <p>{t('staff.myAvailability.empty.profileRequired', 'Create your team member profile to manage availability.')}</p>\n            <Button asChild size=\"sm\">\n              <Link href=\"/backend/staff/profile/create\">\n                {t('staff.leaveRequests.actions.createProfile', 'Create my profile')}\n              </Link>\n            </Button>\n          </div>\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        <div className=\"space-y-4\">\n          {!canManageAvailability ? (\n            <div className=\"space-y-2 rounded-lg border bg-card p-4 text-sm text-muted-foreground\">\n              <p className=\"font-medium text-foreground\">\n                {t('staff.myAvailability.readOnly.title', 'Only an administrator can manage your availability.')}\n              </p>\n              <p>\n                {t('staff.myAvailability.readOnly.body', 'Use leave requests to request changes.')}\n              </p>\n              <Button asChild size=\"sm\" variant=\"outline\">\n                <Link href=\"/backend/staff/my-leave-requests\">\n                  {t('staff.leaveRequests.my.title', 'My leave requests')}\n                </Link>\n              </Button>\n            </div>\n          ) : null}\n          <AvailabilityRulesEditor\n            subjectType=\"member\"\n            subjectId={member.id}\n            labelPrefix=\"staff.teamMembers\"\n            mode=\"availability\"\n            rulesetId={member.availabilityRuleSetId ?? null}\n            buildScheduleItems={({ availabilityRules, translate }) => (\n              buildMemberScheduleItems({ availabilityRules, translate })\n            )}\n            readOnly={!canManageAvailability}\n            allowUnavailability={canManageUnavailability}\n          />\n        </div>\n      </PageBody>\n    </Page>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { LoadingMessage, ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { AvailabilityRulesEditor } from '@open-mercato/core/modules/planner/components/AvailabilityRulesEditor'\nimport { buildMemberScheduleItems } from '@open-mercato/core/modules/staff/lib/memberSchedule'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { SendObjectMessageDialog } from '@open-mercato/ui/backend/messages'\n\ntype SelfMemberResponse = {\n  member?: {\n    id?: string\n    displayName?: string\n    availabilityRuleSetId?: string | null\n  } | null\n}\n\ntype FeatureCheckResponse = {\n  ok?: boolean\n  granted?: string[]\n}\n\nexport default function StaffMyAvailabilityPage() {\n  const t = useT()\n  const [member, setMember] = React.useState<SelfMemberResponse['member']>(null)\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [canManageAvailability, setCanManageAvailability] = React.useState(false)\n  const [canManageUnavailability, setCanManageUnavailability] = React.useState(false)\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function load() {\n      setIsLoading(true)\n      setError(null)\n      try {\n        const memberCall = await apiCall<SelfMemberResponse>('/api/staff/team-members/self')\n        const featureCall = await apiCall<FeatureCheckResponse>('/api/auth/feature-check', {\n          method: 'POST',\n          headers: { 'content-type': 'application/json' },\n          body: JSON.stringify({\n            features: [\n              'planner.manage_availability',\n              'staff.my_availability.manage',\n              'staff.my_availability.unavailability',\n            ],\n          }),\n        })\n        if (!cancelled) {\n          setMember(memberCall.result?.member ?? null)\n          const granted = Array.isArray(featureCall.result?.granted) ? featureCall.result?.granted ?? [] : []\n          const hasPlannerManage = granted.includes('planner.manage_availability')\n          const hasSelfManage = granted.includes('staff.my_availability.manage')\n          const hasSelfUnavailability = granted.includes('staff.my_availability.unavailability')\n          const canManage = hasPlannerManage || hasSelfManage\n          setCanManageAvailability(canManage)\n          setCanManageUnavailability(canManage && (hasPlannerManage || hasSelfUnavailability))\n        }\n      } catch (err) {\n        if (!cancelled) {\n          setError(t('staff.myAvailability.errors.load', 'Failed to load availability.'))\n        }\n      } finally {\n        if (!cancelled) setIsLoading(false)\n      }\n    }\n    void load()\n    return () => { cancelled = true }\n  }, [t])\n\n  if (isLoading) {\n    return (\n      <Page>\n        <PageBody>\n          <LoadingMessage label={t('staff.myAvailability.loading', 'Loading availability...')} />\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  if (!member?.id) {\n    return (\n      <Page>\n        <PageBody>\n          <div className=\"space-y-3 rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground\">\n            <p>{t('staff.myAvailability.empty.profileRequired', 'Create your team member profile to manage availability.')}</p>\n            <Button asChild size=\"sm\">\n              <Link href=\"/backend/staff/profile/create\">\n                {t('staff.leaveRequests.actions.createProfile', 'Create my profile')}\n              </Link>\n            </Button>\n          </div>\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        <div className=\"space-y-4\">\n          {member.availabilityRuleSetId ? (\n            <div className=\"flex justify-end\">\n              <SendObjectMessageDialog\n                object={{\n                  entityModule: 'staff',\n                  entityType: 'my_availability',\n                  entityId: member.availabilityRuleSetId,\n                  previewData: { title: member.displayName ?? t('staff.myAvailability.title', 'My Availability') },\n                }}\n                viewHref=\"/backend/staff/my-availability\"\n              />\n            </div>\n          ) : null}\n          {!canManageAvailability ? (\n            <div className=\"space-y-2 rounded-lg border bg-card p-4 text-sm text-muted-foreground\">\n              <p className=\"font-medium text-foreground\">\n                {t('staff.myAvailability.readOnly.title', 'Only an administrator can manage your availability.')}\n              </p>\n              <p>\n                {t('staff.myAvailability.readOnly.body', 'Use leave requests to request changes.')}\n              </p>\n              <Button asChild size=\"sm\" variant=\"outline\">\n                <Link href=\"/backend/staff/my-leave-requests\">\n                  {t('staff.leaveRequests.my.title', 'My leave requests')}\n                </Link>\n              </Button>\n            </div>\n          ) : null}\n          <AvailabilityRulesEditor\n            subjectType=\"member\"\n            subjectId={member.id}\n            labelPrefix=\"staff.teamMembers\"\n            mode=\"availability\"\n            rulesetId={member.availabilityRuleSetId ?? null}\n            buildScheduleItems={({ availabilityRules, translate }) => (\n              buildMemberScheduleItems({ availabilityRules, translate })\n            )}\n            readOnly={!canManageAvailability}\n            allowUnavailability={canManageUnavailability}\n          />\n        </div>\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -2,10 +2,8 @@
 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";
@@ -75,19 +73,6 @@ function StaffMyLeaveRequestDetailPage({ params }) {
     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 });
@@ -137,8 +122,14 @@ function StaffMyLeaveRequestDetailPage({ params }) {
               entityType: "leave_request",
               entityId: record.id,
               sourceEntityType: "staff:leave_request",
-              sourceEntityId: record.id
+              sourceEntityId: record.id,
+              previewData: {
+                title: memberLabel || t("staff.leaveRequests.messages.contextTitle", "Linked leave request"),
+                subtitle: dateSummary || void 0,
+                status: record?.status ?? void 0
+              }
             },
+            viewHref: `/backend/staff/leave-requests/${record.id}`,
             lockedType: "staff.leave_request_approval",
             requiredActionConfig: {
               mode: "required",
@@ -151,21 +142,7 @@ function StaffMyLeaveRequestDetailPage({ params }) {
               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
       }

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 { 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": "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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 { 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  )\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 (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                  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.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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",
   "names": ["params"]
 }