@open-mercato/core 0.4.5-develop-754ef4d2f0 → 0.4.5-develop-9f9549ebc8

package/dist/modules/messages/components/message-detail/panels/MainMessageHeader.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/messages/components/message-detail/panels/MainMessageHeader.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { FormHeader, type ActionItem } from '@open-mercato/ui/backend/forms'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { Archive, Forward, MailMinus, Reply, Trash2 } from 'lucide-react'\nimport { PriorityBadge } from '../../utils/PriorityBadge'\n\ntype MainMessageHeaderProps = {\n  subject: string\n  priority: 'low' | 'normal' | 'high' | 'urgent'\n  canReply: boolean\n  canForwardAll: boolean\n  actionsDisabled?: boolean\n  activeActionId?: 'forwardAll' | 'archiveConversation' | 'markAllUnread' | 'deleteConversation' | null\n  onReply: () => void\n  onForwardAll: () => void\n  onArchiveConversation: () => void\n  onMarkAllUnread: () => void\n  onDeleteConversation: () => void\n}\n\nexport function MainMessageHeader(props: MainMessageHeaderProps) {\n  const t = useT()\n\n  const menuActions = React.useMemo<ActionItem[]>(() => [\n    {\n      id: 'reply',\n      label: t('messages.reply', 'Reply'),\n      icon: Reply,\n      onSelect: props.onReply,\n      disabled: props.actionsDisabled || !props.canReply,\n    },\n    {\n      id: 'forward-all',\n      label: t('messages.actions.forwardAll', 'Forward all'),\n      icon: Forward,\n      onSelect: props.onForwardAll,\n      disabled: props.actionsDisabled || !props.canForwardAll,\n      loading: props.activeActionId === 'forwardAll',\n    },\n    {\n      id: 'archive-conversation',\n      label: t('messages.actions.archiveConversation', 'Archive conversation'),\n      icon: Archive,\n      onSelect: props.onArchiveConversation,\n      disabled: props.actionsDisabled,\n      loading: props.activeActionId === 'archiveConversation',\n    },\n    {\n      id: 'mark-all-unread',\n      label: t('messages.actions.markAllUnread', 'Mark all unread'),\n      icon: MailMinus,\n      onSelect: props.onMarkAllUnread,\n      disabled: props.actionsDisabled,\n      loading: props.activeActionId === 'markAllUnread',\n    },\n    {\n      id: 'delete-conversation',\n      label: t('messages.actions.deleteConversation', 'Delete conversation'),\n      icon: Trash2,\n      onSelect: props.onDeleteConversation,\n      disabled: props.actionsDisabled,\n      loading: props.activeActionId === 'deleteConversation',\n    },\n  ], [\n    props.actionsDisabled,\n    props.canForwardAll,\n    props.canReply,\n    props.onArchiveConversation,\n    props.onDeleteConversation,\n    props.onForwardAll,\n    props.onMarkAllUnread,\n    props.onReply,\n    props.activeActionId,\n    t,\n  ])\n\n  return (\n    <FormHeader\n      mode=\"detail\"\n      backHref=\"/backend/messages\"\n      backLabel={t('messages.actions.backToList', 'Back to messages')}\n      title={(\n        <span className=\"inline-flex items-center gap-2\">\n          <span className=\"truncate\">{props.subject}</span>\n          <PriorityBadge priority={props.priority} />\n        </span>\n      )}\n      utilityActions={props.canReply ? (\n        <IconButton\n          type=\"button\"\n          variant=\"outline\"\n          size=\"default\"\n          aria-label={t('messages.reply', 'Reply')}\n          onClick={props.onReply}\n          disabled={props.actionsDisabled || !props.canReply}\n        >\n          <Reply className=\"h-4 w-4\" aria-hidden />\n        </IconButton>\n      ) : undefined}\n      menuTriggerMode=\"icon\"\n      menuAriaLabel={t('messages.actions.conversationActions', 'Conversation actions')}\n      menuActions={menuActions}\n    />\n  )\n}\n"],
+  "mappings": ";AAqFQ,SACE,KADF;AAnFR,YAAY,WAAW;AACvB,SAAS,YAAY;AACrB,SAAS,kBAAmC;AAC5C,SAAS,kBAAkB;AAC3B,SAAS,SAAS,SAAS,WAAW,OAAO,cAAc;AAC3D,SAAS,qBAAqB;AAgBvB,SAAS,kBAAkB,OAA+B;AAC/D,QAAM,IAAI,KAAK;AAEf,QAAM,cAAc,MAAM,QAAsB,MAAM;AAAA,IACpD;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,kBAAkB,OAAO;AAAA,MAClC,MAAM;AAAA,MACN,UAAU,MAAM;AAAA,MAChB,UAAU,MAAM,mBAAmB,CAAC,MAAM;AAAA,IAC5C;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,+BAA+B,aAAa;AAAA,MACrD,MAAM;AAAA,MACN,UAAU,MAAM;AAAA,MAChB,UAAU,MAAM,mBAAmB,CAAC,MAAM;AAAA,MAC1C,SAAS,MAAM,mBAAmB;AAAA,IACpC;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,wCAAwC,sBAAsB;AAAA,MACvE,MAAM;AAAA,MACN,UAAU,MAAM;AAAA,MAChB,UAAU,MAAM;AAAA,MAChB,SAAS,MAAM,mBAAmB;AAAA,IACpC;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,kCAAkC,iBAAiB;AAAA,MAC5D,MAAM;AAAA,MACN,UAAU,MAAM;AAAA,MAChB,UAAU,MAAM;AAAA,MAChB,SAAS,MAAM,mBAAmB;AAAA,IACpC;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO,EAAE,uCAAuC,qBAAqB;AAAA,MACrE,MAAM;AAAA,MACN,UAAU,MAAM;AAAA,MAChB,UAAU,MAAM;AAAA,MAChB,SAAS,MAAM,mBAAmB;AAAA,IACpC;AAAA,EACF,GAAG;AAAA,IACD,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN;AAAA,EACF,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAS;AAAA,MACT,WAAW,EAAE,+BAA+B,kBAAkB;AAAA,MAC9D,OACE,qBAAC,UAAK,WAAU,kCACd;AAAA,4BAAC,UAAK,WAAU,YAAY,gBAAM,SAAQ;AAAA,QAC1C,oBAAC,iBAAc,UAAU,MAAM,UAAU;AAAA,SAC3C;AAAA,MAEF,gBAAgB,MAAM,WACpB;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,cAAY,EAAE,kBAAkB,OAAO;AAAA,UACvC,SAAS,MAAM;AAAA,UACf,UAAU,MAAM,mBAAmB,CAAC,MAAM;AAAA,UAE1C,8BAAC,SAAM,WAAU,WAAU,eAAW,MAAC;AAAA;AAAA,MACzC,IACE;AAAA,MACJ,iBAAgB;AAAA,MAChB,eAAe,EAAE,wCAAwC,sBAAsB;AAAA,MAC/E;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/modules/messages/components/message-detail/panels/MessageHeader.js

@@ -0,0 +1,110 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { FormHeader } from "@open-mercato/ui/backend/forms";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import {
+  Archive,
+  ArchiveRestore,
+  ChevronDown,
+  ChevronUp,
+  FilePenLine,
+  Forward,
+  Mail,
+  MailOpen,
+  Reply,
+  Trash2
+} from "lucide-react";
+import { formatDateTime } from "../utils.js";
+function MessageHeader(props) {
+  const t = useT();
+  const showSubject = props.showSubject !== false;
+  const canReply = !props.detail.isDraft && props.detail.typeDefinition.allowReply;
+  const actionItems = React.useMemo(() => {
+    const items = [];
+    if (props.detail.isDraft && props.detail.canEditDraft) {
+      items.push({
+        id: "edit",
+        label: t("messages.actions.edit", "Edit"),
+        icon: FilePenLine,
+        onSelect: props.onEdit
+      });
+    }
+    if (!props.detail.isDraft && props.detail.typeDefinition.allowForward) {
+      items.push({
+        id: "forward",
+        label: t("messages.forward", "Forward"),
+        icon: Forward,
+        onSelect: props.onForward
+      });
+    }
+    if (!props.detail.isDraft) {
+      items.push({
+        id: "toggle-read",
+        label: props.detail.isRead ? t("messages.actions.markUnread", "Mark unread") : t("messages.actions.markRead", "Mark read"),
+        icon: props.detail.isRead ? Mail : MailOpen,
+        onSelect: props.onToggleRead,
+        disabled: props.updatingState
+      });
+    }
+    if (!props.detail.isDraft) {
+      items.push({
+        id: "toggle-archive",
+        label: props.isArchived ? t("messages.actions.unarchive", "Unarchive") : t("messages.actions.archive", "Archive"),
+        icon: props.isArchived ? ArchiveRestore : Archive,
+        onSelect: props.onToggleArchive,
+        disabled: props.updatingState
+      });
+    }
+    items.push({
+      id: "delete",
+      label: t("messages.actions.delete", "Delete"),
+      icon: Trash2,
+      onSelect: props.onDelete,
+      disabled: props.updatingState
+    });
+    return items;
+  }, [props, t]);
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
+    props.collapseToggle ? /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        type: "button",
+        onClick: props.collapseToggle.onToggle,
+        variant: "ghost",
+        size: "sm",
+        className: "mt-1 text-muted-foreground hover:text-foreground",
+        "aria-label": props.collapseToggle.expanded ? t("messages.detail.hideDetails", "Hide details") : t("messages.detail.showDetails", "Show details"),
+        children: props.collapseToggle.expanded ? /* @__PURE__ */ jsx(ChevronUp, { className: "h-4 w-4", "aria-hidden": true }) : /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4", "aria-hidden": true })
+      }
+    ) : null,
+    /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx(
+      FormHeader,
+      {
+        mode: "detail",
+        title: showSubject ? props.detail.subject : void 0,
+        subtitle: `${t("messages.detail.from", "From")}: ${props.detail.senderName || props.detail.senderEmail || props.detail.senderUserId}`,
+        statusBadge: /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: formatDateTime(props.detail.sentAt) }),
+        utilityActions: canReply ? /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            type: "button",
+            variant: "outline",
+            size: "default",
+            "aria-label": t("messages.reply", "Reply"),
+            onClick: props.onReply,
+            children: /* @__PURE__ */ jsx(Reply, { className: "h-4 w-4", "aria-hidden": true })
+          }
+        ) : void 0,
+        menuTriggerMode: "icon",
+        menuAriaLabel: t("ui.actions.actions", "Actions"),
+        menuActions: actionItems
+      }
+    ) })
+  ] });
+}
+export {
+  MessageHeader
+};
+//# sourceMappingURL=MessageHeader.js.map

