@open-mercato/core 0.10.1-develop.7874.1.67e097d23a → 0.10.1-develop.7883.1.44ac2125f5

package/dist/modules/push_notifications/backend/push_notifications/page.js

@@ -8,7 +8,8 @@ import { StatusBadge } from "@open-mercato/ui/primitives/status-badge";
 import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
 import { flash } from "@open-mercato/ui/backend/FlashMessages";
 import { useOrganizationScopeVersion } from "@open-mercato/shared/lib/frontend/useOrganizationScope";
-import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { useT, useLocale } from "@open-mercato/shared/lib/i18n/context";
+import { formatDisplayDateTime } from "@open-mercato/ui/primitives/date-format";
 const statusVariant = {
   pending: "info",
   sending: "info",
@@ -17,15 +18,8 @@ const statusVariant = {
   skipped: "neutral",
   expired: "warning"
 };
-function formatDate(value, t) {
-  if (!value) return t("push_notifications.deliveries.noValue");
-  try {
-    const date = new Date(value);
-    if (Number.isNaN(date.getTime())) return t("push_notifications.deliveries.noValue");
-    return date.toLocaleString();
-  } catch {
-    return t("push_notifications.deliveries.noValue");
-  }
+function formatDate(value, locale, t) {
+  return formatDisplayDateTime(value, locale) ?? t("push_notifications.deliveries.noValue");
 }
 function PushDeliveriesListPage() {
   const [rows, setRows] = React.useState([]);
@@ -36,6 +30,7 @@ function PushDeliveriesListPage() {
   const [isLoading, setIsLoading] = React.useState(true);
   const scopeVersion = useOrganizationScopeVersion();
   const t = useT();
+  const dateLocale = useLocale();
   const [filterValues, setFilterValues] = React.useState({});
   const [userOptions, setUserOptions] = React.useState([]);
   const loadUserOptions = React.useCallback(async (query) => {
@@ -175,14 +170,14 @@ function PushDeliveriesListPage() {
     {
       accessorKey: "created_at",
       header: t("push_notifications.deliveries.columns.created"),
-      cell: ({ row }) => formatDate(row.original.created_at, t)
+      cell: ({ row }) => formatDate(row.original.created_at, dateLocale, t)
     },
     {
       accessorKey: "sent_at",
       header: t("push_notifications.deliveries.columns.sent"),
-      cell: ({ row }) => formatDate(row.original.sent_at, t)
+      cell: ({ row }) => formatDate(row.original.sent_at, dateLocale, t)
     }
-  ], [t, userLabelById]);
+  ], [t, dateLocale, userLabelById]);
   return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(
     DataTable,
     {

package/dist/modules/push_notifications/backend/push_notifications/page.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/push_notifications/backend/push_notifications/page.tsx"],
-  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'\nimport { StatusBadge, type StatusMap } from '@open-mercato/ui/primitives/status-badge'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\n\ntype PushDeliveryStatus = 'pending' | 'sending' | 'sent' | 'failed' | 'skipped' | 'expired'\n\ntype Row = {\n  id: string\n  notification_type_id: string\n  user_id: string\n  provider: string\n  token_snapshot: string\n  status: PushDeliveryStatus\n  attempts: number\n  last_error: string | null\n  created_at: string | null\n  sent_at: string | null\n}\n\ntype ResponsePayload = {\n  items: Row[]\n  total: number\n  page?: number\n  pageSize?: number\n  totalPages: number\n  totalIsCapped?: boolean\n}\n\nconst statusVariant: StatusMap<PushDeliveryStatus> = {\n  pending: 'info',\n  sending: 'info',\n  sent: 'success',\n  failed: 'error',\n  skipped: 'neutral',\n  expired: 'warning',\n}\n\nfunction formatDate(value: string | null, t: (key: string) => string) {\n  if (!value) return t('push_notifications.deliveries.noValue')\n  try {\n    const date = new Date(value)\n    if (Number.isNaN(date.getTime())) return t('push_notifications.deliveries.noValue')\n    return date.toLocaleString()\n  } catch {\n    return t('push_notifications.deliveries.noValue')\n  }\n}\n\nexport default function PushDeliveriesListPage() {\n  const [rows, setRows] = React.useState<Row[]>([])\n  const [page, setPage] = React.useState(1)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [totalIsCapped, setTotalIsCapped] = React.useState(false)\n  const [isLoading, setIsLoading] = React.useState(true)\n  const scopeVersion = useOrganizationScopeVersion()\n  const t = useT()\n  const [filterValues, setFilterValues] = React.useState<FilterValues>({})\n  const [userOptions, setUserOptions] = React.useState<{ value: string; label: string; description?: string | null }[]>([])\n\n  // Filter deliveries by recipient picked via name/email search instead of a raw UUID (mirrors the\n  // devices list). Admins without auth.users.list degrade gracefully to no options.\n  const loadUserOptions = 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) params.set('search', query.trim())\n    const call = await apiCall<{ items?: { id: string; name?: string | null; email?: string | null }[] }>(\n      `/api/auth/users?${params.toString()}`,\n      { headers: { 'x-om-forbidden-redirect': '0' } },\n      { fallback: null },\n    ).catch(() => null)\n    if (!call || !call.ok) return []\n    const next = (call.result?.items ?? []).flatMap((item) => {\n      if (!item || typeof item.id !== 'string' || !item.id.trim()) return []\n      const name = typeof item.name === 'string' && item.name.trim() ? item.name.trim() : null\n      const email = typeof item.email === 'string' && item.email.trim() ? item.email.trim() : null\n      const label = name ?? email ?? item.id\n      return [{ value: item.id, label, description: email && email !== label ? email : null }]\n    })\n    setUserOptions((prev) => {\n      const map = new Map(prev.map((opt) => [opt.value, opt]))\n      for (const opt of next) map.set(opt.value, opt)\n      return Array.from(map.values())\n    })\n    return next\n  }, [])\n\n  React.useEffect(() => { void loadUserOptions() }, [loadUserOptions, scopeVersion])\n\n  // Reuse the picker cache to label the User column; rows whose owner isn't cached still show the id.\n  const userLabelById = React.useMemo(\n    () => new Map(userOptions.map((opt) => [opt.value, opt.label])),\n    [userOptions],\n  )\n\n  const filters = React.useMemo<FilterDef[]>(() => [\n    {\n      id: 'status',\n      label: t('push_notifications.deliveries.columns.status'),\n      type: 'select',\n      options: [\n        { value: 'pending', label: t('push_notifications.deliveries.status.pending') },\n        { value: 'sending', label: t('push_notifications.deliveries.status.sending') },\n        { value: 'sent', label: t('push_notifications.deliveries.status.sent') },\n        { value: 'failed', label: t('push_notifications.deliveries.status.failed') },\n        { value: 'skipped', label: t('push_notifications.deliveries.status.skipped') },\n        { value: 'expired', label: t('push_notifications.deliveries.status.expired') },\n      ],\n    },\n    {\n      id: 'userId',\n      label: t('push_notifications.deliveries.columns.user'),\n      type: 'combobox',\n      options: userOptions,\n      loadOptions: loadUserOptions,\n    },\n    // A single created-at range picker (ISO `yyyy-MM-dd`) that maps to the ?from/?to query params.\n    { id: 'createdRange', label: t('push_notifications.deliveries.filters.created'), type: 'dateRange' },\n  ], [t, userOptions, loadUserOptions])\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function load() {\n      setIsLoading(true)\n      try {\n        const params = new URLSearchParams()\n        params.set('page', String(page))\n        params.set('pageSize', '50')\n        const status = typeof filterValues.status === 'string' ? filterValues.status.trim() : ''\n        const userId = typeof filterValues.userId === 'string' ? filterValues.userId.trim() : ''\n        const createdRange = (filterValues.createdRange ?? {}) as { from?: string; to?: string }\n        const from = typeof createdRange.from === 'string' ? createdRange.from.trim() : ''\n        const to = typeof createdRange.to === 'string' ? createdRange.to.trim() : ''\n        if (status) params.set('status', status)\n        if (userId) params.set('userId', userId)\n        if (from) params.set('from', from)\n        if (to) params.set('to', to)\n        const fallback: ResponsePayload = { items: [], total: 0, page, totalPages: 1 }\n        const call = await apiCall<ResponsePayload>(`/api/push_notifications/deliveries?${params.toString()}`, undefined, { fallback })\n        if (!call.ok) {\n          const errorPayload = call.result as { error?: string } | undefined\n          const message = typeof errorPayload?.error === 'string' ? errorPayload.error : t('push_notifications.deliveries.error.loadFailed')\n          flash(message, 'error')\n          return\n        }\n        const payload = call.result ?? fallback\n        if (!cancelled) {\n          setRows(Array.isArray(payload.items) ? payload.items : [])\n          setTotal(payload.total || 0)\n          setTotalPages(payload.totalPages || 1)\n          setTotalIsCapped(payload?.totalIsCapped === true)\n        }\n      } catch (error) {\n        if (!cancelled) {\n          const message = error instanceof Error ? error.message : t('push_notifications.deliveries.error.loadFailed')\n          flash(message, 'error')\n        }\n      } finally {\n        if (!cancelled) setIsLoading(false)\n      }\n    }\n    load()\n    return () => { cancelled = true }\n  }, [page, scopeVersion, filterValues, t])\n\n  const columns = React.useMemo<ColumnDef<Row>[]>(() => [\n    {\n      accessorKey: 'status',\n      header: t('push_notifications.deliveries.columns.status'),\n      cell: ({ row }) => (\n        <StatusBadge variant={statusVariant[row.original.status] ?? 'neutral'} dot>\n          {t(`push_notifications.deliveries.status.${row.original.status}`)}\n        </StatusBadge>\n      ),\n    },\n    { accessorKey: 'notification_type_id', header: t('push_notifications.deliveries.columns.type') },\n    {\n      accessorKey: 'user_id',\n      header: t('push_notifications.deliveries.columns.user'),\n      cell: ({ row }) => {\n        const userId = row.original.user_id\n        const label = userLabelById.get(userId)\n        return (\n          // Stop the click bubbling to the row, whose default action opens the delivery detail.\n          <Link\n            href={`/backend/users/${encodeURIComponent(userId)}/edit`}\n            className=\"text-primary hover:underline\"\n            onClick={(e) => e.stopPropagation()}\n          >\n            {label ?? <code className=\"text-xs\">{userId}</code>}\n          </Link>\n        )\n      },\n    },\n    { accessorKey: 'provider', header: t('push_notifications.deliveries.columns.provider') },\n    {\n      accessorKey: 'attempts',\n      header: t('push_notifications.deliveries.columns.attempts'),\n    },\n    {\n      accessorKey: 'created_at',\n      header: t('push_notifications.deliveries.columns.created'),\n      cell: ({ row }) => formatDate(row.original.created_at, t),\n    },\n    {\n      accessorKey: 'sent_at',\n      header: t('push_notifications.deliveries.columns.sent'),\n      cell: ({ row }) => formatDate(row.original.sent_at, t),\n    },\n  ], [t, userLabelById])\n\n  return (\n    <Page>\n      <PageBody>\n        <DataTable\n        title={t('push_notifications.deliveries.title')}\n        titleHeadingLevel={1}\n          columns={columns}\n          data={rows}\n          filters={filters}\n          filterValues={filterValues}\n          onFiltersApply={(values) => { setFilterValues(values); setPage(1) }}\n          onFiltersClear={() => { setFilterValues({}); setPage(1) }}\n          perspective={{ tableId: 'push_notifications.deliveries' }}\n          onRowClick={(row) => { window.location.href = `/backend/push_notifications/${row.id}` }}\n          pagination={{ page, pageSize: 50, total, totalPages, totalIsCapped, onPageChange: setPage }}\n          isLoading={isLoading}\n          emptyState={t('push_notifications.deliveries.empty')}\n        />\n      </PageBody>\n    </Page>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'\nimport { StatusBadge, type StatusMap } from '@open-mercato/ui/primitives/status-badge'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useT, useLocale } from '@open-mercato/shared/lib/i18n/context'\nimport { formatDisplayDateTime } from '@open-mercato/ui/primitives/date-format'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\n\ntype PushDeliveryStatus = 'pending' | 'sending' | 'sent' | 'failed' | 'skipped' | 'expired'\n\ntype Row = {\n  id: string\n  notification_type_id: string\n  user_id: string\n  provider: string\n  token_snapshot: string\n  status: PushDeliveryStatus\n  attempts: number\n  last_error: string | null\n  created_at: string | null\n  sent_at: string | null\n}\n\ntype ResponsePayload = {\n  items: Row[]\n  total: number\n  page?: number\n  pageSize?: number\n  totalPages: number\n  totalIsCapped?: boolean\n}\n\nconst statusVariant: StatusMap<PushDeliveryStatus> = {\n  pending: 'info',\n  sending: 'info',\n  sent: 'success',\n  failed: 'error',\n  skipped: 'neutral',\n  expired: 'warning',\n}\n\nfunction formatDate(value: string | null, locale: string | undefined, t: (key: string) => string) {\n  return formatDisplayDateTime(value, locale) ?? t('push_notifications.deliveries.noValue')\n}\n\nexport default function PushDeliveriesListPage() {\n  const [rows, setRows] = React.useState<Row[]>([])\n  const [page, setPage] = React.useState(1)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [totalIsCapped, setTotalIsCapped] = React.useState(false)\n  const [isLoading, setIsLoading] = React.useState(true)\n  const scopeVersion = useOrganizationScopeVersion()\n  const t = useT()\n  const dateLocale = useLocale()\n  const [filterValues, setFilterValues] = React.useState<FilterValues>({})\n  const [userOptions, setUserOptions] = React.useState<{ value: string; label: string; description?: string | null }[]>([])\n\n  // Filter deliveries by recipient picked via name/email search instead of a raw UUID (mirrors the\n  // devices list). Admins without auth.users.list degrade gracefully to no options.\n  const loadUserOptions = 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) params.set('search', query.trim())\n    const call = await apiCall<{ items?: { id: string; name?: string | null; email?: string | null }[] }>(\n      `/api/auth/users?${params.toString()}`,\n      { headers: { 'x-om-forbidden-redirect': '0' } },\n      { fallback: null },\n    ).catch(() => null)\n    if (!call || !call.ok) return []\n    const next = (call.result?.items ?? []).flatMap((item) => {\n      if (!item || typeof item.id !== 'string' || !item.id.trim()) return []\n      const name = typeof item.name === 'string' && item.name.trim() ? item.name.trim() : null\n      const email = typeof item.email === 'string' && item.email.trim() ? item.email.trim() : null\n      const label = name ?? email ?? item.id\n      return [{ value: item.id, label, description: email && email !== label ? email : null }]\n    })\n    setUserOptions((prev) => {\n      const map = new Map(prev.map((opt) => [opt.value, opt]))\n      for (const opt of next) map.set(opt.value, opt)\n      return Array.from(map.values())\n    })\n    return next\n  }, [])\n\n  React.useEffect(() => { void loadUserOptions() }, [loadUserOptions, scopeVersion])\n\n  // Reuse the picker cache to label the User column; rows whose owner isn't cached still show the id.\n  const userLabelById = React.useMemo(\n    () => new Map(userOptions.map((opt) => [opt.value, opt.label])),\n    [userOptions],\n  )\n\n  const filters = React.useMemo<FilterDef[]>(() => [\n    {\n      id: 'status',\n      label: t('push_notifications.deliveries.columns.status'),\n      type: 'select',\n      options: [\n        { value: 'pending', label: t('push_notifications.deliveries.status.pending') },\n        { value: 'sending', label: t('push_notifications.deliveries.status.sending') },\n        { value: 'sent', label: t('push_notifications.deliveries.status.sent') },\n        { value: 'failed', label: t('push_notifications.deliveries.status.failed') },\n        { value: 'skipped', label: t('push_notifications.deliveries.status.skipped') },\n        { value: 'expired', label: t('push_notifications.deliveries.status.expired') },\n      ],\n    },\n    {\n      id: 'userId',\n      label: t('push_notifications.deliveries.columns.user'),\n      type: 'combobox',\n      options: userOptions,\n      loadOptions: loadUserOptions,\n    },\n    // A single created-at range picker (ISO `yyyy-MM-dd`) that maps to the ?from/?to query params.\n    { id: 'createdRange', label: t('push_notifications.deliveries.filters.created'), type: 'dateRange' },\n  ], [t, userOptions, loadUserOptions])\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function load() {\n      setIsLoading(true)\n      try {\n        const params = new URLSearchParams()\n        params.set('page', String(page))\n        params.set('pageSize', '50')\n        const status = typeof filterValues.status === 'string' ? filterValues.status.trim() : ''\n        const userId = typeof filterValues.userId === 'string' ? filterValues.userId.trim() : ''\n        const createdRange = (filterValues.createdRange ?? {}) as { from?: string; to?: string }\n        const from = typeof createdRange.from === 'string' ? createdRange.from.trim() : ''\n        const to = typeof createdRange.to === 'string' ? createdRange.to.trim() : ''\n        if (status) params.set('status', status)\n        if (userId) params.set('userId', userId)\n        if (from) params.set('from', from)\n        if (to) params.set('to', to)\n        const fallback: ResponsePayload = { items: [], total: 0, page, totalPages: 1 }\n        const call = await apiCall<ResponsePayload>(`/api/push_notifications/deliveries?${params.toString()}`, undefined, { fallback })\n        if (!call.ok) {\n          const errorPayload = call.result as { error?: string } | undefined\n          const message = typeof errorPayload?.error === 'string' ? errorPayload.error : t('push_notifications.deliveries.error.loadFailed')\n          flash(message, 'error')\n          return\n        }\n        const payload = call.result ?? fallback\n        if (!cancelled) {\n          setRows(Array.isArray(payload.items) ? payload.items : [])\n          setTotal(payload.total || 0)\n          setTotalPages(payload.totalPages || 1)\n          setTotalIsCapped(payload?.totalIsCapped === true)\n        }\n      } catch (error) {\n        if (!cancelled) {\n          const message = error instanceof Error ? error.message : t('push_notifications.deliveries.error.loadFailed')\n          flash(message, 'error')\n        }\n      } finally {\n        if (!cancelled) setIsLoading(false)\n      }\n    }\n    load()\n    return () => { cancelled = true }\n  }, [page, scopeVersion, filterValues, t])\n\n  const columns = React.useMemo<ColumnDef<Row>[]>(() => [\n    {\n      accessorKey: 'status',\n      header: t('push_notifications.deliveries.columns.status'),\n      cell: ({ row }) => (\n        <StatusBadge variant={statusVariant[row.original.status] ?? 'neutral'} dot>\n          {t(`push_notifications.deliveries.status.${row.original.status}`)}\n        </StatusBadge>\n      ),\n    },\n    { accessorKey: 'notification_type_id', header: t('push_notifications.deliveries.columns.type') },\n    {\n      accessorKey: 'user_id',\n      header: t('push_notifications.deliveries.columns.user'),\n      cell: ({ row }) => {\n        const userId = row.original.user_id\n        const label = userLabelById.get(userId)\n        return (\n          // Stop the click bubbling to the row, whose default action opens the delivery detail.\n          <Link\n            href={`/backend/users/${encodeURIComponent(userId)}/edit`}\n            className=\"text-primary hover:underline\"\n            onClick={(e) => e.stopPropagation()}\n          >\n            {label ?? <code className=\"text-xs\">{userId}</code>}\n          </Link>\n        )\n      },\n    },\n    { accessorKey: 'provider', header: t('push_notifications.deliveries.columns.provider') },\n    {\n      accessorKey: 'attempts',\n      header: t('push_notifications.deliveries.columns.attempts'),\n    },\n    {\n      accessorKey: 'created_at',\n      header: t('push_notifications.deliveries.columns.created'),\n      cell: ({ row }) => formatDate(row.original.created_at, dateLocale, t),\n    },\n    {\n      accessorKey: 'sent_at',\n      header: t('push_notifications.deliveries.columns.sent'),\n      cell: ({ row }) => formatDate(row.original.sent_at, dateLocale, t),\n    },\n  ], [t, dateLocale, userLabelById])\n\n  return (\n    <Page>\n      <PageBody>\n        <DataTable\n        title={t('push_notifications.deliveries.title')}\n        titleHeadingLevel={1}\n          columns={columns}\n          data={rows}\n          filters={filters}\n          filterValues={filterValues}\n          onFiltersApply={(values) => { setFilterValues(values); setPage(1) }}\n          onFiltersClear={() => { setFilterValues({}); setPage(1) }}\n          perspective={{ tableId: 'push_notifications.deliveries' }}\n          onRowClick={(row) => { window.location.href = `/backend/push_notifications/${row.id}` }}\n          pagination={{ page, pageSize: 50, total, totalPages, totalIsCapped, onPageChange: setPage }}\n          isLoading={isLoading}\n          emptyState={t('push_notifications.deliveries.empty')}\n        />\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-mercato/core",
-  "version": "0.10.1-develop.7874.1.67e097d23a",
+  "version": "0.10.1-develop.7883.1.44ac2125f5",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",
@@ -266,16 +266,16 @@
     "zod": "^4.6.6"
   },
   "peerDependencies": {
-    "@open-mercato/ai-assistant": "0.10.1-develop.7874.1.67e097d23a",
-    "@open-mercato/shared": "0.10.1-develop.7874.1.67e097d23a",
-    "@open-mercato/ui": "0.10.1-develop.7874.1.67e097d23a",
+    "@open-mercato/ai-assistant": "0.10.1-develop.7883.1.44ac2125f5",
+    "@open-mercato/shared": "0.10.1-develop.7883.1.44ac2125f5",
+    "@open-mercato/ui": "0.10.1-develop.7883.1.44ac2125f5",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
   "devDependencies": {
-    "@open-mercato/ai-assistant": "0.10.1-develop.7874.1.67e097d23a",
-    "@open-mercato/shared": "0.10.1-develop.7874.1.67e097d23a",
-    "@open-mercato/ui": "0.10.1-develop.7874.1.67e097d23a",
+    "@open-mercato/ai-assistant": "0.10.1-develop.7883.1.44ac2125f5",
+    "@open-mercato/shared": "0.10.1-develop.7883.1.44ac2125f5",
+    "@open-mercato/ui": "0.10.1-develop.7883.1.44ac2125f5",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/react": "^16.3.3",

package/src/modules/attachments/lib/transferClient.ts

@@ -0,0 +1,87 @@
+import { getTelemetryRuntime } from '@open-mercato/shared/lib/telemetry/runtime'
+import { apiCall } from '@open-mercato/ui/backend/utils/apiCall'
+import { ATTACHMENT_TRANSFER_MAX_IDS } from './transferLimits'
+
+export type TransferAttachmentsInput = {
+  entityId: string
+  attachmentIds: string[]
+  fromRecordId?: string | null
+  toRecordId: string
+}
+
+export type TransferAttachmentsResult = {
+  transferredCount: number
+  failedIds: string[]
+  unconfirmedCount: number
+  errors: string[]
+}
+
+export function chunkAttachmentIds(attachmentIds: string[], size = ATTACHMENT_TRANSFER_MAX_IDS): string[][] {
+  const chunks: string[][] = []
+  for (let index = 0; index < attachmentIds.length; index += size) {
+    chunks.push(attachmentIds.slice(index, index + size))
+  }
+  return chunks
+}
+
+function stopsRemainingChunks(error: unknown): boolean {
+  const name = typeof error === 'object' && error !== null ? (error as { name?: unknown }).name : undefined
+  return name === 'AbortError' || name === 'UnauthorizedError'
+}
+
+function describeError(error: unknown): string {
+  return error instanceof Error && error.message ? error.message : String(error)
+}
+
+export async function transferAttachmentsInChunks({
+  entityId,
+  attachmentIds,
+  fromRecordId,
+  toRecordId,
+}: TransferAttachmentsInput): Promise<TransferAttachmentsResult> {
+  const result: TransferAttachmentsResult = { transferredCount: 0, failedIds: [], unconfirmedCount: 0, errors: [] }
+  const chunks = chunkAttachmentIds(attachmentIds)
+  for (let chunkIndex = 0; chunkIndex < chunks.length; chunkIndex += 1) {
+    const chunk = chunks[chunkIndex]
+    try {
+      const call = await apiCall<{ ok?: boolean; updated?: number; error?: string }>(
+        '/api/attachments/transfer',
+        {
+          method: 'POST',
+          headers: { 'content-type': 'application/json' },
+          body: JSON.stringify({
+            entityId,
+            attachmentIds: chunk,
+            ...(fromRecordId ? { fromRecordId } : {}),
+            toRecordId,
+          }),
+        },
+        { fallback: null },
+      )
+      if (!call.ok) {
+        result.failedIds.push(...chunk)
+        if (call.result?.error) result.errors.push(call.result.error)
+        continue
+      }
+      const updated = call.result?.updated
+      const confirmed = typeof updated === 'number' && Number.isFinite(updated)
+        ? Math.min(Math.max(Math.trunc(updated), 0), chunk.length)
+        : 0
+      result.transferredCount += confirmed
+      result.unconfirmedCount += chunk.length - confirmed
+    } catch (error) {
+      getTelemetryRuntime()?.reportError(error, {
+        module: 'attachments',
+        code: 'attachments.transfer_chunk_failed',
+        attributes: { chunkSize: chunk.length },
+      })
+      result.errors.push(describeError(error))
+      if (stopsRemainingChunks(error)) {
+        result.failedIds.push(...chunks.slice(chunkIndex).flat())
+        break
+      }
+      result.failedIds.push(...chunk)
+    }
+  }
+  return result
+}

package/src/modules/attachments/lib/transferLimits.ts

@@ -0,0 +1 @@
+export const ATTACHMENT_TRANSFER_MAX_IDS = 100

package/src/modules/catalog/backend/catalog/products/[productId]/variants/create/page.tsx

@@ -35,10 +35,10 @@ import {
   VariantPricesSection,
   VariantMediaSection,
 } from '@open-mercato/core/modules/catalog/components/products/VariantBuilder'
-import type { ProductMediaItem } from '@open-mercato/core/modules/catalog/components/products/ProductMediaManager'
 import { buildAttachmentImageUrl, slugifyAttachmentFileName } from '@open-mercato/core/modules/attachments/lib/imageUrls'
 import { fetchOptionSchemaTemplate } from '../../../optionSchemaClient'
 import { createLogger } from '@open-mercato/shared/lib/logger'
+import { transferDraftMedia } from '@open-mercato/core/modules/catalog/components/products/mediaTransfer'
 
 const logger = createLogger('catalog')
 
@@ -393,11 +393,19 @@ export default function CreateVariantPage({ params }: { params?: { productId?: s
             if (!variantId) {
               throw createCrudFormError(t('catalog.variants.form.errors.idMissing', 'Variant id missing after create.'))
             }
-            await transferVariantMedia({
+            const mediaTransfer = await transferDraftMedia({
+              entityId: E.catalog.catalog_product_variant,
               draftId: values.mediaDraftId,
-              variantId,
+              recordId: variantId,
               mediaItems: Array.isArray(values.mediaItems) ? values.mediaItems : [],
             })
+            if (mediaTransfer.failedCount > 0) {
+              logger.error('attachments.transfer.failed', {
+                failed: mediaTransfer.failedCount,
+                requested: mediaTransfer.requestedCount,
+                errors: mediaTransfer.errors,
+              })
+            }
             await syncVariantPrices({
               priceKinds,
               priceDrafts: values.prices ?? {},
@@ -408,7 +416,18 @@ export default function CreateVariantPage({ params }: { params?: { productId?: s
               productTaxRateId,
               productTaxRate,
             })
-            flash(t('catalog.variants.form.createSuccess', 'Variant created.'), 'success')
+            if (mediaTransfer.failedCount > 0) {
+              flash(
+                t(
+                  'catalog.variants.form.mediaTransferIncomplete',
+                  'Variant created, but {failed} of {total} media files could not be attached.',
+                  { failed: mediaTransfer.failedCount, total: mediaTransfer.requestedCount },
+                ),
+                'warning',
+              )
+            } else {
+              flash(t('catalog.variants.form.createSuccess', 'Variant created.'), 'success')
+            }
             router.push(`/backend/catalog/products/${productId}#variants`)
           }}
         />
@@ -417,34 +436,6 @@ export default function CreateVariantPage({ params }: { params?: { productId?: s
   )
 }
 
-async function transferVariantMedia({
-  draftId,
-  variantId,
-  mediaItems,
-}: {
-  draftId?: string | null
-  variantId: string
-  mediaItems: ProductMediaItem[]
-}): Promise<void> {
-  if (!draftId || !variantId) return
-  const attachmentIds = mediaItems.map((item) => item.id).filter((id): id is string => typeof id === 'string' && id.length > 0)
-  if (!attachmentIds.length) return
-  await apiCall(
-    '/api/attachments/transfer',
-    {
-      method: 'POST',
-      headers: { 'content-type': 'application/json' },
-      body: JSON.stringify({
-        entityId: E.catalog.catalog_product_variant,
-        attachmentIds,
-        fromRecordId: draftId,
-        toRecordId: variantId,
-      }),
-    },
-    { fallback: null },
-  )
-}
-
 async function syncVariantPrices({
   priceKinds,
   priceDrafts,

package/src/modules/catalog/backend/catalog/products/create/page.tsx

@@ -98,6 +98,7 @@ import {
   type ProductUnitConversionInput,
 } from "@open-mercato/core/modules/catalog/components/products/productFormUtils";
 import { createLogger } from '@open-mercato/shared/lib/logger'
+import { transferDraftMedia } from "@open-mercato/core/modules/catalog/components/products/mediaTransfer";
 
 const logger = createLogger('catalog')
 
@@ -419,9 +420,6 @@ export default function CreateCatalogProductPage() {
             const mediaItems = Array.isArray(formValues.mediaItems)
               ? formValues.mediaItems
               : [];
-            const attachmentIds = mediaItems
-              .map((item) => (typeof item.id === "string" ? item.id : null))
-              .filter((value): value is string => !!value);
             const mediaDraftId =
               typeof formValues.mediaDraftId === "string"
                 ? formValues.mediaDraftId
@@ -768,27 +766,18 @@ export default function CreateCatalogProductPage() {
                 await createCrud("catalog/prices", pricePayload);
               }
 
-              if (mediaDraftId && attachmentIds.length) {
-                const transfer = await apiCall<{
-                  ok?: boolean;
-                  error?: string;
-                }>(
-                  "/api/attachments/transfer",
-                  {
-                    method: "POST",
-                    headers: { "content-type": "application/json" },
-                    body: JSON.stringify({
-                      entityId: E.catalog.catalog_product,
-                      attachmentIds,
-                      fromRecordId: mediaDraftId,
-                      toRecordId: productId,
-                    }),
-                  },
-                  { fallback: null },
-                );
-                if (!transfer.ok) {
-                  logger.error("attachments.transfer.failed", { err: transfer.result?.error });
-                }
+              const mediaTransfer = await transferDraftMedia({
+                entityId: E.catalog.catalog_product,
+                draftId: mediaDraftId,
+                recordId: productId,
+                mediaItems,
+              });
+              if (mediaTransfer.failedCount > 0) {
+                logger.error("attachments.transfer.failed", {
+                  failed: mediaTransfer.failedCount,
+                  requested: mediaTransfer.requestedCount,
+                  errors: mediaTransfer.errors,
+                });
               }
 
               if (inboxDraft) {
@@ -817,10 +806,24 @@ export default function CreateCatalogProductPage() {
                 }
               }
 
-              flash(
-                t("catalog.products.create.success", "Product created."),
-                "success",
-              );
+              if (mediaTransfer.failedCount > 0) {
+                flash(
+                  t(
+                    "catalog.products.create.mediaTransferIncomplete",
+                    "Product created, but {failed} of {total} media files could not be attached.",
+                    {
+                      failed: mediaTransfer.failedCount,
+                      total: mediaTransfer.requestedCount,
+                    },
+                  ),
+                  "warning",
+                );
+              } else {
+                flash(
+                  t("catalog.products.create.success", "Product created."),
+                  "success",
+                );
+              }
               if (inboxDraft) {
                 router.push(
                   `/backend/inbox-ops/proposals/${encodeURIComponent(inboxDraft.proposalId)}`,

package/src/modules/catalog/components/products/ProductsDataTable.tsx

@@ -20,7 +20,8 @@ import type { FilterOption } from '@open-mercato/ui/backend/FilterOverlay'
 import { BooleanIcon } from '@open-mercato/ui/backend/ValueIcons'
 import { markdownToPlainText } from '@open-mercato/ui/backend/markdown/markdownToPlainText'
 import { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'
-import { useT } from '@open-mercato/shared/lib/i18n/context'
+import { useT, useLocale } from '@open-mercato/shared/lib/i18n/context'
+import { formatDisplayDateTime } from '@open-mercato/ui/primitives/date-format'
 import { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'
 import { useAppEvent } from '@open-mercato/ui/backend/injection/useAppEvent'
 import { E } from '#generated/entities.ids.generated'
@@ -92,11 +93,8 @@ type ProductsResponse = {
 const PAGE_SIZE = 25
 const ENTITY_ID = E.catalog.catalog_product
 
-function formatDate(value?: string): string {
-  if (!value) return '—'
-  const date = new Date(value)
-  if (Number.isNaN(date.getTime())) return '—'
-  return date.toLocaleDateString()
+function formatDate(value: string | undefined, locale: string | undefined): string {
+  return formatDisplayDateTime(value, locale) ?? '—'
 }
 
 function renderOffers(offers: OfferInfo[] | undefined): React.ReactNode {
@@ -172,6 +170,7 @@ export default function ProductsDataTable({
   onSnapshotChange,
 }: ProductsDataTableProps = {}) {
   const t = useT()
+  const dateLocale = useLocale()
   const { confirm, ConfirmDialogElement } = useConfirmDialog()
   const scopeVersion = useOrganizationScopeVersion()
   const [rows, setRows] = React.useState<ProductRow[]>([])
@@ -467,11 +466,11 @@ export default function ProductsDataTable({
       {
         accessorKey: 'updated_at',
         header: t('catalog.products.table.updatedAt'),
-        cell: ({ row }) => <span className="text-xs text-muted-foreground">{formatDate(row.original.updated_at)}</span>,
+        cell: ({ row }) => <span className="text-xs text-muted-foreground">{formatDate(row.original.updated_at, dateLocale)}</span>,
       },
     ]
     return applyCustomFieldVisibility(base, customFieldDefs)
-  }, [customFieldDefs, productTypeLabelMap, t])
+  }, [customFieldDefs, productTypeLabelMap, t, dateLocale])
 
   const handleSearchChange = React.useCallback((value: string) => {
     setSearch(value)

package/src/modules/catalog/components/products/mediaTransfer.ts

@@ -0,0 +1,40 @@
+import { transferAttachmentsInChunks } from '@open-mercato/core/modules/attachments/lib/transferClient'
+import type { ProductMediaItem } from './ProductMediaManager'
+
+export type DraftMediaTransferInput = {
+  entityId: string
+  draftId?: string | null
+  recordId: string
+  mediaItems: ProductMediaItem[]
+}
+
+export type DraftMediaTransferResult = {
+  requestedCount: number
+  failedCount: number
+  errors: string[]
+}
+
+export async function transferDraftMedia({
+  entityId,
+  draftId,
+  recordId,
+  mediaItems,
+}: DraftMediaTransferInput): Promise<DraftMediaTransferResult> {
+  const attachmentIds = mediaItems
+    .map((item) => item.id)
+    .filter((id): id is string => typeof id === 'string' && id.length > 0)
+  if (!draftId || !recordId || !attachmentIds.length) {
+    return { requestedCount: 0, failedCount: 0, errors: [] }
+  }
+  const result = await transferAttachmentsInChunks({
+    entityId,
+    attachmentIds,
+    fromRecordId: draftId,
+    toRecordId: recordId,
+  })
+  return {
+    requestedCount: attachmentIds.length,
+    failedCount: result.failedIds.length + result.unconfirmedCount,
+    errors: result.errors,
+  }
+}

package/src/modules/catalog/i18n/de.json

@@ -416,6 +416,7 @@
   "catalog.products.create.errors.variant": "Variante konnte nicht erstellt werden.",
   "catalog.products.create.fields.currency": "Hauptwährung",
   "catalog.products.create.handleHelp": "Handle wird für URLs verwendet und muss eindeutig sein.",
+  "catalog.products.create.mediaTransferIncomplete": "Produkt erstellt, aber {failed} von {total} Mediendateien konnten nicht angehängt werden.",
   "catalog.products.create.meta.description": "Verwalte Untertitel, Handle und Währung für deine Storefronts.",
   "catalog.products.create.meta.handleLabel": "Handle",
   "catalog.products.create.meta.title": "Produkt-Metadaten",
@@ -882,6 +883,7 @@
   "catalog.variants.form.isDefaultLabel": "Standardvariante",
   "catalog.variants.form.loading": "Formular wird geladen...",
   "catalog.variants.form.media": "Medien",
+  "catalog.variants.form.mediaTransferIncomplete": "Variante erstellt, aber {failed} von {total} Mediendateien konnten nicht angehängt werden.",
   "catalog.variants.form.nameLabel": "Name",
   "catalog.variants.form.namePlaceholder": "z. B. Blau / Klein",
   "catalog.variants.form.nameRequired": "Geben Sie den Variantennamen an.",

package/src/modules/catalog/i18n/en.json

@@ -416,6 +416,7 @@
   "catalog.products.create.errors.variant": "Failed to create variant.",
   "catalog.products.create.fields.currency": "Primary currency",
   "catalog.products.create.handleHelp": "Handle is used for URLs and must be unique.",
+  "catalog.products.create.mediaTransferIncomplete": "Product created, but {failed} of {total} media files could not be attached.",
   "catalog.products.create.meta.description": "Manage subtitle, handle, and currency for storefronts.",
   "catalog.products.create.meta.handleLabel": "Handle",
   "catalog.products.create.meta.title": "Product meta",
@@ -882,6 +883,7 @@
   "catalog.variants.form.isDefaultLabel": "Default variant",
   "catalog.variants.form.loading": "Loading form...",
   "catalog.variants.form.media": "Media",
+  "catalog.variants.form.mediaTransferIncomplete": "Variant created, but {failed} of {total} media files could not be attached.",
   "catalog.variants.form.nameLabel": "Name",
   "catalog.variants.form.namePlaceholder": "e.g., Blue / Small",
   "catalog.variants.form.nameRequired": "Provide the variant name.",

package/src/modules/catalog/i18n/es.json

@@ -416,6 +416,7 @@
   "catalog.products.create.errors.variant": "No se pudo crear la variante.",
   "catalog.products.create.fields.currency": "Moneda principal",
   "catalog.products.create.handleHelp": "El identificador se usa en URLs y debe ser único.",
+  "catalog.products.create.mediaTransferIncomplete": "Producto creado, pero no se pudieron adjuntar {failed} de {total} archivos multimedia.",
   "catalog.products.create.meta.description": "Administra el subtítulo, el identificador y la moneda para las vitrinas.",
   "catalog.products.create.meta.handleLabel": "Identificador",
   "catalog.products.create.meta.title": "Metadatos del producto",
@@ -882,6 +883,7 @@
   "catalog.variants.form.isDefaultLabel": "Variante predeterminada",
   "catalog.variants.form.loading": "Cargando formulario...",
   "catalog.variants.form.media": "Medios",
+  "catalog.variants.form.mediaTransferIncomplete": "Variante creada, pero no se pudieron adjuntar {failed} de {total} archivos multimedia.",
   "catalog.variants.form.nameLabel": "Nombre",
   "catalog.variants.form.namePlaceholder": "ej., Azul / Pequeño",
   "catalog.variants.form.nameRequired": "Ingrese el nombre de la variante.",

package/src/modules/catalog/i18n/ko.json

@@ -416,6 +416,7 @@
   "catalog.products.create.errors.variant": "변형 생성에 실패했습니다.",
   "catalog.products.create.fields.currency": "기본 통화",
   "catalog.products.create.handleHelp": "핸들은 URL에 사용되며 고유해야 합니다.",
+  "catalog.products.create.mediaTransferIncomplete": "상품이 생성되었지만 미디어 파일 {total}개 중 {failed}개를 첨부하지 못했습니다.",
   "catalog.products.create.meta.description": "스토어프론트에 사용할 부제목, 핸들, 통화를 관리합니다.",
   "catalog.products.create.meta.handleLabel": "핸들",
   "catalog.products.create.meta.title": "상품 메타 정보",
@@ -882,6 +883,7 @@
   "catalog.variants.form.isDefaultLabel": "기본 변형",
   "catalog.variants.form.loading": "폼을 불러오는 중...",
   "catalog.variants.form.media": "미디어",
+  "catalog.variants.form.mediaTransferIncomplete": "변형이 생성되었지만 미디어 파일 {total}개 중 {failed}개를 첨부하지 못했습니다.",
   "catalog.variants.form.nameLabel": "이름",
   "catalog.variants.form.namePlaceholder": "예: 블루 / 스몰",
   "catalog.variants.form.nameRequired": "변형 이름을 입력하세요.",

package/src/modules/catalog/i18n/pl.json

@@ -416,6 +416,7 @@
   "catalog.products.create.errors.variant": "Nie udało się utworzyć wariantu.",
   "catalog.products.create.fields.currency": "Główna waluta",
   "catalog.products.create.handleHelp": "Identyfikator jest używany w adresach URL i musi być unikalny.",
+  "catalog.products.create.mediaTransferIncomplete": "Produkt utworzony, ale nie udało się dołączyć {failed} z {total} plików multimedialnych.",
   "catalog.products.create.meta.description": "Zarządzaj podtytułem, identyfikatorem i walutą dla witryn.",
   "catalog.products.create.meta.handleLabel": "Identyfikator",
   "catalog.products.create.meta.title": "Metadane produktu",
@@ -882,6 +883,7 @@
   "catalog.variants.form.isDefaultLabel": "Domyślny wariant",
   "catalog.variants.form.loading": "Ładowanie formularza...",
   "catalog.variants.form.media": "Multimedia",
+  "catalog.variants.form.mediaTransferIncomplete": "Wariant utworzony, ale nie udało się dołączyć {failed} z {total} plików multimedialnych.",
   "catalog.variants.form.nameLabel": "Nazwa",
   "catalog.variants.form.namePlaceholder": "np. Niebieski / Mały",
   "catalog.variants.form.nameRequired": "Podaj nazwę wariantu.",

package/src/modules/customer_groups/backend/customer-groups/page.tsx

@@ -11,7 +11,8 @@ import { StatusBadge, type StatusMap } from '@open-mercato/ui/primitives/status-
 import { Tag, type TagMap } from '@open-mercato/ui/primitives/tag'
 import { Button } from '@open-mercato/ui/primitives/button'
 import { Plus, GripVertical } from 'lucide-react'
-import { useT } from '@open-mercato/shared/lib/i18n/context'
+import { useT, useLocale } from '@open-mercato/shared/lib/i18n/context'
+import { formatDisplayDateTime } from '@open-mercato/ui/primitives/date-format'
 import { apiCall, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'
 import { buildOptimisticLockHeader } from '@open-mercato/ui/backend/utils/optimisticLock'
 import { surfaceRecordConflict } from '@open-mercato/ui/backend/conflicts'
@@ -117,6 +118,7 @@ function DragHandle({ id }: { id: string }) {
 
 export default function CustomerGroupsPage() {
   const t = useT()
+  const dateLocale = useLocale()
   const { confirm: confirmDialog, ConfirmDialogElement } = useConfirmDialog()
   const { payload: backendChromePayload, isReady: backendChromeReady } = useBackendChrome()
   const canManage = backendChromeReady && hasFeature(backendChromePayload?.grantedFeatures, MANAGE_FEATURE)
@@ -375,10 +377,10 @@ export default function CustomerGroupsPage() {
       {
         accessorKey: 'updated_at',
         header: t('customer_groups.groups.list.columns.updatedAt', 'Updated'),
-        cell: ({ row }) => (row.original.updated_at ? new Date(row.original.updated_at).toLocaleString() : '—'),
+        cell: ({ row }) => formatDisplayDateTime(row.original.updated_at, dateLocale) ?? '—',
       },
     ],
-    [t, dragReorderEnabled],
+    [t, dateLocale, dragReorderEnabled],
   )
 
   const filterDefs = React.useMemo<FilterDef[]>(