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

package/dist/modules/messages/components/MessagesInboxPageClient.js

@@ -0,0 +1,390 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+import { useQuery } from "@tanstack/react-query";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { useOrganizationScopeVersion } from "@open-mercato/shared/lib/frontend/useOrganizationScope";
+import { DataTable } from "@open-mercato/ui/backend/DataTable";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { Archive, ChevronDown, FilePenLine, Inbox, Layers, Send } from "lucide-react";
+import { getMessageUiComponentRegistry } from "./utils/typeUiRegistry.js";
+import { DefaultMessageListItem } from "./defaults/DefaultMessageListItem.js";
+function toErrorMessage(payload) {
+  if (!payload) return null;
+  if (typeof payload === "string") return payload;
+  if (Array.isArray(payload)) {
+    for (const item of payload) {
+      const nested = toErrorMessage(item);
+      if (nested) return nested;
+    }
+    return null;
+  }
+  if (typeof payload === "object") {
+    const record = payload;
+    return toErrorMessage(record.error) ?? toErrorMessage(record.message) ?? toErrorMessage(record.detail) ?? toErrorMessage(record.details) ?? null;
+  }
+  return null;
+}
+function MessagesInboxPageClient() {
+  const router = useRouter();
+  const t = useT();
+  const scopeVersion = useOrganizationScopeVersion();
+  const [folder, setFolder] = React.useState("inbox");
+  const [folderMenuOpen, setFolderMenuOpen] = React.useState(false);
+  const [search, setSearch] = React.useState("");
+  const [filterValues, setFilterValues] = React.useState({});
+  const [page, setPage] = React.useState(1);
+  const pageSize = 20;
+  const folderMenuRef = React.useRef(null);
+  const messageUiRegistry = React.useMemo(() => getMessageUiComponentRegistry(), []);
+  const listQuery = useQuery({
+    queryKey: [
+      "messages",
+      "list",
+      folder,
+      search,
+      page,
+      pageSize,
+      JSON.stringify(filterValues),
+      scopeVersion
+    ],
+    queryFn: async () => {
+      const params = new URLSearchParams();
+      params.set("folder", folder);
+      params.set("page", String(page));
+      params.set("pageSize", String(pageSize));
+      if (search.trim()) {
+        params.set("search", search.trim());
+      }
+      const status = typeof filterValues.status === "string" ? filterValues.status.trim() : "";
+      const type = typeof filterValues.type === "string" ? filterValues.type.trim() : "";
+      const hasObjects = typeof filterValues.hasObjects === "string" ? filterValues.hasObjects.trim() : "";
+      const hasAttachments = typeof filterValues.hasAttachments === "string" ? filterValues.hasAttachments.trim() : "";
+      const hasActions = typeof filterValues.hasActions === "string" ? filterValues.hasActions.trim() : "";
+      const senderId = typeof filterValues.senderId === "string" ? filterValues.senderId.trim() : "";
+      const since = typeof filterValues.since === "string" ? filterValues.since.trim() : "";
+      if (status) params.set("status", status);
+      if (type) params.set("type", type);
+      if (hasObjects) params.set("hasObjects", hasObjects);
+      if (hasAttachments) params.set("hasAttachments", hasAttachments);
+      if (hasActions) params.set("hasActions", hasActions);
+      if (senderId) params.set("senderId", senderId);
+      if (since) params.set("since", since);
+      const call = await apiCall(`/api/messages?${params.toString()}`);
+      if (!call.ok) {
+        throw new Error(
+          toErrorMessage(call.result) ?? t("messages.errors.loadListFailed", "Failed to load messages.")
+        );
+      }
+      return {
+        items: Array.isArray(call.result?.items) ? call.result?.items ?? [] : [],
+        total: Number(call.result?.total ?? 0),
+        page: Number(call.result?.page ?? page),
+        pageSize: Number(call.result?.pageSize ?? pageSize),
+        totalPages: Number(call.result?.totalPages ?? 1)
+      };
+    }
+  });
+  const messageTypesQuery = useQuery({
+    queryKey: ["messages", "types", scopeVersion],
+    queryFn: async () => {
+      const call = await apiCall("/api/messages/types");
+      if (!call.ok) {
+        throw new Error(
+          toErrorMessage(call.result) ?? t("messages.errors.loadTypesFailed", "Failed to load message types.")
+        );
+      }
+      return Array.isArray(call.result?.items) ? call.result?.items ?? [] : [];
+    }
+  });
+  React.useEffect(() => {
+    if (!listQuery.error) return;
+    flash(
+      listQuery.error instanceof Error ? listQuery.error.message : t("messages.errors.loadListFailed", "Failed to load messages."),
+      "error"
+    );
+  }, [listQuery.error, t]);
+  React.useEffect(() => {
+    if (!messageTypesQuery.error) return;
+    flash(
+      messageTypesQuery.error instanceof Error ? messageTypesQuery.error.message : t("messages.errors.loadTypesFailed", "Failed to load message types."),
+      "error"
+    );
+  }, [messageTypesQuery.error, t]);
+  const messageTypeLabelMap = React.useMemo(() => {
+    const map = {};
+    for (const item of messageTypesQuery.data ?? []) {
+      map[item.type] = t(item.labelKey, item.type);
+    }
+    return map;
+  }, [messageTypesQuery.data, t]);
+  const loadSenderOptions = React.useCallback(async (query) => {
+    const params = new URLSearchParams();
+    params.set("page", "1");
+    params.set("pageSize", "20");
+    if (query && query.trim().length > 0) {
+      params.set("search", query.trim());
+    }
+    const call = await apiCall(`/api/auth/users?${params.toString()}`);
+    if (!call.ok) return [];
+    const items = Array.isArray(call.result?.items) ? call.result?.items ?? [] : [];
+    return items.flatMap((item) => {
+      if (!item || typeof item.id !== "string" || item.id.trim().length === 0) return [];
+      const name = typeof item.name === "string" && item.name.trim().length > 0 ? item.name.trim() : null;
+      const email = typeof item.email === "string" && item.email.trim().length > 0 ? item.email.trim() : null;
+      const label = name ?? email ?? item.id;
+      return [{
+        value: item.id,
+        label,
+        description: email && email !== label ? email : null
+      }];
+    });
+  }, []);
+  const listItemComponentKeyByType = React.useMemo(() => {
+    const map = {};
+    for (const item of messageTypesQuery.data ?? []) {
+      map[item.type] = item.ui?.listItemComponent ?? null;
+    }
+    return map;
+  }, [messageTypesQuery.data]);
+  const filters = React.useMemo(() => {
+    const typeOptions = (messageTypesQuery.data ?? []).map((item) => ({
+      value: item.type,
+      label: t(item.labelKey, item.type)
+    }));
+    return [
+      {
+        id: "status",
+        label: t("messages.filters.status", "Status"),
+        type: "select",
+        options: [
+          { value: "", label: t("messages.filters.all", "All") },
+          { value: "unread", label: t("messages.status.unread", "Unread") },
+          { value: "read", label: t("messages.status.read", "Read") },
+          { value: "archived", label: t("messages.status.archived", "Archived") }
+        ]
+      },
+      {
+        id: "type",
+        label: t("messages.filters.type", "Type"),
+        type: "select",
+        options: [{ value: "", label: t("messages.filters.all", "All") }, ...typeOptions]
+      },
+      {
+        id: "hasObjects",
+        label: t("messages.filters.hasObjects", "Objects"),
+        type: "select",
+        options: [
+          { value: "", label: t("messages.filters.all", "All") },
+          { value: "true", label: t("common.yes", "Yes") },
+          { value: "false", label: t("common.no", "No") }
+        ]
+      },
+      {
+        id: "hasAttachments",
+        label: t("messages.filters.hasAttachments", "Attachments"),
+        type: "select",
+        options: [
+          { value: "", label: t("messages.filters.all", "All") },
+          { value: "true", label: t("common.yes", "Yes") },
+          { value: "false", label: t("common.no", "No") }
+        ]
+      },
+      {
+        id: "hasActions",
+        label: t("messages.filters.hasActions", "Actions"),
+        type: "select",
+        options: [
+          { value: "", label: t("messages.filters.all", "All") },
+          { value: "true", label: t("common.yes", "Yes") },
+          { value: "false", label: t("common.no", "No") }
+        ]
+      },
+      {
+        id: "senderId",
+        label: t("messages.filters.sender", "Sender"),
+        type: "select",
+        options: [{ value: "", label: t("messages.filters.all", "All") }],
+        loadOptions: loadSenderOptions
+      },
+      {
+        id: "since",
+        label: t("messages.filters.since", "Sent after"),
+        type: "text",
+        placeholder: t("messages.filters.sincePlaceholder", "YYYY-MM-DDTHH:mm:ssZ")
+      }
+    ];
+  }, [loadSenderOptions, messageTypesQuery.data, t]);
+  const columns = React.useMemo(() => [
+    {
+      accessorKey: "message",
+      header: t("messages.title", "Messages"),
+      meta: {
+        truncate: false,
+        maxWidth: "100%"
+      },
+      cell: ({ row }) => {
+        const item = row.original;
+        const listItemComponentKey = listItemComponentKeyByType[item.type];
+        const ListItemComponent = listItemComponentKey ? messageUiRegistry.listItemComponents[listItemComponentKey] ?? null : null;
+        const ComponentToUse = ListItemComponent || DefaultMessageListItem;
+        return /* @__PURE__ */ jsx(
+          ComponentToUse,
+          {
+            message: {
+              id: item.id,
+              type: item.type,
+              typeLabel: messageTypeLabelMap[item.type] ?? item.type,
+              subject: item.subject,
+              body: item.bodyPreview,
+              bodyFormat: "text",
+              priority: item.priority ?? "normal",
+              sentAt: item.sentAt ? new Date(item.sentAt) : null,
+              senderName: item.senderName || item.senderEmail || item.senderUserId,
+              hasObjects: item.hasObjects,
+              objectCount: item.objectCount,
+              hasAttachments: item.hasAttachments,
+              attachmentCount: item.attachmentCount,
+              hasActions: item.hasActions,
+              actionTaken: item.actionTaken ?? null,
+              unread: item.status === "unread"
+            },
+            onClick: () => router.push(`/backend/messages/${item.id}`)
+          }
+        );
+      }
+    }
+  ], [listItemComponentKeyByType, messageTypeLabelMap, messageUiRegistry, router, t]);
+  const folderOptions = React.useMemo(() => [
+    { id: "inbox", label: t("messages.folder.inbox", "Inbox"), icon: Inbox },
+    { id: "sent", label: t("messages.folder.sent", "Sent"), icon: Send },
+    { id: "drafts", label: t("messages.folder.drafts", "Drafts"), icon: FilePenLine },
+    { id: "archived", label: t("messages.folder.archived", "Archived"), icon: Archive },
+    { id: "all", label: t("messages.folder.all", "All"), icon: Layers }
+  ], [t]);
+  const activeFolderOption = folderOptions.find((option) => option.id === folder) ?? folderOptions[0];
+  const ActiveFolderIcon = activeFolderOption.icon;
+  React.useEffect(() => {
+    if (!folderMenuOpen) return;
+    const handleClickOutside = (event) => {
+      if (!folderMenuRef.current) return;
+      const target = event.target;
+      if (target instanceof Node && !folderMenuRef.current.contains(target)) {
+        setFolderMenuOpen(false);
+      }
+    };
+    const handleEscape = (event) => {
+      if (event.key === "Escape") setFolderMenuOpen(false);
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    document.addEventListener("keydown", handleEscape);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+      document.removeEventListener("keydown", handleEscape);
+    };
+  }, [folderMenuOpen]);
+  const rows = listQuery.data?.items ?? [];
+  const total = listQuery.data?.total ?? 0;
+  const totalPages = listQuery.data?.totalPages ?? 1;
+  return /* @__PURE__ */ jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsx(
+    DataTable,
+    {
+      title: t("messages.title", "Messages"),
+      columns,
+      data: rows,
+      searchValue: search,
+      onSearchChange: (value) => {
+        setSearch(value);
+        setPage(1);
+      },
+      searchPlaceholder: t("messages.searchPlaceholder", "Search messages"),
+      filters,
+      filterValues,
+      onFiltersApply: (value) => {
+        setFilterValues(value);
+        setPage(1);
+      },
+      onFiltersClear: () => {
+        setFilterValues({});
+        setPage(1);
+      },
+      isLoading: listQuery.isLoading || listQuery.isFetching,
+      pagination: {
+        page,
+        pageSize,
+        total,
+        totalPages,
+        onPageChange: setPage
+      },
+      actions: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "relative", ref: folderMenuRef, children: [
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              size: "sm",
+              className: "gap-2",
+              "aria-expanded": folderMenuOpen,
+              "aria-haspopup": "menu",
+              onClick: () => setFolderMenuOpen((value) => !value),
+              children: [
+                /* @__PURE__ */ jsx(ActiveFolderIcon, { className: "h-4 w-4", "aria-hidden": true }),
+                /* @__PURE__ */ jsxs("span", { children: [
+                  t("messages.folder.selector", "Folder"),
+                  ":"
+                ] }),
+                /* @__PURE__ */ jsx("span", { children: activeFolderOption.label }),
+                /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 opacity-70", "aria-hidden": true })
+              ]
+            }
+          ),
+          folderMenuOpen ? /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "absolute right-0 z-20 mt-1 min-w-52 rounded-md border bg-background p-1 shadow",
+              role: "menu",
+              children: folderOptions.map((option) => {
+                const Icon = option.icon;
+                const isActive = option.id === folder;
+                return /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    role: "menuitemradio",
+                    "aria-checked": isActive,
+                    className: `flex w-full items-center gap-2 rounded px-2 py-1.5 text-left text-sm hover:bg-accent ${isActive ? "bg-accent/60" : ""}`,
+                    onClick: () => {
+                      setFolder(option.id);
+                      setPage(1);
+                      setFolderMenuOpen(false);
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4", "aria-hidden": true }),
+                      /* @__PURE__ */ jsx("span", { children: option.label })
+                    ]
+                  },
+                  option.id
+                );
+              })
+            }
+          ) : null
+        ] }),
+        /* @__PURE__ */ jsx(Button, { asChild: true, children: /* @__PURE__ */ jsx(Link, { href: "/backend/messages/compose", children: t("messages.compose", "Compose message") }) })
+      ] }),
+      onRowClick: (row) => {
+        router.push(`/backend/messages/${row.id}`);
+      },
+      perspective: { tableId: "messages.inbox" },
+      embedded: true
+    }
+  ) });
+}
+export {
+  MessagesInboxPageClient
+};
+//# sourceMappingURL=MessagesInboxPageClient.js.map