package/dist/modules/messages/components/message-detail/panels/MessageHeader.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/messages/components/message-detail/panels/MessageHeader.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { FormHeader, type ActionItem } from '@open-mercato/ui/backend/forms'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport {\n  Archive,\n  ArchiveRestore,\n  ChevronDown,\n  ChevronUp,\n  FilePenLine,\n  Forward,\n  Mail,\n  MailOpen,\n  Reply,\n  Trash2,\n} from 'lucide-react'\nimport type { MessageDetail } from '../types'\nimport { formatDateTime } from '../utils'\n\ntype MessageHeaderProps = {\n  detail: MessageDetail\n  updatingState: boolean\n  isArchived: boolean\n  showSubject?: boolean\n  onReply: () => void\n  onForward: () => void\n  onEdit: () => void\n  onToggleRead: () => void\n  onToggleArchive: () => void\n  onDelete: () => void\n  collapseToggle?: {\n    expanded: boolean\n    onToggle: () => void\n  }\n}\n\nexport function MessageHeader(props: MessageHeaderProps) {\n  const t = useT()\n  const showSubject = props.showSubject !== false\n  const canReply = !props.detail.isDraft && props.detail.typeDefinition.allowReply\n  const actionItems = React.useMemo(() => {\n    const items: ActionItem[] = []\n\n    if (props.detail.isDraft && props.detail.canEditDraft) {\n      items.push({\n        id: 'edit',\n        label: t('messages.actions.edit', 'Edit'),\n        icon: FilePenLine,\n        onSelect: props.onEdit,\n      })\n    }\n\n    if (!props.detail.isDraft && props.detail.typeDefinition.allowForward) {\n      items.push({\n        id: 'forward',\n        label: t('messages.forward', 'Forward'),\n        icon: Forward,\n        onSelect: props.onForward,\n      })\n    }\n\n    if (!props.detail.isDraft) {\n      items.push({\n        id: 'toggle-read',\n        label: props.detail.isRead\n          ? t('messages.actions.markUnread', 'Mark unread')\n          : t('messages.actions.markRead', 'Mark read'),\n        icon: props.detail.isRead ? Mail : MailOpen,\n        onSelect: props.onToggleRead,\n        disabled: props.updatingState,\n      })\n    }\n\n    if (!props.detail.isDraft) {\n      items.push({\n        id: 'toggle-archive',\n        label: props.isArchived\n          ? t('messages.actions.unarchive', 'Unarchive')\n          : t('messages.actions.archive', 'Archive'),\n        icon: props.isArchived ? ArchiveRestore : Archive,\n        onSelect: props.onToggleArchive,\n        disabled: props.updatingState,\n      })\n    }\n\n    items.push({\n      id: 'delete',\n      label: t('messages.actions.delete', 'Delete'),\n      icon: Trash2,\n      onSelect: props.onDelete,\n      disabled: props.updatingState,\n    })\n\n    return items\n  }, [props, t])\n\n  return (\n    <div className=\"flex items-start gap-2\">\n      {props.collapseToggle ? (\n        <IconButton\n          type=\"button\"\n          onClick={props.collapseToggle.onToggle}\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"mt-1 text-muted-foreground hover:text-foreground\"\n          aria-label={props.collapseToggle.expanded\n            ? t('messages.detail.hideDetails', 'Hide details')\n            : t('messages.detail.showDetails', 'Show details')}\n        >\n          {props.collapseToggle.expanded ? (\n            <ChevronUp className=\"h-4 w-4\" aria-hidden />\n          ) : (\n            <ChevronDown className=\"h-4 w-4\" aria-hidden />\n          )}\n        </IconButton>\n      ) : null}\n\n      <div className=\"min-w-0 flex-1\">\n        <FormHeader\n          mode=\"detail\"\n          title={showSubject ? props.detail.subject : undefined}\n          subtitle={`${t('messages.detail.from', 'From')}: ${props.detail.senderName || props.detail.senderEmail || props.detail.senderUserId}`}\n          statusBadge={<p className=\"text-xs text-muted-foreground\">{formatDateTime(props.detail.sentAt)}</p>}\n          utilityActions={canReply ? (\n            <IconButton\n              type=\"button\"\n              variant=\"outline\"\n              size=\"default\"\n              aria-label={t('messages.reply', 'Reply')}\n              onClick={props.onReply}\n            >\n              <Reply className=\"h-4 w-4\" aria-hidden />\n            </IconButton>\n          ) : undefined}\n          menuTriggerMode=\"icon\"\n          menuAriaLabel={t('ui.actions.actions', 'Actions')}\n          menuActions={actionItems}\n        />\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": ";AAmGI,SAaQ,KAbR;AAjGJ,YAAY,WAAW;AACvB,SAAS,YAAY;AACrB,SAAS,kBAAmC;AAC5C,SAAS,kBAAkB;AAC3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,sBAAsB;AAmBxB,SAAS,cAAc,OAA2B;AACvD,QAAM,IAAI,KAAK;AACf,QAAM,cAAc,MAAM,gBAAgB;AAC1C,QAAM,WAAW,CAAC,MAAM,OAAO,WAAW,MAAM,OAAO,eAAe;AACtE,QAAM,cAAc,MAAM,QAAQ,MAAM;AACtC,UAAM,QAAsB,CAAC;AAE7B,QAAI,MAAM,OAAO,WAAW,MAAM,OAAO,cAAc;AACrD,YAAM,KAAK;AAAA,QACT,IAAI;AAAA,QACJ,OAAO,EAAE,yBAAyB,MAAM;AAAA,QACxC,MAAM;AAAA,QACN,UAAU,MAAM;AAAA,MAClB,CAAC;AAAA,IACH;AAEA,QAAI,CAAC,MAAM,OAAO,WAAW,MAAM,OAAO,eAAe,cAAc;AACrE,YAAM,KAAK;AAAA,QACT,IAAI;AAAA,QACJ,OAAO,EAAE,oBAAoB,SAAS;AAAA,QACtC,MAAM;AAAA,QACN,UAAU,MAAM;AAAA,MAClB,CAAC;AAAA,IACH;AAEA,QAAI,CAAC,MAAM,OAAO,SAAS;AACzB,YAAM,KAAK;AAAA,QACT,IAAI;AAAA,QACJ,OAAO,MAAM,OAAO,SAChB,EAAE,+BAA+B,aAAa,IAC9C,EAAE,6BAA6B,WAAW;AAAA,QAC9C,MAAM,MAAM,OAAO,SAAS,OAAO;AAAA,QACnC,UAAU,MAAM;AAAA,QAChB,UAAU,MAAM;AAAA,MAClB,CAAC;AAAA,IACH;AAEA,QAAI,CAAC,MAAM,OAAO,SAAS;AACzB,YAAM,KAAK;AAAA,QACT,IAAI;AAAA,QACJ,OAAO,MAAM,aACT,EAAE,8BAA8B,WAAW,IAC3C,EAAE,4BAA4B,SAAS;AAAA,QAC3C,MAAM,MAAM,aAAa,iBAAiB;AAAA,QAC1C,UAAU,MAAM;AAAA,QAChB,UAAU,MAAM;AAAA,MAClB,CAAC;AAAA,IACH;AAEA,UAAM,KAAK;AAAA,MACT,IAAI;AAAA,MACJ,OAAO,EAAE,2BAA2B,QAAQ;AAAA,MAC5C,MAAM;AAAA,MACN,UAAU,MAAM;AAAA,MAChB,UAAU,MAAM;AAAA,IAClB,CAAC;AAED,WAAO;AAAA,EACT,GAAG,CAAC,OAAO,CAAC,CAAC;AAEb,SACE,qBAAC,SAAI,WAAU,0BACZ;AAAA,UAAM,iBACL;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS,MAAM,eAAe;AAAA,QAC9B,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,WAAU;AAAA,QACV,cAAY,MAAM,eAAe,WAC7B,EAAE,+BAA+B,cAAc,IAC/C,EAAE,+BAA+B,cAAc;AAAA,QAElD,gBAAM,eAAe,WACpB,oBAAC,aAAU,WAAU,WAAU,eAAW,MAAC,IAE3C,oBAAC,eAAY,WAAU,WAAU,eAAW,MAAC;AAAA;AAAA,IAEjD,IACE;AAAA,IAEJ,oBAAC,SAAI,WAAU,kBACb;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAO,cAAc,MAAM,OAAO,UAAU;AAAA,QAC5C,UAAU,GAAG,EAAE,wBAAwB,MAAM,CAAC,KAAK,MAAM,OAAO,cAAc,MAAM,OAAO,eAAe,MAAM,OAAO,YAAY;AAAA,QACnI,aAAa,oBAAC,OAAE,WAAU,iCAAiC,yBAAe,MAAM,OAAO,MAAM,GAAE;AAAA,QAC/F,gBAAgB,WACd;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,cAAY,EAAE,kBAAkB,OAAO;AAAA,YACvC,SAAS,MAAM;AAAA,YAEf,8BAAC,SAAM,WAAU,WAAU,eAAW,MAAC;AAAA;AAAA,QACzC,IACE;AAAA,QACJ,iBAAgB;AAAA,QAChB,eAAe,EAAE,sBAAsB,SAAS;AAAA,QAChD,aAAa;AAAA;AAAA,IACf,GACF;AAAA,KACF;AAEJ;",
+  "names": []
+}

package/dist/modules/messages/components/message-detail/panels/MessageListComponent.js

@@ -0,0 +1,58 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { cn } from "@open-mercato/shared/lib/utils";
+function formatSentTime(value) {
+  if (!value || Number.isNaN(value.getTime())) return "\u2014";
+  const now = /* @__PURE__ */ new Date();
+  if (now.toDateString() === value.toDateString()) {
+    return value.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
+  }
+  return value.toLocaleDateString([], { month: "short", day: "numeric" });
+}
+function normalizeBody(value) {
+  const normalized = (value ?? "").trim().replace(/\s+/g, " ");
+  return normalized || "\u2014";
+}
+function MessageListComponent({ message, onClick }) {
+  const t = useT();
+  const senderLabel = message.senderName || "\u2014";
+  const body = normalizeBody(message.body);
+  const sentAtLabel = formatSentTime(message.sentAt);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "group min-w-0 w-full cursor-pointer rounded-md px-2 py-2 transition-colors hover:bg-muted/40",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
+      ),
+      role: "button",
+      tabIndex: 0,
+      "aria-label": t("messages.openMessageA11y", "Open message from {sender}", { sender: senderLabel }),
+      onClick,
+      onKeyDown: (event) => {
+        if (event.key === "Enter" || event.key === " ") {
+          event.preventDefault();
+          onClick();
+        }
+      },
+      children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx("span", { className: cn("w-40 flex-shrink-0 truncate text-sm md:w-56", message.unread ? "font-semibold" : "font-normal"), children: senderLabel }),
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-sm text-muted-foreground", children: body }),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn("flex-shrink-0 text-xs", message.unread ? "font-semibold text-foreground" : "font-normal text-muted-foreground"),
+            children: sentAtLabel
+          }
+        )
+      ] })
+    }
+  );
+}
+var MessageListComponent_default = MessageListComponent;
+export {
+  MessageListComponent,
+  MessageListComponent_default as default
+};
+//# sourceMappingURL=MessageListComponent.js.map

package/dist/modules/messages/components/message-detail/panels/MessageListComponent.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/messages/components/message-detail/panels/MessageListComponent.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport type { MessageListItemProps } from '@open-mercato/shared/modules/messages/types'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { cn } from '@open-mercato/shared/lib/utils'\n\nfunction formatSentTime(value: Date | null): string {\n  if (!value || Number.isNaN(value.getTime())) return '\u2014'\n\n  const now = new Date()\n  if (now.toDateString() === value.toDateString()) {\n    return value.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })\n  }\n\n  return value.toLocaleDateString([], { month: 'short', day: 'numeric' })\n}\n\nfunction normalizeBody(value: string | null): string {\n  const normalized = (value ?? '').trim().replace(/\\s+/g, ' ')\n  return normalized || '\u2014'\n}\n\nexport function MessageListComponent({ message, onClick }: MessageListItemProps) {\n  const t = useT()\n  const senderLabel = message.senderName || '\u2014'\n  const body = normalizeBody(message.body)\n  const sentAtLabel = formatSentTime(message.sentAt)\n\n  return (\n    <div\n      className={cn(\n        'group min-w-0 w-full cursor-pointer rounded-md px-2 py-2 transition-colors hover:bg-muted/40',\n        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n      )}\n      role=\"button\"\n      tabIndex={0}\n      aria-label={t('messages.openMessageA11y', 'Open message from {sender}', { sender: senderLabel })}\n      onClick={onClick}\n      onKeyDown={(event) => {\n        if (event.key === 'Enter' || event.key === ' ') {\n          event.preventDefault()\n          onClick()\n        }\n      }}\n    >\n      <div className=\"flex items-center gap-3\">\n        <span className={cn('w-40 flex-shrink-0 truncate text-sm md:w-56', message.unread ? 'font-semibold' : 'font-normal')}>\n          {senderLabel}\n        </span>\n\n        <span className=\"min-w-0 flex-1 truncate text-sm text-muted-foreground\">{body}</span>\n\n        <span\n          className={cn('flex-shrink-0 text-xs', message.unread ? 'font-semibold text-foreground' : 'font-normal text-muted-foreground')}\n        >\n          {sentAtLabel}\n        </span>\n      </div>\n    </div>\n  )\n}\n\nexport default MessageListComponent\n"],
+  "mappings": ";AA6CM,SACE,KADF;AA1CN,SAAS,YAAY;AACrB,SAAS,UAAU;AAEnB,SAAS,eAAe,OAA4B;AAClD,MAAI,CAAC,SAAS,OAAO,MAAM,MAAM,QAAQ,CAAC,EAAG,QAAO;AAEpD,QAAM,MAAM,oBAAI,KAAK;AACrB,MAAI,IAAI,aAAa,MAAM,MAAM,aAAa,GAAG;AAC/C,WAAO,MAAM,mBAAmB,CAAC,GAAG,EAAE,MAAM,WAAW,QAAQ,UAAU,CAAC;AAAA,EAC5E;AAEA,SAAO,MAAM,mBAAmB,CAAC,GAAG,EAAE,OAAO,SAAS,KAAK,UAAU,CAAC;AACxE;AAEA,SAAS,cAAc,OAA8B;AACnD,QAAM,cAAc,SAAS,IAAI,KAAK,EAAE,QAAQ,QAAQ,GAAG;AAC3D,SAAO,cAAc;AACvB;AAEO,SAAS,qBAAqB,EAAE,SAAS,QAAQ,GAAyB;AAC/E,QAAM,IAAI,KAAK;AACf,QAAM,cAAc,QAAQ,cAAc;AAC1C,QAAM,OAAO,cAAc,QAAQ,IAAI;AACvC,QAAM,cAAc,eAAe,QAAQ,MAAM;AAEjD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACA,MAAK;AAAA,MACL,UAAU;AAAA,MACV,cAAY,EAAE,4BAA4B,8BAA8B,EAAE,QAAQ,YAAY,CAAC;AAAA,MAC/F;AAAA,MACA,WAAW,CAAC,UAAU;AACpB,YAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAAK;AAC9C,gBAAM,eAAe;AACrB,kBAAQ;AAAA,QACV;AAAA,MACF;AAAA,MAEA,+BAAC,SAAI,WAAU,2BACb;AAAA,4BAAC,UAAK,WAAW,GAAG,+CAA+C,QAAQ,SAAS,kBAAkB,aAAa,GAChH,uBACH;AAAA,QAEA,oBAAC,UAAK,WAAU,yDAAyD,gBAAK;AAAA,QAE9E;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,GAAG,yBAAyB,QAAQ,SAAS,kCAAkC,mCAAmC;AAAA,YAE5H;AAAA;AAAA,QACH;AAAA,SACF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,+BAAQ;",
+  "names": []
+}