package/dist/modules/messages/components/MessagesInboxPageClient.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/messages/components/MessagesInboxPageClient.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useRouter } from 'next/navigation'\nimport { useQuery } from '@tanstack/react-query'\nimport type { ColumnDef } from '@tanstack/react-table'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { Archive, ChevronDown, FilePenLine, Inbox, Layers, Send } from 'lucide-react'\nimport { getMessageUiComponentRegistry } from './utils/typeUiRegistry'\nimport { DefaultMessageListItem } from './defaults/DefaultMessageListItem'\n\ntype MessageFolder = 'inbox' | 'sent' | 'drafts' | 'archived' | 'all'\n\ntype MessageListItem = {\n  id: string\n  type: string\n  subject: string\n  bodyPreview: string\n  senderUserId: string\n  senderName?: string | null\n  senderEmail?: string | null\n  priority: string\n  status: string\n  hasObjects: boolean\n  objectCount: number\n  hasAttachments: boolean\n  attachmentCount: number\n  hasActions: boolean\n  actionTaken?: string | null\n  sentAt?: string | null\n  readAt?: string | null\n  threadId?: string | null\n}\n\ntype MessageListResponse = {\n  items?: MessageListItem[]\n  total?: number\n  page?: number\n  pageSize?: number\n  totalPages?: number\n}\n\ntype MessageTypeItem = {\n  type: string\n  module: string\n  labelKey: string\n  ui?: {\n    listItemComponent?: string | null\n  } | null\n}\n\ntype UserListItem = {\n  id: string\n  email?: string | null\n  name?: string | null\n}\n\nfunction toErrorMessage(payload: unknown): string | null {\n  if (!payload) return null\n  if (typeof payload === 'string') return payload\n  if (Array.isArray(payload)) {\n    for (const item of payload) {\n      const nested = toErrorMessage(item)\n      if (nested) return nested\n    }\n    return null\n  }\n  if (typeof payload === 'object') {\n    const record = payload as Record<string, unknown>\n    return (\n      toErrorMessage(record.error)\n      ?? toErrorMessage(record.message)\n      ?? toErrorMessage(record.detail)\n      ?? toErrorMessage(record.details)\n      ?? null\n    )\n  }\n  return null\n}\n\nexport function MessagesInboxPageClient() {\n  const router = useRouter()\n  const t = useT()\n  const scopeVersion = useOrganizationScopeVersion()\n\n  const [folder, setFolder] = React.useState<MessageFolder>('inbox')\n  const [folderMenuOpen, setFolderMenuOpen] = React.useState(false)\n  const [search, setSearch] = React.useState('')\n  const [filterValues, setFilterValues] = React.useState<FilterValues>({})\n  const [page, setPage] = React.useState(1)\n  const pageSize = 20\n  const folderMenuRef = React.useRef<HTMLDivElement | null>(null)\n  const messageUiRegistry = React.useMemo(() => getMessageUiComponentRegistry(), [])\n\n  const listQuery = useQuery({\n    queryKey: [\n      'messages',\n      'list',\n      folder,\n      search,\n      page,\n      pageSize,\n      JSON.stringify(filterValues),\n      scopeVersion,\n    ],\n    queryFn: async () => {\n      const params = new URLSearchParams()\n      params.set('folder', folder)\n      params.set('page', String(page))\n      params.set('pageSize', String(pageSize))\n\n      if (search.trim()) {\n        params.set('search', search.trim())\n      }\n\n      const status = typeof filterValues.status === 'string' ? filterValues.status.trim() : ''\n      const type = typeof filterValues.type === 'string' ? filterValues.type.trim() : ''\n      const hasObjects = typeof filterValues.hasObjects === 'string' ? filterValues.hasObjects.trim() : ''\n      const hasAttachments = typeof filterValues.hasAttachments === 'string' ? filterValues.hasAttachments.trim() : ''\n      const hasActions = typeof filterValues.hasActions === 'string' ? filterValues.hasActions.trim() : ''\n      const senderId = typeof filterValues.senderId === 'string' ? filterValues.senderId.trim() : ''\n      const since = typeof filterValues.since === 'string' ? filterValues.since.trim() : ''\n\n      if (status) params.set('status', status)\n      if (type) params.set('type', type)\n      if (hasObjects) params.set('hasObjects', hasObjects)\n      if (hasAttachments) params.set('hasAttachments', hasAttachments)\n      if (hasActions) params.set('hasActions', hasActions)\n      if (senderId) params.set('senderId', senderId)\n      if (since) params.set('since', since)\n\n      const call = await apiCall<MessageListResponse>(`/api/messages?${params.toString()}`)\n      if (!call.ok) {\n        throw new Error(\n          toErrorMessage(call.result)\n          ?? t('messages.errors.loadListFailed', 'Failed to load messages.'),\n        )\n      }\n\n      return {\n        items: Array.isArray(call.result?.items) ? call.result?.items ?? [] : [],\n        total: Number(call.result?.total ?? 0),\n        page: Number(call.result?.page ?? page),\n        pageSize: Number(call.result?.pageSize ?? pageSize),\n        totalPages: Number(call.result?.totalPages ?? 1),\n      }\n    },\n  })\n\n  const messageTypesQuery = useQuery({\n    queryKey: ['messages', 'types', scopeVersion],\n    queryFn: async () => {\n      const call = await apiCall<{ items?: MessageTypeItem[] }>('/api/messages/types')\n      if (!call.ok) {\n        throw new Error(\n          toErrorMessage(call.result)\n          ?? t('messages.errors.loadTypesFailed', 'Failed to load message types.'),\n        )\n      }\n      return Array.isArray(call.result?.items) ? call.result?.items ?? [] : []\n    },\n  })\n\n  React.useEffect(() => {\n    if (!listQuery.error) return\n    flash(\n      listQuery.error instanceof Error\n        ? listQuery.error.message\n        : t('messages.errors.loadListFailed', 'Failed to load messages.'),\n      'error',\n    )\n  }, [listQuery.error, t])\n\n  React.useEffect(() => {\n    if (!messageTypesQuery.error) return\n    flash(\n      messageTypesQuery.error instanceof Error\n        ? messageTypesQuery.error.message\n        : t('messages.errors.loadTypesFailed', 'Failed to load message types.'),\n      'error',\n    )\n  }, [messageTypesQuery.error, t])\n\n  const messageTypeLabelMap = React.useMemo(() => {\n    const map: Record<string, string> = {}\n    for (const item of messageTypesQuery.data ?? []) {\n      map[item.type] = t(item.labelKey, item.type)\n    }\n    return map\n  }, [messageTypesQuery.data, t])\n\n  const loadSenderOptions = React.useCallback(async (query?: string) => {\n    const params = new URLSearchParams()\n    params.set('page', '1')\n    params.set('pageSize', '20')\n    if (query && query.trim().length > 0) {\n      params.set('search', query.trim())\n    }\n\n    const call = await apiCall<{ items?: UserListItem[] }>(`/api/auth/users?${params.toString()}`)\n    if (!call.ok) return []\n\n    const items = Array.isArray(call.result?.items) ? call.result?.items ?? [] : []\n    return items.flatMap((item) => {\n      if (!item || typeof item.id !== 'string' || item.id.trim().length === 0) return []\n      const name = typeof item.name === 'string' && item.name.trim().length > 0 ? item.name.trim() : null\n      const email = typeof item.email === 'string' && item.email.trim().length > 0 ? item.email.trim() : null\n      const label = name ?? email ?? item.id\n      return [{\n        value: item.id,\n        label,\n        description: email && email !== label ? email : null,\n      }]\n    })\n  }, [])\n\n  const listItemComponentKeyByType = React.useMemo(() => {\n    const map: Record<string, string | null> = {}\n    for (const item of messageTypesQuery.data ?? []) {\n      map[item.type] = item.ui?.listItemComponent ?? null\n    }\n    return map\n  }, [messageTypesQuery.data])\n\n  const filters = React.useMemo<FilterDef[]>(() => {\n    const typeOptions = (messageTypesQuery.data ?? []).map((item) => ({\n      value: item.type,\n      label: t(item.labelKey, item.type),\n    }))\n\n    return [\n      {\n        id: 'status',\n        label: t('messages.filters.status', 'Status'),\n        type: 'select',\n        options: [\n          { value: '', label: t('messages.filters.all', 'All') },\n          { value: 'unread', label: t('messages.status.unread', 'Unread') },\n          { value: 'read', label: t('messages.status.read', 'Read') },\n          { value: 'archived', label: t('messages.status.archived', 'Archived') },\n        ],\n      },\n      {\n        id: 'type',\n        label: t('messages.filters.type', 'Type'),\n        type: 'select',\n        options: [{ value: '', label: t('messages.filters.all', 'All') }, ...typeOptions],\n      },\n      {\n        id: 'hasObjects',\n        label: t('messages.filters.hasObjects', 'Objects'),\n        type: 'select',\n        options: [\n          { value: '', label: t('messages.filters.all', 'All') },\n          { value: 'true', label: t('common.yes', 'Yes') },\n          { value: 'false', label: t('common.no', 'No') },\n        ],\n      },\n      {\n        id: 'hasAttachments',\n        label: t('messages.filters.hasAttachments', 'Attachments'),\n        type: 'select',\n        options: [\n          { value: '', label: t('messages.filters.all', 'All') },\n          { value: 'true', label: t('common.yes', 'Yes') },\n          { value: 'false', label: t('common.no', 'No') },\n        ],\n      },\n      {\n        id: 'hasActions',\n        label: t('messages.filters.hasActions', 'Actions'),\n        type: 'select',\n        options: [\n          { value: '', label: t('messages.filters.all', 'All') },\n          { value: 'true', label: t('common.yes', 'Yes') },\n          { value: 'false', label: t('common.no', 'No') },\n        ],\n      },\n      {\n        id: 'senderId',\n        label: t('messages.filters.sender', 'Sender'),\n        type: 'select',\n        options: [{ value: '', label: t('messages.filters.all', 'All') }],\n        loadOptions: loadSenderOptions,\n      },\n      {\n        id: 'since',\n        label: t('messages.filters.since', 'Sent after'),\n        type: 'text',\n        placeholder: t('messages.filters.sincePlaceholder', 'YYYY-MM-DDTHH:mm:ssZ'),\n      },\n    ]\n  }, [loadSenderOptions, messageTypesQuery.data, t])\n\n  const columns = React.useMemo<ColumnDef<MessageListItem>[]>(() => [\n    {\n      accessorKey: 'message',\n      header: t('messages.title', 'Messages'),\n      meta: {\n        truncate: false,\n        maxWidth: '100%',\n      },\n      cell: ({ row }) => {\n        const item = row.original\n        const listItemComponentKey = listItemComponentKeyByType[item.type]\n        const ListItemComponent = listItemComponentKey\n          ? messageUiRegistry.listItemComponents[listItemComponentKey] ?? null\n          : null\n        const ComponentToUse = ListItemComponent || DefaultMessageListItem\n\n        return (\n          <ComponentToUse\n            message={{\n              id: item.id,\n              type: item.type,\n              typeLabel: messageTypeLabelMap[item.type] ?? item.type,\n              subject: item.subject,\n              body: item.bodyPreview,\n              bodyFormat: 'text' as const,\n              priority: (item.priority as 'low' | 'normal' | 'high' | 'urgent') ?? 'normal',\n              sentAt: item.sentAt ? new Date(item.sentAt) : null,\n              senderName: item.senderName || item.senderEmail || item.senderUserId,\n              hasObjects: item.hasObjects,\n              objectCount: item.objectCount,\n              hasAttachments: item.hasAttachments,\n              attachmentCount: item.attachmentCount,\n              hasActions: item.hasActions,\n              actionTaken: item.actionTaken ?? null,\n              unread: item.status === 'unread',\n            }}\n            onClick={() => router.push(`/backend/messages/${item.id}`)}\n          />\n        )\n      },\n    },\n  ], [listItemComponentKeyByType, messageTypeLabelMap, messageUiRegistry, router, t])\n\n  const folderOptions = React.useMemo(() => [\n    { id: 'inbox' as const, label: t('messages.folder.inbox', 'Inbox'), icon: Inbox },\n    { id: 'sent' as const, label: t('messages.folder.sent', 'Sent'), icon: Send },\n    { id: 'drafts' as const, label: t('messages.folder.drafts', 'Drafts'), icon: FilePenLine },\n    { id: 'archived' as const, label: t('messages.folder.archived', 'Archived'), icon: Archive },\n    { id: 'all' as const, label: t('messages.folder.all', 'All'), icon: Layers },\n  ], [t])\n\n  const activeFolderOption = folderOptions.find((option) => option.id === folder) ?? folderOptions[0]\n  const ActiveFolderIcon = activeFolderOption.icon\n\n  React.useEffect(() => {\n    if (!folderMenuOpen) return\n    const handleClickOutside = (event: MouseEvent) => {\n      if (!folderMenuRef.current) return\n      const target = event.target\n      if (target instanceof Node && !folderMenuRef.current.contains(target)) {\n        setFolderMenuOpen(false)\n      }\n    }\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') setFolderMenuOpen(false)\n    }\n    document.addEventListener('mousedown', handleClickOutside)\n    document.addEventListener('keydown', handleEscape)\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n      document.removeEventListener('keydown', handleEscape)\n    }\n  }, [folderMenuOpen])\n\n  const rows = listQuery.data?.items ?? []\n  const total = listQuery.data?.total ?? 0\n  const totalPages = listQuery.data?.totalPages ?? 1\n\n  return (\n    <div className=\"space-y-4\">\n      <DataTable\n        title={t('messages.title', 'Messages')}\n        columns={columns}\n        data={rows}\n        searchValue={search}\n        onSearchChange={(value) => {\n          setSearch(value)\n          setPage(1)\n        }}\n        searchPlaceholder={t('messages.searchPlaceholder', 'Search messages')}\n        filters={filters}\n        filterValues={filterValues}\n        onFiltersApply={(value) => {\n          setFilterValues(value)\n          setPage(1)\n        }}\n        onFiltersClear={() => {\n          setFilterValues({})\n          setPage(1)\n        }}\n        isLoading={listQuery.isLoading || listQuery.isFetching}\n        pagination={{\n          page,\n          pageSize,\n          total,\n          totalPages,\n          onPageChange: setPage,\n        }}\n        actions={\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <div className=\"relative\" ref={folderMenuRef}>\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                size=\"sm\"\n                className=\"gap-2\"\n                aria-expanded={folderMenuOpen}\n                aria-haspopup=\"menu\"\n                onClick={() => setFolderMenuOpen((value) => !value)}\n              >\n                <ActiveFolderIcon className=\"h-4 w-4\" aria-hidden />\n                <span>{t('messages.folder.selector', 'Folder')}:</span>\n                <span>{activeFolderOption.label}</span>\n                <ChevronDown className=\"h-4 w-4 opacity-70\" aria-hidden />\n              </Button>\n              {folderMenuOpen ? (\n                <div\n                  className=\"absolute right-0 z-20 mt-1 min-w-52 rounded-md border bg-background p-1 shadow\"\n                  role=\"menu\"\n                >\n                  {folderOptions.map((option) => {\n                    const Icon = option.icon\n                    const isActive = option.id === folder\n                    return (\n                      <button\n                        key={option.id}\n                        type=\"button\"\n                        role=\"menuitemradio\"\n                        aria-checked={isActive}\n                        className={`flex w-full items-center gap-2 rounded px-2 py-1.5 text-left text-sm hover:bg-accent ${isActive ? 'bg-accent/60' : ''}`}\n                        onClick={() => {\n                          setFolder(option.id)\n                          setPage(1)\n                          setFolderMenuOpen(false)\n                        }}\n                      >\n                        <Icon className=\"h-4 w-4\" aria-hidden />\n                        <span>{option.label}</span>\n                      </button>\n                    )\n                  })}\n                </div>\n              ) : null}\n            </div>\n            <Button asChild>\n              <Link href=\"/backend/messages/compose\">{t('messages.compose', 'Compose message')}</Link>\n            </Button>\n          </div>\n        }\n        onRowClick={(row) => {\n          router.push(`/backend/messages/${row.id}`)\n        }}\n        perspective={{ tableId: 'messages.inbox' }}\n        embedded\n      />\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/messages/components/confirmation/MessageConfirmationActions.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button } from "@open-mercato/ui/primitives/button";
+function MessageConfirmationActions({
+  message,
+  onExecuteAction,
+  isExecuting,
+  executingActionId
+}) {
+  const t = useT();
+  const confirmationAction = (message.actionData?.actions ?? []).find((action) => action.id === "confirmation");
+  if (!confirmationAction) return null;
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: /* @__PURE__ */ jsx(
+    Button,
+    {
+      type: "button",
+      variant: confirmationAction.variant ?? "default",
+      size: "sm",
+      onClick: () => onExecuteAction(confirmationAction.id),
+      disabled: isExecuting || !!message.actionTaken,
+      children: isExecuting && executingActionId === confirmationAction.id ? t("messages.actions.executing", "Executing...") : t(confirmationAction.labelKey ?? "messages.actions.confirmation", confirmationAction.label)
+    }
+  ) });
+}
+var MessageConfirmationActions_default = MessageConfirmationActions;
+export {
+  MessageConfirmationActions,
+  MessageConfirmationActions_default as default
+};
+//# sourceMappingURL=MessageConfirmationActions.js.map

package/dist/modules/messages/components/confirmation/MessageConfirmationActions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/messages/components/confirmation/MessageConfirmationActions.tsx"],
+  "sourcesContent": ["\"use client\"\n\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'\n\nexport function MessageConfirmationActions({\n  message,\n  onExecuteAction,\n  isExecuting,\n  executingActionId,\n}: MessageActionsProps) {\n  const t = useT()\n  const confirmationAction = (message.actionData?.actions ?? []).find((action) => action.id === 'confirmation')\n\n  if (!confirmationAction) return null\n\n  return (\n    <div className=\"flex flex-wrap gap-2\">\n      <Button\n        type=\"button\"\n        variant={confirmationAction.variant ?? 'default'}\n        size=\"sm\"\n        onClick={() => onExecuteAction(confirmationAction.id)}\n        disabled={isExecuting || !!message.actionTaken}\n      >\n        {isExecuting && executingActionId === confirmationAction.id\n          ? t('messages.actions.executing', 'Executing...')\n          : t(confirmationAction.labelKey ?? 'messages.actions.confirmation', confirmationAction.label)}\n      </Button>\n    </div>\n  )\n}\n\nexport default MessageConfirmationActions\n"],
+  "mappings": ";AAmBM;AAhBN,SAAS,YAAY;AACrB,SAAS,cAAc;AAEhB,SAAS,2BAA2B;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAwB;AACtB,QAAM,IAAI,KAAK;AACf,QAAM,sBAAsB,QAAQ,YAAY,WAAW,CAAC,GAAG,KAAK,CAAC,WAAW,OAAO,OAAO,cAAc;AAE5G,MAAI,CAAC,mBAAoB,QAAO;AAEhC,SACE,oBAAC,SAAI,WAAU,wBACb;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS,mBAAmB,WAAW;AAAA,MACvC,MAAK;AAAA,MACL,SAAS,MAAM,gBAAgB,mBAAmB,EAAE;AAAA,MACpD,UAAU,eAAe,CAAC,CAAC,QAAQ;AAAA,MAElC,yBAAe,sBAAsB,mBAAmB,KACrD,EAAE,8BAA8B,cAAc,IAC9C,EAAE,mBAAmB,YAAY,iCAAiC,mBAAmB,KAAK;AAAA;AAAA,EAChG,GACF;AAEJ;AAEA,IAAO,qCAAQ;",
+  "names": []
+}

package/dist/modules/messages/components/confirmation/MessageConfirmationContent.js

@@ -0,0 +1,69 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { MarkdownContent } from "@open-mercato/ui/backend/markdown/MarkdownContent";
+function toErrorMessage(payload) {
+  if (!payload) return null;
+  if (typeof payload === "string") return payload;
+  if (Array.isArray(payload)) {
+    for (const item of payload) {
+      const nested = toErrorMessage(item);
+      if (nested) return nested;
+    }
+    return null;
+  }
+  if (typeof payload === "object") {
+    const record = payload;
+    return toErrorMessage(record.error) ?? toErrorMessage(record.message) ?? toErrorMessage(record.detail) ?? null;
+  }
+  return null;
+}
+function formatDateTime(value) {
+  if (!value) return "\u2014";
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return "\u2014";
+  return date.toLocaleString();
+}
+function MessageConfirmationContent({ message }) {
+  const t = useT();
+  const confirmationQuery = useQuery({
+    queryKey: ["messages", "confirmation", message.id],
+    queryFn: async () => {
+      const call = await apiCall(`/api/messages/${encodeURIComponent(message.id)}/confirmation`);
+      if (!call.ok || !call.result) {
+        throw new Error(
+          toErrorMessage(call.result) ?? t("messages.errors.loadDetailFailed", "Failed to load message details.")
+        );
+      }
+      return call.result;
+    },
+    enabled: Boolean(message.id)
+  });
+  const confirmation = confirmationQuery.data;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsx("div", { className: "max-h-[60vh] overflow-y-auto pr-1", children: /* @__PURE__ */ jsx(
+      MarkdownContent,
+      {
+        body: message.body,
+        format: message.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"
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: "rounded border p-3 text-sm", children: [
+      /* @__PURE__ */ jsx("p", { className: "font-medium", children: confirmation?.confirmed ? t("messages.confirmation.confirmed", "Confirmed") : t("messages.confirmation.notConfirmed", "Not confirmed") }),
+      /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+        t("messages.confirmation.confirmedAt", "Confirmed at"),
+        ": ",
+        formatDateTime(confirmation?.confirmedAt ?? null)
+      ] })
+    ] })
+  ] });
+}
+var MessageConfirmationContent_default = MessageConfirmationContent;
+export {
+  MessageConfirmationContent,
+  MessageConfirmationContent_default as default
+};
+//# sourceMappingURL=MessageConfirmationContent.js.map