package/dist/modules/messages/components/message-detail/panels/actions-panel.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { formatDateTime } from "../utils.js";
+function MessageDetailActionsSection(props) {
+  const t = useT();
+  if (!props.messageActions.length) return null;
+  return /* @__PURE__ */ jsxs("section", { className: "space-y-3 border-l pl-4 py-2", children: [
+    /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold", children: t("messages.actions.title", "Actions") }),
+    props.ActionsComponent ? /* @__PURE__ */ jsx(
+      props.ActionsComponent,
+      {
+        message: {
+          id: props.detail.id,
+          type: props.detail.type,
+          actionData: {
+            ...props.detail.actionData ?? {},
+            actions: props.messageActions
+          },
+          actionTaken: props.detail.actionTaken ?? null
+        },
+        onExecuteAction: props.onExecuteActionById,
+        isExecuting: props.executingActionId !== null,
+        executingActionId: props.executingActionId
+      }
+    ) : /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: props.messageActions.map((action) => /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: action.variant ?? "default",
+        disabled: Boolean(props.detail.actionTaken) || props.executingActionId !== null,
+        onClick: () => void props.onExecuteAction(action),
+        children: props.executingActionId === action.id ? t("messages.actions.executing", "Executing...") : t(action.labelKey || action.label, action.label)
+      },
+      action.id
+    )) }),
+    props.detail.actionTaken ? /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+      t("messages.actions.taken", "Action taken"),
+      ": ",
+      props.detail.actionTaken,
+      " (",
+      formatDateTime(props.detail.actionTakenAt),
+      ")"
+    ] }) : null
+  ] });
+}
+export {
+  MessageDetailActionsSection
+};
+//# sourceMappingURL=actions-panel.js.map

package/dist/modules/messages/components/message-detail/panels/actions-panel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/messages/components/message-detail/panels/actions-panel.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport type { ComponentType } from 'react'\nimport type { MessageActionsProps } from '@open-mercato/shared/modules/messages/types'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport type { MessageAction, MessageDetail } from '../types'\nimport { formatDateTime } from '../utils'\n\ntype ActionsPanelProps = {\n  detail: MessageDetail\n  messageActions: MessageAction[]\n  executingActionId: string | null\n  ActionsComponent: ComponentType<MessageActionsProps> | null\n  onExecuteActionById: MessageActionsProps['onExecuteAction']\n  onExecuteAction: (action: MessageAction, payload?: Record<string, unknown>) => Promise<void>\n}\n\nexport function MessageDetailActionsSection(props: ActionsPanelProps) {\n  const t = useT()\n\n  if (!props.messageActions.length) return null\n\n  return (\n    <section className=\"space-y-3 border-l pl-4 py-2\">\n      <h2 className=\"text-base font-semibold\">{t('messages.actions.title', 'Actions')}</h2>\n      {props.ActionsComponent ? (\n        <props.ActionsComponent\n          message={{\n            id: props.detail.id,\n            type: props.detail.type,\n            actionData: {\n              ...(props.detail.actionData ?? {}),\n              actions: props.messageActions,\n            },\n            actionTaken: props.detail.actionTaken ?? null,\n          }}\n          onExecuteAction={props.onExecuteActionById}\n          isExecuting={props.executingActionId !== null}\n          executingActionId={props.executingActionId}\n        />\n      ) : (\n        <div className=\"flex flex-wrap gap-2\">\n          {props.messageActions.map((action) => (\n            <Button\n              key={action.id}\n              type=\"button\"\n              variant={action.variant ?? 'default'}\n              disabled={Boolean(props.detail.actionTaken) || props.executingActionId !== null}\n              onClick={() => void props.onExecuteAction(action)}\n            >\n              {props.executingActionId === action.id\n                ? t('messages.actions.executing', 'Executing...')\n                : t(action.labelKey || action.label, action.label)}\n            </Button>\n          ))}\n        </div>\n      )}\n      {props.detail.actionTaken ? (\n        <p className=\"text-xs text-muted-foreground\">\n          {t('messages.actions.taken', 'Action taken')}: {props.detail.actionTaken} ({formatDateTime(props.detail.actionTakenAt)})\n        </p>\n      ) : null}\n    </section>\n  )\n}\n"],
+  "mappings": ";AAyBM,cAkCE,YAlCF;AArBN,SAAS,YAAY;AACrB,SAAS,cAAc;AAEvB,SAAS,sBAAsB;AAWxB,SAAS,4BAA4B,OAA0B;AACpE,QAAM,IAAI,KAAK;AAEf,MAAI,CAAC,MAAM,eAAe,OAAQ,QAAO;AAEzC,SACE,qBAAC,aAAQ,WAAU,gCACjB;AAAA,wBAAC,QAAG,WAAU,2BAA2B,YAAE,0BAA0B,SAAS,GAAE;AAAA,IAC/E,MAAM,mBACL;AAAA,MAAC,MAAM;AAAA,MAAN;AAAA,QACC,SAAS;AAAA,UACP,IAAI,MAAM,OAAO;AAAA,UACjB,MAAM,MAAM,OAAO;AAAA,UACnB,YAAY;AAAA,YACV,GAAI,MAAM,OAAO,cAAc,CAAC;AAAA,YAChC,SAAS,MAAM;AAAA,UACjB;AAAA,UACA,aAAa,MAAM,OAAO,eAAe;AAAA,QAC3C;AAAA,QACA,iBAAiB,MAAM;AAAA,QACvB,aAAa,MAAM,sBAAsB;AAAA,QACzC,mBAAmB,MAAM;AAAA;AAAA,IAC3B,IAEA,oBAAC,SAAI,WAAU,wBACZ,gBAAM,eAAe,IAAI,CAAC,WACzB;AAAA,MAAC;AAAA;AAAA,QAEC,MAAK;AAAA,QACL,SAAS,OAAO,WAAW;AAAA,QAC3B,UAAU,QAAQ,MAAM,OAAO,WAAW,KAAK,MAAM,sBAAsB;AAAA,QAC3E,SAAS,MAAM,KAAK,MAAM,gBAAgB,MAAM;AAAA,QAE/C,gBAAM,sBAAsB,OAAO,KAChC,EAAE,8BAA8B,cAAc,IAC9C,EAAE,OAAO,YAAY,OAAO,OAAO,OAAO,KAAK;AAAA;AAAA,MAR9C,OAAO;AAAA,IASd,CACD,GACH;AAAA,IAED,MAAM,OAAO,cACZ,qBAAC,OAAE,WAAU,iCACV;AAAA,QAAE,0BAA0B,cAAc;AAAA,MAAE;AAAA,MAAG,MAAM,OAAO;AAAA,MAAY;AAAA,MAAG,eAAe,MAAM,OAAO,aAAa;AAAA,MAAE;AAAA,OACzH,IACE;AAAA,KACN;AAEJ;",
+  "names": []
+}