package/dist/modules/messages/components/confirmation/MessageConfirmationContent.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/messages/components/confirmation/MessageConfirmationContent.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport { useQuery } from '@tanstack/react-query'\nimport type { MessageContentProps } from '@open-mercato/shared/modules/messages/types'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { MarkdownContent } from '@open-mercato/ui/backend/markdown/MarkdownContent'\n\ntype MessageConfirmationResult = {\n  messageId: string\n  confirmed: boolean\n  confirmedAt: string | null\n  confirmedByUserId: string | null\n}\n\nfunction toErrorMessage(payload: unknown): string | null {\n  if (!payload) return null\n  if (typeof payload === 'string') return payload\n  if (Array.isArray(payload)) {\n    for (const item of payload) {\n      const nested = toErrorMessage(item)\n      if (nested) return nested\n    }\n    return null\n  }\n  if (typeof payload === 'object') {\n    const record = payload as Record<string, unknown>\n    return (\n      toErrorMessage(record.error)\n      ?? toErrorMessage(record.message)\n      ?? toErrorMessage(record.detail)\n      ?? null\n    )\n  }\n  return null\n}\n\nfunction formatDateTime(value: string | null): string {\n  if (!value) return '\u2014'\n  const date = new Date(value)\n  if (Number.isNaN(date.getTime())) return '\u2014'\n  return date.toLocaleString()\n}\n\nexport function MessageConfirmationContent({ message }: MessageContentProps) {\n  const t = useT()\n\n  const confirmationQuery = useQuery({\n    queryKey: ['messages', 'confirmation', message.id],\n    queryFn: async () => {\n      const call = await apiCall<MessageConfirmationResult>(`/api/messages/${encodeURIComponent(message.id)}/confirmation`)\n      if (!call.ok || !call.result) {\n        throw new Error(\n          toErrorMessage(call.result)\n          ?? t('messages.errors.loadDetailFailed', 'Failed to load message details.'),\n        )\n      }\n      return call.result\n    },\n    enabled: Boolean(message.id),\n  })\n\n  const confirmation = confirmationQuery.data\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"max-h-[60vh] overflow-y-auto pr-1\">\n        <MarkdownContent\n          body={message.body}\n          format={message.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      <div className=\"rounded border p-3 text-sm\">\n        <p className=\"font-medium\">\n          {confirmation?.confirmed\n            ? t('messages.confirmation.confirmed', 'Confirmed')\n            : t('messages.confirmation.notConfirmed', 'Not confirmed')}\n        </p>\n        <p className=\"text-xs text-muted-foreground\">\n          {t('messages.confirmation.confirmedAt', 'Confirmed at')}: {formatDateTime(confirmation?.confirmedAt ?? null)}\n        </p>\n      </div>\n    </div>\n  )\n}\n\nexport default MessageConfirmationContent\n"],
+  "mappings": ";AAmEQ,cAYA,YAZA;AAjER,SAAS,gBAAgB;AAEzB,SAAS,YAAY;AACrB,SAAS,eAAe;AACxB,SAAS,uBAAuB;AAShC,SAAS,eAAe,SAAiC;AACvD,MAAI,CAAC,QAAS,QAAO;AACrB,MAAI,OAAO,YAAY,SAAU,QAAO;AACxC,MAAI,MAAM,QAAQ,OAAO,GAAG;AAC1B,eAAW,QAAQ,SAAS;AAC1B,YAAM,SAAS,eAAe,IAAI;AAClC,UAAI,OAAQ,QAAO;AAAA,IACrB;AACA,WAAO;AAAA,EACT;AACA,MAAI,OAAO,YAAY,UAAU;AAC/B,UAAM,SAAS;AACf,WACE,eAAe,OAAO,KAAK,KACxB,eAAe,OAAO,OAAO,KAC7B,eAAe,OAAO,MAAM,KAC5B;AAAA,EAEP;AACA,SAAO;AACT;AAEA,SAAS,eAAe,OAA8B;AACpD,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,OAAO,IAAI,KAAK,KAAK;AAC3B,MAAI,OAAO,MAAM,KAAK,QAAQ,CAAC,EAAG,QAAO;AACzC,SAAO,KAAK,eAAe;AAC7B;AAEO,SAAS,2BAA2B,EAAE,QAAQ,GAAwB;AAC3E,QAAM,IAAI,KAAK;AAEf,QAAM,oBAAoB,SAAS;AAAA,IACjC,UAAU,CAAC,YAAY,gBAAgB,QAAQ,EAAE;AAAA,IACjD,SAAS,YAAY;AACnB,YAAM,OAAO,MAAM,QAAmC,iBAAiB,mBAAmB,QAAQ,EAAE,CAAC,eAAe;AACpH,UAAI,CAAC,KAAK,MAAM,CAAC,KAAK,QAAQ;AAC5B,cAAM,IAAI;AAAA,UACR,eAAe,KAAK,MAAM,KACvB,EAAE,oCAAoC,iCAAiC;AAAA,QAC5E;AAAA,MACF;AACA,aAAO,KAAK;AAAA,IACd;AAAA,IACA,SAAS,QAAQ,QAAQ,EAAE;AAAA,EAC7B,CAAC;AAED,QAAM,eAAe,kBAAkB;AAEvC,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,wBAAC,SAAI,WAAU,qCACb;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,QAAQ;AAAA,QACd,QAAQ,QAAQ;AAAA,QAChB,WAAU;AAAA;AAAA,IACZ,GACF;AAAA,IACA,qBAAC,SAAI,WAAU,8BACb;AAAA,0BAAC,OAAE,WAAU,eACV,wBAAc,YACX,EAAE,mCAAmC,WAAW,IAChD,EAAE,sCAAsC,eAAe,GAC7D;AAAA,MACA,qBAAC,OAAE,WAAU,iCACV;AAAA,UAAE,qCAAqC,cAAc;AAAA,QAAE;AAAA,QAAG,eAAe,cAAc,eAAe,IAAI;AAAA,SAC7G;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,IAAO,qCAAQ;",
+  "names": []
+}