package/dist/modules/messages/components/message-detail/panels/attachments-panel.js

@@ -0,0 +1,66 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import {
+  AttachmentVisualPreview,
+  formatAttachmentFileSize
+} from "@open-mercato/ui/backend/detail/AttachmentVisualPreview";
+import {
+  buildAttachmentImageUrl,
+  slugifyAttachmentFileName
+} from "@open-mercato/core/modules/attachments/lib/imageUrls";
+function MessageDetailAttachmentsSection(props) {
+  const t = useT();
+  if (props.attachmentsQuery.isLoading) {
+    return /* @__PURE__ */ jsxs("section", { className: "space-y-3 pl-4 py-2", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold", children: t("messages.attachedFiles", "Attachments") }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("messages.loading.attachments", "Loading attachments...") })
+    ] });
+  }
+  if (props.attachmentsQuery.error) {
+    return /* @__PURE__ */ jsxs("section", { className: "space-y-3 pl-4 py-2", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold", children: t("messages.attachedFiles", "Attachments") }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: props.attachmentsQuery.error instanceof Error ? props.attachmentsQuery.error.message : t("messages.errors.loadAttachmentsFailed", "Failed to load attachments.") })
+    ] });
+  }
+  if ((props.attachments ?? []).length === 0) return null;
+  return /* @__PURE__ */ jsxs("section", { className: "space-y-3 pl-4 py-2", children: [
+    /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold", children: t("messages.attachedFiles", "Attachments") }),
+    /* @__PURE__ */ jsx("div", { className: "space-y-2", children: (props.attachments ?? []).map((attachment) => /* @__PURE__ */ jsxs(
+      "a",
+      {
+        href: attachment.url,
+        target: "_blank",
+        rel: "noreferrer",
+        className: "flex items-center gap-3 rounded px-3 py-2 text-sm hover:bg-muted",
+        children: [
+          /* @__PURE__ */ jsx(
+            AttachmentVisualPreview,
+            {
+              fileName: attachment.fileName,
+              mimeType: attachment.mimeType,
+              thumbnailUrl: attachment.mimeType?.toLowerCase().startsWith("image/") ? buildAttachmentImageUrl(attachment.id, {
+                width: 120,
+                height: 120,
+                slug: slugifyAttachmentFileName(attachment.fileName),
+                cropType: "cover"
+              }) : null,
+              className: "h-11 w-11 shrink-0 overflow-hidden rounded",
+              iconClassName: "mb-0 h-4 w-4",
+              labelClassName: "text-[10px]"
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx("p", { className: "truncate", children: attachment.fileName }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: formatAttachmentFileSize(attachment.fileSize) })
+          ] })
+        ]
+      },
+      attachment.id
+    )) })
+  ] });
+}
+export {
+  MessageDetailAttachmentsSection
+};
+//# sourceMappingURL=attachments-panel.js.map

package/dist/modules/messages/components/message-detail/panels/attachments-panel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/messages/components/message-detail/panels/attachments-panel.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport {\n  AttachmentVisualPreview,\n  formatAttachmentFileSize,\n} from '@open-mercato/ui/backend/detail/AttachmentVisualPreview'\nimport {\n  buildAttachmentImageUrl,\n  slugifyAttachmentFileName,\n} from '@open-mercato/core/modules/attachments/lib/imageUrls'\nimport type { MessageAttachment } from '../types'\n\ntype AttachmentsPanelProps = {\n  attachmentsQuery: { isLoading: boolean; error: unknown }\n  attachments: MessageAttachment[] | undefined\n}\n\nexport function MessageDetailAttachmentsSection(props: AttachmentsPanelProps) {\n  const t = useT()\n\n  if (props.attachmentsQuery.isLoading) {\n    return (\n      <section className=\"space-y-3 pl-4 py-2\">\n        <h2 className=\"text-base font-semibold\">{t('messages.attachedFiles', 'Attachments')}</h2>\n        <p className=\"text-sm text-muted-foreground\">{t('messages.loading.attachments', 'Loading attachments...')}</p>\n      </section>\n    )\n  }\n\n  if (props.attachmentsQuery.error) {\n    return (\n      <section className=\"space-y-3 pl-4 py-2\">\n        <h2 className=\"text-base font-semibold\">{t('messages.attachedFiles', 'Attachments')}</h2>\n        <p className=\"text-sm text-destructive\">\n          {props.attachmentsQuery.error instanceof Error\n            ? props.attachmentsQuery.error.message\n            : t('messages.errors.loadAttachmentsFailed', 'Failed to load attachments.')}\n        </p>\n      </section>\n    )\n  }\n\n  if ((props.attachments ?? []).length === 0) return null\n\n  return (\n    <section className=\"space-y-3 pl-4 py-2\">\n      <h2 className=\"text-base font-semibold\">{t('messages.attachedFiles', 'Attachments')}</h2>\n      <div className=\"space-y-2\">\n        {(props.attachments ?? []).map((attachment) => (\n          <a\n            key={attachment.id}\n            href={attachment.url}\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            className=\"flex items-center gap-3 rounded px-3 py-2 text-sm hover:bg-muted\"\n          >\n            <AttachmentVisualPreview\n              fileName={attachment.fileName}\n              mimeType={attachment.mimeType}\n              thumbnailUrl={\n                attachment.mimeType?.toLowerCase().startsWith('image/')\n                  ? buildAttachmentImageUrl(attachment.id, {\n                    width: 120,\n                    height: 120,\n                    slug: slugifyAttachmentFileName(attachment.fileName),\n                    cropType: 'cover',\n                  })\n                  : null\n              }\n              className=\"h-11 w-11 shrink-0 overflow-hidden rounded\"\n              iconClassName=\"mb-0 h-4 w-4\"\n              labelClassName=\"text-[10px]\"\n            />\n            <div className=\"min-w-0 flex-1\">\n              <p className=\"truncate\">{attachment.fileName}</p>\n              <p className=\"text-xs text-muted-foreground\">\n                {formatAttachmentFileSize(attachment.fileSize)}\n              </p>\n            </div>\n          </a>\n        ))}\n      </div>\n    </section>\n  )\n}\n"],
+  "mappings": ";AAuBM,SACE,KADF;AArBN,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAQA,SAAS,gCAAgC,OAA8B;AAC5E,QAAM,IAAI,KAAK;AAEf,MAAI,MAAM,iBAAiB,WAAW;AACpC,WACE,qBAAC,aAAQ,WAAU,uBACjB;AAAA,0BAAC,QAAG,WAAU,2BAA2B,YAAE,0BAA0B,aAAa,GAAE;AAAA,MACpF,oBAAC,OAAE,WAAU,iCAAiC,YAAE,gCAAgC,wBAAwB,GAAE;AAAA,OAC5G;AAAA,EAEJ;AAEA,MAAI,MAAM,iBAAiB,OAAO;AAChC,WACE,qBAAC,aAAQ,WAAU,uBACjB;AAAA,0BAAC,QAAG,WAAU,2BAA2B,YAAE,0BAA0B,aAAa,GAAE;AAAA,MACpF,oBAAC,OAAE,WAAU,4BACV,gBAAM,iBAAiB,iBAAiB,QACrC,MAAM,iBAAiB,MAAM,UAC7B,EAAE,yCAAyC,6BAA6B,GAC9E;AAAA,OACF;AAAA,EAEJ;AAEA,OAAK,MAAM,eAAe,CAAC,GAAG,WAAW,EAAG,QAAO;AAEnD,SACE,qBAAC,aAAQ,WAAU,uBACjB;AAAA,wBAAC,QAAG,WAAU,2BAA2B,YAAE,0BAA0B,aAAa,GAAE;AAAA,IACpF,oBAAC,SAAI,WAAU,aACX,iBAAM,eAAe,CAAC,GAAG,IAAI,CAAC,eAC9B;AAAA,MAAC;AAAA;AAAA,QAEC,MAAM,WAAW;AAAA,QACjB,QAAO;AAAA,QACP,KAAI;AAAA,QACJ,WAAU;AAAA,QAEV;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,UAAU,WAAW;AAAA,cACrB,UAAU,WAAW;AAAA,cACrB,cACE,WAAW,UAAU,YAAY,EAAE,WAAW,QAAQ,IAClD,wBAAwB,WAAW,IAAI;AAAA,gBACvC,OAAO;AAAA,gBACP,QAAQ;AAAA,gBACR,MAAM,0BAA0B,WAAW,QAAQ;AAAA,gBACnD,UAAU;AAAA,cACZ,CAAC,IACC;AAAA,cAEN,WAAU;AAAA,cACV,eAAc;AAAA,cACd,gBAAe;AAAA;AAAA,UACjB;AAAA,UACA,qBAAC,SAAI,WAAU,kBACb;AAAA,gCAAC,OAAE,WAAU,YAAY,qBAAW,UAAS;AAAA,YAC7C,oBAAC,OAAE,WAAU,iCACV,mCAAyB,WAAW,QAAQ,GAC/C;AAAA,aACF;AAAA;AAAA;AAAA,MA5BK,WAAW;AAAA,IA6BlB,CACD,GACH;AAAA,KACF;AAEJ;",
+  "names": []
+}

package/dist/modules/messages/components/message-detail/panels/body-panel.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { MarkdownContent } from "@open-mercato/ui/backend/markdown/MarkdownContent";
+function MessageDetailBodySection(props) {
+  if (props.ContentComponent) {
+    return /* @__PURE__ */ jsx("div", { className: "rounded border bg-muted/30 p-3", children: /* @__PURE__ */ jsx(props.ContentComponent, { ...props.contentProps }) });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "rounded border bg-muted/30 p-3 text-sm whitespace-pre-wrap", children: /* @__PURE__ */ jsx(
+    MarkdownContent,
+    {
+      body: props.detail.body,
+      format: props.detail.bodyFormat,
+      className: "text-sm whitespace-pre-wrap [&>*]: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"
+    }
+  ) });
+}
+export {
+  MessageDetailBodySection
+};
+//# sourceMappingURL=body-panel.js.map