package/dist/modules/messages/components/defaults/DefaultMessageActions.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button } from "@open-mercato/ui/primitives/button";
+function DefaultMessageActions({
+  message,
+  onExecuteAction,
+  isExecuting,
+  executingActionId
+}) {
+  const t = useT();
+  const actions = message.actionData?.actions ?? [];
+  if (actions.length === 0) return null;
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: actions.map((action) => /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: action.variant ?? "default",
+      size: "sm",
+      onClick: () => onExecuteAction(action.id),
+      disabled: isExecuting || !!message.actionTaken,
+      children: isExecuting && executingActionId === action.id ? t("messages.actions.executing", "Executing...") : t(action.labelKey ?? action.label, action.label)
+    },
+    action.id
+  )) });
+}
+var DefaultMessageActions_default = DefaultMessageActions;
+export {
+  DefaultMessageActions,
+  DefaultMessageActions_default as default
+};
+//# sourceMappingURL=DefaultMessageActions.js.map

package/dist/modules/messages/components/defaults/DefaultMessageActions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/messages/components/defaults/DefaultMessageActions.tsx"],
+  "sourcesContent": ["\"use client\"\n\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'\n\nexport function DefaultMessageActions({\n  message,\n  onExecuteAction,\n  isExecuting,\n  executingActionId,\n}: MessageActionsProps) {\n  const t = useT()\n  const actions = message.actionData?.actions ?? []\n\n  if (actions.length === 0) return null\n\n  return (\n    <div className=\"flex flex-wrap gap-2\">\n      {actions.map((action) => (\n        <Button\n          key={action.id}\n          variant={action.variant ?? 'default'}\n          size=\"sm\"\n          onClick={() => onExecuteAction(action.id)}\n          disabled={isExecuting || !!message.actionTaken}\n        >\n          {isExecuting && executingActionId === action.id\n            ? t('messages.actions.executing', 'Executing...')\n            : t(action.labelKey ?? action.label, action.label)}\n        </Button>\n      ))}\n    </div>\n  )\n}\n\nexport default DefaultMessageActions\n"],
+  "mappings": ";AAoBQ;AAjBR,SAAS,YAAY;AACrB,SAAS,cAAc;AAEhB,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAwB;AACtB,QAAM,IAAI,KAAK;AACf,QAAM,UAAU,QAAQ,YAAY,WAAW,CAAC;AAEhD,MAAI,QAAQ,WAAW,EAAG,QAAO;AAEjC,SACE,oBAAC,SAAI,WAAU,wBACZ,kBAAQ,IAAI,CAAC,WACZ;AAAA,IAAC;AAAA;AAAA,MAEC,SAAS,OAAO,WAAW;AAAA,MAC3B,MAAK;AAAA,MACL,SAAS,MAAM,gBAAgB,OAAO,EAAE;AAAA,MACxC,UAAU,eAAe,CAAC,CAAC,QAAQ;AAAA,MAElC,yBAAe,sBAAsB,OAAO,KACzC,EAAE,8BAA8B,cAAc,IAC9C,EAAE,OAAO,YAAY,OAAO,OAAO,OAAO,KAAK;AAAA;AAAA,IAR9C,OAAO;AAAA,EASd,CACD,GACH;AAEJ;AAEA,IAAO,gCAAQ;",
+  "names": []
+}

package/dist/modules/messages/components/defaults/DefaultMessageContent.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { MarkdownContent } from "@open-mercato/ui/backend/markdown/MarkdownContent";
+function DefaultMessageContent({ message }) {
+  return /* @__PURE__ */ jsx("section", { className: "space-y-4", children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+    MarkdownContent,
+    {
+      body: message.body,
+      format: message.bodyFormat,
+      className: "text-sm text-foreground 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"
+    }
+  ) }) });
+}
+var DefaultMessageContent_default = DefaultMessageContent;
+export {
+  DefaultMessageContent,
+  DefaultMessageContent_default as default
+};
+//# sourceMappingURL=DefaultMessageContent.js.map