package/dist/modules/messages/components/message-detail/panels/body-panel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/messages/components/message-detail/panels/body-panel.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type { MessageContentProps } from '@open-mercato/shared/modules/messages/types'\nimport { MarkdownContent } from '@open-mercato/ui/backend/markdown/MarkdownContent'\nimport type { MessageDetail } from '../types'\n\ntype BodyPanelProps = {\n  detail: MessageDetail\n  contentProps: MessageContentProps\n  ContentComponent: React.ComponentType<MessageContentProps> | null\n}\n\nexport function MessageDetailBodySection(props: BodyPanelProps) {\n  if (props.ContentComponent) {\n    return (\n      <div className=\"rounded border bg-muted/30 p-3\">\n        <props.ContentComponent {...props.contentProps} />\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"rounded border bg-muted/30 p-3 text-sm whitespace-pre-wrap\">\n      <MarkdownContent\n        body={props.detail.body}\n        format={props.detail.bodyFormat}\n        className=\"text-sm whitespace-pre-wrap [&>*]: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\"\n      />\n    </div>\n  )\n}\n"],
+  "mappings": ";AAiBQ;AAbR,SAAS,uBAAuB;AASzB,SAAS,yBAAyB,OAAuB;AAC9D,MAAI,MAAM,kBAAkB;AAC1B,WACE,oBAAC,SAAI,WAAU,kCACb,8BAAC,MAAM,kBAAN,EAAwB,GAAG,MAAM,cAAc,GAClD;AAAA,EAEJ;AAEA,SACE,oBAAC,SAAI,WAAU,8DACb;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,MAAM,OAAO;AAAA,MACnB,QAAQ,MAAM,OAAO;AAAA,MACrB,WAAU;AAAA;AAAA,EACZ,GACF;AAEJ;",
+  "names": []
+}

package/dist/modules/messages/components/message-detail/panels/composer-dialogs.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { MessageComposer } from "@open-mercato/ui/backend/messages";
+function MessageDetailComposerDialogs(props) {
+  return /* @__PURE__ */ jsx(
+    MessageComposer,
+    {
+      variant: "compose",
+      messageId: props.id,
+      open: props.editOpen && props.detail.isDraft && props.detail.canEditDraft,
+      onOpenChange: props.setEditOpen,
+      defaultValues: {
+        type: props.detail.type,
+        recipients: props.detail.recipients.map((recipient) => recipient.userId),
+        subject: props.detail.subject,
+        body: props.detail.body,
+        bodyFormat: props.detail.bodyFormat,
+        priority: props.detail.priority,
+        visibility: props.detail.visibility ?? "internal",
+        sourceEntityType: props.detail.sourceEntityType ?? null,
+        sourceEntityId: props.detail.sourceEntityId ?? null,
+        externalEmail: props.detail.externalEmail ?? null,
+        externalName: props.detail.externalName ?? null,
+        attachmentIds: props.attachments?.map((attachment) => attachment.id) ?? []
+      },
+      onSuccess: () => {
+        props.setEditOpen(false);
+        void props.onRefresh();
+      }
+    }
+  );
+}
+export {
+  MessageDetailComposerDialogs
+};
+//# sourceMappingURL=composer-dialogs.js.map

package/dist/modules/messages/components/message-detail/panels/composer-dialogs.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/messages/components/message-detail/panels/composer-dialogs.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport { MessageComposer } from '@open-mercato/ui/backend/messages'\nimport type { MessageAttachment, MessageDetail } from '../types'\n\ntype ComposerDialogsProps = {\n  id: string\n  detail: MessageDetail\n  attachments: MessageAttachment[] | undefined\n  editOpen: boolean\n  setEditOpen: (value: boolean) => void\n  onRefresh: () => Promise<unknown>\n}\n\nexport function MessageDetailComposerDialogs(props: ComposerDialogsProps) {\n  return (\n    <MessageComposer\n      variant=\"compose\"\n      messageId={props.id}\n      open={props.editOpen && props.detail.isDraft && props.detail.canEditDraft}\n      onOpenChange={props.setEditOpen}\n      defaultValues={{\n        type: props.detail.type,\n        recipients: props.detail.recipients.map((recipient) => recipient.userId),\n        subject: props.detail.subject,\n        body: props.detail.body,\n        bodyFormat: props.detail.bodyFormat,\n        priority: props.detail.priority as 'low' | 'normal' | 'high' | 'urgent',\n        visibility: props.detail.visibility ?? 'internal',\n        sourceEntityType: props.detail.sourceEntityType ?? null,\n        sourceEntityId: props.detail.sourceEntityId ?? null,\n        externalEmail: props.detail.externalEmail ?? null,\n        externalName: props.detail.externalName ?? null,\n        attachmentIds: props.attachments?.map((attachment) => attachment.id) ?? [],\n      }}\n      onSuccess={() => {\n        props.setEditOpen(false)\n        void props.onRefresh()\n      }}\n    />\n  )\n}\n"],
+  "mappings": ";AAgBI;AAdJ,SAAS,uBAAuB;AAYzB,SAAS,6BAA6B,OAA6B;AACxE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAW,MAAM;AAAA,MACjB,MAAM,MAAM,YAAY,MAAM,OAAO,WAAW,MAAM,OAAO;AAAA,MAC7D,cAAc,MAAM;AAAA,MACpB,eAAe;AAAA,QACb,MAAM,MAAM,OAAO;AAAA,QACnB,YAAY,MAAM,OAAO,WAAW,IAAI,CAAC,cAAc,UAAU,MAAM;AAAA,QACvE,SAAS,MAAM,OAAO;AAAA,QACtB,MAAM,MAAM,OAAO;AAAA,QACnB,YAAY,MAAM,OAAO;AAAA,QACzB,UAAU,MAAM,OAAO;AAAA,QACvB,YAAY,MAAM,OAAO,cAAc;AAAA,QACvC,kBAAkB,MAAM,OAAO,oBAAoB;AAAA,QACnD,gBAAgB,MAAM,OAAO,kBAAkB;AAAA,QAC/C,eAAe,MAAM,OAAO,iBAAiB;AAAA,QAC7C,cAAc,MAAM,OAAO,gBAAgB;AAAA,QAC3C,eAAe,MAAM,aAAa,IAAI,CAAC,eAAe,WAAW,EAAE,KAAK,CAAC;AAAA,MAC3E;AAAA,MACA,WAAW,MAAM;AACf,cAAM,YAAY,KAAK;AACvB,aAAK,MAAM,UAAU;AAAA,MACvB;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/modules/messages/components/message-detail/panels/dialogs.js

@@ -0,0 +1,96 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button } from "@open-mercato/ui/primitives/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "@open-mercato/ui/primitives/dialog";
+function MessageDetailDialogs(props) {
+  const t = useT();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Dialog,
+      {
+        open: Boolean(props.pendingActionConfirmation),
+        onOpenChange: (open) => {
+          if (!open) props.setPendingActionConfirmation(null);
+        },
+        children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-md", onKeyDown: props.handleActionConfirmDialogKeyDown, children: [
+          /* @__PURE__ */ jsxs(DialogHeader, { children: [
+            /* @__PURE__ */ jsx(DialogTitle, { children: t("messages.confirm.actionTitle", "Confirm action") }),
+            /* @__PURE__ */ jsx(DialogDescription, { children: props.pendingActionConfirmation?.action.confirmMessage || t("messages.confirm.action", "Are you sure you want to continue?") })
+          ] }),
+          /* @__PURE__ */ jsxs(DialogFooter, { children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "outline",
+                onClick: () => props.setPendingActionConfirmation(null),
+                disabled: props.executingActionId !== null,
+                children: t("common.cancel", "Cancel")
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: props.pendingActionConfirmation?.action.variant === "destructive" ? "destructive" : "default",
+                onClick: () => void props.handleConfirmPendingAction(),
+                disabled: props.executingActionId !== null,
+                children: props.executingActionId === props.pendingActionConfirmation?.action.id ? t("messages.actions.executing", "Executing...") : t(
+                  props.pendingActionConfirmation?.action.labelKey || props.pendingActionConfirmation?.action.label || "messages.confirm.actionConfirm",
+                  props.pendingActionConfirmation?.action.label || t("messages.confirm.actionConfirm", "Confirm")
+                )
+              }
+            )
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Dialog,
+      {
+        open: props.deleteConfirmationOpen,
+        onOpenChange: props.setDeleteConfirmationOpen,
+        children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-md", onKeyDown: props.handleDeleteDialogKeyDown, children: [
+          /* @__PURE__ */ jsxs(DialogHeader, { children: [
+            /* @__PURE__ */ jsx(DialogTitle, { children: t("messages.confirm.deleteTitle", "Delete message") }),
+            /* @__PURE__ */ jsx(DialogDescription, { children: t("messages.confirm.delete", "Delete this message from your view?") })
+          ] }),
+          /* @__PURE__ */ jsxs(DialogFooter, { children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "outline",
+                onClick: () => props.setDeleteConfirmationOpen(false),
+                disabled: props.updatingState,
+                children: t("common.cancel", "Cancel")
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "destructive",
+                onClick: () => void props.handleDelete(),
+                disabled: props.updatingState,
+                children: t("messages.actions.delete", "Delete")
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+export {
+  MessageDetailDialogs
+};
+//# sourceMappingURL=dialogs.js.map

package/dist/modules/messages/components/message-detail/panels/dialogs.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/messages/components/message-detail/panels/dialogs.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@open-mercato/ui/primitives/dialog'\nimport type { PendingActionConfirmation } from '../types'\n\ntype DialogsProps = {\n  pendingActionConfirmation: PendingActionConfirmation | null\n  setPendingActionConfirmation: (value: PendingActionConfirmation | null) => void\n  executingActionId: string | null\n  handleConfirmPendingAction: () => Promise<void>\n  handleActionConfirmDialogKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void\n  deleteConfirmationOpen: boolean\n  setDeleteConfirmationOpen: (value: boolean) => void\n  updatingState: boolean\n  handleDelete: () => Promise<void>\n  handleDeleteDialogKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void\n}\n\nexport function MessageDetailDialogs(props: DialogsProps) {\n  const t = useT()\n\n  return (\n    <>\n      <Dialog\n        open={Boolean(props.pendingActionConfirmation)}\n        onOpenChange={(open) => {\n          if (!open) props.setPendingActionConfirmation(null)\n        }}\n      >\n        <DialogContent className=\"sm:max-w-md\" onKeyDown={props.handleActionConfirmDialogKeyDown}>\n          <DialogHeader>\n            <DialogTitle>{t('messages.confirm.actionTitle', 'Confirm action')}</DialogTitle>\n            <DialogDescription>\n              {props.pendingActionConfirmation?.action.confirmMessage\n                || t('messages.confirm.action', 'Are you sure you want to continue?')}\n            </DialogDescription>\n          </DialogHeader>\n          <DialogFooter>\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              onClick={() => props.setPendingActionConfirmation(null)}\n              disabled={props.executingActionId !== null}\n            >\n              {t('common.cancel', 'Cancel')}\n            </Button>\n            <Button\n              type=\"button\"\n              variant={props.pendingActionConfirmation?.action.variant === 'destructive' ? 'destructive' : 'default'}\n              onClick={() => void props.handleConfirmPendingAction()}\n              disabled={props.executingActionId !== null}\n            >\n              {props.executingActionId === props.pendingActionConfirmation?.action.id\n                ? t('messages.actions.executing', 'Executing...')\n                : t(\n                  props.pendingActionConfirmation?.action.labelKey || props.pendingActionConfirmation?.action.label || 'messages.confirm.actionConfirm',\n                  props.pendingActionConfirmation?.action.label || t('messages.confirm.actionConfirm', 'Confirm'),\n                )}\n            </Button>\n          </DialogFooter>\n        </DialogContent>\n      </Dialog>\n\n      <Dialog\n        open={props.deleteConfirmationOpen}\n        onOpenChange={props.setDeleteConfirmationOpen}\n      >\n        <DialogContent className=\"sm:max-w-md\" onKeyDown={props.handleDeleteDialogKeyDown}>\n          <DialogHeader>\n            <DialogTitle>{t('messages.confirm.deleteTitle', 'Delete message')}</DialogTitle>\n            <DialogDescription>\n              {t('messages.confirm.delete', 'Delete this message from your view?')}\n            </DialogDescription>\n          </DialogHeader>\n          <DialogFooter>\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              onClick={() => props.setDeleteConfirmationOpen(false)}\n              disabled={props.updatingState}\n            >\n              {t('common.cancel', 'Cancel')}\n            </Button>\n            <Button\n              type=\"button\"\n              variant=\"destructive\"\n              onClick={() => void props.handleDelete()}\n              disabled={props.updatingState}\n            >\n              {t('messages.actions.delete', 'Delete')}\n            </Button>\n          </DialogFooter>\n        </DialogContent>\n      </Dialog>\n    </>\n  )\n}\n"],
+  "mappings": ";AAgCI,mBASQ,KADF,YARN;AA7BJ,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAgBA,SAAS,qBAAqB,OAAqB;AACxD,QAAM,IAAI,KAAK;AAEf,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,QAAQ,MAAM,yBAAyB;AAAA,QAC7C,cAAc,CAAC,SAAS;AACtB,cAAI,CAAC,KAAM,OAAM,6BAA6B,IAAI;AAAA,QACpD;AAAA,QAEA,+BAAC,iBAAc,WAAU,eAAc,WAAW,MAAM,kCACtD;AAAA,+BAAC,gBACC;AAAA,gCAAC,eAAa,YAAE,gCAAgC,gBAAgB,GAAE;AAAA,YAClE,oBAAC,qBACE,gBAAM,2BAA2B,OAAO,kBACpC,EAAE,2BAA2B,oCAAoC,GACxE;AAAA,aACF;AAAA,UACA,qBAAC,gBACC;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAQ;AAAA,gBACR,SAAS,MAAM,MAAM,6BAA6B,IAAI;AAAA,gBACtD,UAAU,MAAM,sBAAsB;AAAA,gBAErC,YAAE,iBAAiB,QAAQ;AAAA;AAAA,YAC9B;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,MAAM,2BAA2B,OAAO,YAAY,gBAAgB,gBAAgB;AAAA,gBAC7F,SAAS,MAAM,KAAK,MAAM,2BAA2B;AAAA,gBACrD,UAAU,MAAM,sBAAsB;AAAA,gBAErC,gBAAM,sBAAsB,MAAM,2BAA2B,OAAO,KACjE,EAAE,8BAA8B,cAAc,IAC9C;AAAA,kBACA,MAAM,2BAA2B,OAAO,YAAY,MAAM,2BAA2B,OAAO,SAAS;AAAA,kBACrG,MAAM,2BAA2B,OAAO,SAAS,EAAE,kCAAkC,SAAS;AAAA,gBAChG;AAAA;AAAA,YACJ;AAAA,aACF;AAAA,WACF;AAAA;AAAA,IACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,MAAM;AAAA,QACZ,cAAc,MAAM;AAAA,QAEpB,+BAAC,iBAAc,WAAU,eAAc,WAAW,MAAM,2BACtD;AAAA,+BAAC,gBACC;AAAA,gCAAC,eAAa,YAAE,gCAAgC,gBAAgB,GAAE;AAAA,YAClE,oBAAC,qBACE,YAAE,2BAA2B,qCAAqC,GACrE;AAAA,aACF;AAAA,UACA,qBAAC,gBACC;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAQ;AAAA,gBACR,SAAS,MAAM,MAAM,0BAA0B,KAAK;AAAA,gBACpD,UAAU,MAAM;AAAA,gBAEf,YAAE,iBAAiB,QAAQ;AAAA;AAAA,YAC9B;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAQ;AAAA,gBACR,SAAS,MAAM,KAAK,MAAM,aAAa;AAAA,gBACvC,UAAU,MAAM;AAAA,gBAEf,YAAE,2BAA2B,QAAQ;AAAA;AAAA,YACxC;AAAA,aACF;AAAA,WACF;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
+  "names": []
+}

package/dist/modules/messages/components/message-detail/panels/index.js

@@ -0,0 +1,25 @@
+import { MessageHeader } from "./MessageHeader.js";
+import { MainMessageHeader } from "./MainMessageHeader.js";
+import { MessageListComponent } from "./MessageListComponent.js";
+import { MessageDetailBodySection } from "./body-panel.js";
+import { MessageDetailMetaSection } from "./meta-panel.js";
+import { MessageDetailActionsSection } from "./actions-panel.js";
+import { MessageDetailObjectsSection } from "./objects-panel.js";
+import { MessageDetailAttachmentsSection } from "./attachments-panel.js";
+import { MessageDetailThreadSection } from "./thread-panel.js";
+import { MessageDetailComposerDialogs } from "./composer-dialogs.js";
+import { MessageDetailDialogs } from "./dialogs.js";
+export {
+  MainMessageHeader,
+  MessageDetailActionsSection,
+  MessageDetailAttachmentsSection,
+  MessageDetailBodySection,
+  MessageDetailComposerDialogs,
+  MessageDetailDialogs,
+  MessageDetailMetaSection,
+  MessageDetailObjectsSection,
+  MessageDetailThreadSection,
+  MessageHeader,
+  MessageListComponent
+};
+//# sourceMappingURL=index.js.map

package/dist/modules/messages/components/message-detail/panels/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/messages/components/message-detail/panels/index.ts"],
+  "sourcesContent": ["export { MessageHeader } from './MessageHeader'\nexport { MainMessageHeader } from './MainMessageHeader'\nexport { MessageListComponent } from './MessageListComponent'\nexport { MessageDetailBodySection } from './body-panel'\nexport { MessageDetailMetaSection } from './meta-panel'\nexport { MessageDetailActionsSection } from './actions-panel'\nexport { MessageDetailObjectsSection } from './objects-panel'\nexport { MessageDetailAttachmentsSection } from './attachments-panel'\nexport { MessageDetailThreadSection } from './thread-panel'\nexport { MessageDetailComposerDialogs } from './composer-dialogs'\nexport { MessageDetailDialogs } from './dialogs'\n"],
+  "mappings": "AAAA,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AACrC,SAAS,gCAAgC;AACzC,SAAS,gCAAgC;AACzC,SAAS,mCAAmC;AAC5C,SAAS,mCAAmC;AAC5C,SAAS,uCAAuC;AAChD,SAAS,kCAAkC;AAC3C,SAAS,oCAAoC;AAC7C,SAAS,4BAA4B;",
+  "names": []
+}

package/dist/modules/messages/components/message-detail/panels/meta-panel.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+function MessageDetailMetaSection({ detail }) {
+  const t = useT();
+  return /* @__PURE__ */ jsx("div", { className: "grid gap-3 sm:grid-cols-2", children: detail.externalEmail ? /* @__PURE__ */ jsxs("div", { className: "space-y-1 rounded border p-3 text-sm", children: [
+    /* @__PURE__ */ jsx("p", { className: "font-medium", children: t("messages.externalEmail", "External email") }),
+    /* @__PURE__ */ jsx("p", { children: detail.externalEmail })
+  ] }) : null });
+}
+export {
+  MessageDetailMetaSection
+};
+//# sourceMappingURL=meta-panel.js.map