@open-mercato/core 0.6.6-develop.6314.1.c7b8291aa2 → 0.6.6-develop.6330.1.a261878aa8

package/dist/modules/shipping_carriers/widgets/injection/tracking-status-badge/widget.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/shipping_carriers/widgets/injection/tracking-status-badge/widget.tsx"],
-  "sourcesContent": ["import type { InjectionColumnWidget } from '@open-mercato/shared/modules/widgets/injection'\n\nconst SHIPPING_STATUS_COLORS: Record<string, string> = {\n  pending: 'bg-gray-100 text-gray-700',\n  label_created: 'bg-slate-100 text-slate-700',\n  picked_up: 'bg-sky-100 text-sky-700',\n  in_transit: 'bg-blue-100 text-blue-700',\n  out_for_delivery: 'bg-indigo-100 text-indigo-700',\n  delivered: 'bg-green-100 text-green-700',\n  returned: 'bg-amber-100 text-amber-700',\n  cancelled: 'bg-red-100 text-red-700',\n  failed_delivery: 'bg-orange-100 text-orange-700',\n}\n\nfunction formatShippingStatusLabel(value: string): string {\n  return value.replace(/_/g, ' ')\n}\n\nconst widget: InjectionColumnWidget = {\n  metadata: {\n    id: 'shipping_carriers.injection.tracking-status-badge',\n    priority: 45,\n  },\n  columns: [\n    {\n      id: 'carrier_status_badge',\n      header: 'shipping_carriers.column.shippingStatus',\n      accessorKey: '_carrier.status',\n      sortable: false,\n      cell: ({ getValue }) => {\n        const value = getValue()\n        if (typeof value !== 'string' || value.length === 0) return null\n        const colors = SHIPPING_STATUS_COLORS[value] ?? 'bg-gray-100 text-gray-700'\n        return (\n          <span className={`inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${colors}`}>\n            {formatShippingStatusLabel(value)}\n          </span>\n        )\n      },\n    },\n  ],\n}\n\nexport default widget\n"],
-  "mappings": "AAkCU;AAhCV,MAAM,yBAAiD;AAAA,EACrD,SAAS;AAAA,EACT,eAAe;AAAA,EACf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,WAAW;AAAA,EACX,UAAU;AAAA,EACV,WAAW;AAAA,EACX,iBAAiB;AACnB;AAEA,SAAS,0BAA0B,OAAuB;AACxD,SAAO,MAAM,QAAQ,MAAM,GAAG;AAChC;AAEA,MAAM,SAAgC;AAAA,EACpC,UAAU;AAAA,IACR,IAAI;AAAA,IACJ,UAAU;AAAA,EACZ;AAAA,EACA,SAAS;AAAA,IACP;AAAA,MACE,IAAI;AAAA,MACJ,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,UAAU;AAAA,MACV,MAAM,CAAC,EAAE,SAAS,MAAM;AACtB,cAAM,QAAQ,SAAS;AACvB,YAAI,OAAO,UAAU,YAAY,MAAM,WAAW,EAAG,QAAO;AAC5D,cAAM,SAAS,uBAAuB,KAAK,KAAK;AAChD,eACE,oBAAC,UAAK,WAAW,yEAAyE,MAAM,IAC7F,oCAA0B,KAAK,GAClC;AAAA,MAEJ;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,iBAAQ;",
+  "sourcesContent": ["import * as React from 'react'\nimport type { InjectionColumnWidget } from '@open-mercato/shared/modules/widgets/injection'\nimport ShippingStatusBadgeWidget from './widget.client'\n\nconst widget: InjectionColumnWidget = {\n  metadata: {\n    id: 'shipping_carriers.injection.tracking-status-badge',\n    priority: 45,\n  },\n  columns: [\n    {\n      id: 'carrier_status_badge',\n      header: 'shipping_carriers.column.shippingStatus',\n      accessorKey: '_carrier.status',\n      sortable: false,\n      cell: ({ getValue }) => {\n        const value = getValue()\n        if (typeof value !== 'string' || value.length === 0) return null\n        return React.createElement(ShippingStatusBadgeWidget, { status: value })\n      },\n    },\n  ],\n}\n\nexport default widget\n"],
+  "mappings": "AAAA,YAAY,WAAW;AAEvB,OAAO,+BAA+B;AAEtC,MAAM,SAAgC;AAAA,EACpC,UAAU;AAAA,IACR,IAAI;AAAA,IACJ,UAAU;AAAA,EACZ;AAAA,EACA,SAAS;AAAA,IACP;AAAA,MACE,IAAI;AAAA,MACJ,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,UAAU;AAAA,MACV,MAAM,CAAC,EAAE,SAAS,MAAM;AACtB,cAAM,QAAQ,SAAS;AACvB,YAAI,OAAO,UAAU,YAAY,MAAM,WAAW,EAAG,QAAO;AAC5D,eAAO,MAAM,cAAc,2BAA2B,EAAE,QAAQ,MAAM,CAAC;AAAA,MACzE;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,iBAAQ;",
   "names": []
 }

package/dist/modules/translations/widgets/injection/translation-manager/widget.client.js

@@ -3,8 +3,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { useParams } from "next/navigation";
 import Link from "next/link";
+import { useQuery } from "@tanstack/react-query";
 import { ExternalLink, Languages } from "lucide-react";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { hasAllFeatures } from "@open-mercato/shared/lib/auth/featureMatch";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
 import { Button } from "@open-mercato/ui/primitives/button";
 import {
   Drawer,
@@ -16,21 +19,23 @@ import {
 } from "@open-mercato/ui/primitives/drawer";
 import { TranslationManager } from "../../../components/TranslationManager.js";
 import { extractRecordId } from "../../../lib/extract-record-id.js";
+const TRANSLATION_ACCESS_FEATURES = ["translations.view"];
 function useTranslationAccess() {
-  const [hasAccess, setHasAccess] = React.useState(false);
-  React.useEffect(() => {
-    let mounted = true;
-    const nativeFetch = window.__omOriginalFetch || fetch;
-    nativeFetch("/api/translations/locales", { credentials: "include" }).then((res) => {
-      if (mounted) setHasAccess(res.ok);
-    }).catch(() => {
-      if (mounted) setHasAccess(false);
-    });
-    return () => {
-      mounted = false;
-    };
-  }, []);
-  return hasAccess;
+  const { data } = useQuery({
+    queryKey: ["translations", "widget-access", ...TRANSLATION_ACCESS_FEATURES],
+    queryFn: async () => {
+      const res = await apiCall("/api/auth/feature-check", {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({ features: TRANSLATION_ACCESS_FEATURES })
+      });
+      if (!res.ok) return false;
+      return hasAllFeatures(TRANSLATION_ACCESS_FEATURES, res.result?.granted ?? []);
+    },
+    staleTime: 5 * 60 * 1e3,
+    retry: false
+  });
+  return data === true;
 }
 function TranslationWidget({ context, data }) {
   const entityType = context?.entityId;

package/dist/modules/translations/widgets/injection/translation-manager/widget.client.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/translations/widgets/injection/translation-manager/widget.client.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useParams } from 'next/navigation'\nimport Link from 'next/link'\nimport { ExternalLink, Languages } from 'lucide-react'\nimport type { InjectionWidgetComponentProps } from '@open-mercato/shared/modules/widgets/injection'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  Drawer,\n  DrawerBody,\n  DrawerContent,\n  DrawerDescription,\n  DrawerHeader,\n  DrawerTitle,\n} from '@open-mercato/ui/primitives/drawer'\nimport { TranslationManager } from '../../../components/TranslationManager'\nimport { extractRecordId } from '../../../lib/extract-record-id'\n\ntype WidgetContext = { entityId?: string; recordId?: string }\ntype WidgetData = Record<string, unknown> & { id?: string | number }\n\nfunction useTranslationAccess(): boolean {\n  const [hasAccess, setHasAccess] = React.useState(false)\n  React.useEffect(() => {\n    let mounted = true\n    // Use the original fetch to bypass the global apiFetch wrapper\n    // that redirects to login on 403. This lets us gracefully hide the widget\n    // when the user lacks translations.view instead of crashing the page.\n    const nativeFetch = ((window as any).__omOriginalFetch as typeof fetch) || fetch\n    nativeFetch('/api/translations/locales', { credentials: 'include' })\n      .then((res) => { if (mounted) setHasAccess(res.ok) })\n      .catch(() => { if (mounted) setHasAccess(false) })\n    return () => { mounted = false }\n  }, [])\n  return hasAccess\n}\n\nexport default function TranslationWidget({ context, data }: InjectionWidgetComponentProps<WidgetContext, WidgetData>) {\n  const entityType = context?.entityId\n  const params = useParams()\n  const t = useT()\n  const [open, setOpen] = React.useState(false)\n  const hasAccess = useTranslationAccess()\n\n  const contextRecordId = typeof context?.recordId === 'string' && context.recordId.trim().length > 0\n    ? context.recordId.trim()\n    : undefined\n  const dataRecordId = data?.id === undefined || data.id === null ? undefined : String(data.id)\n  const routeRecordId = params ? extractRecordId(params as Record<string, string | string[]>) : undefined\n  const recordId = contextRecordId ?? dataRecordId ?? routeRecordId\n  const canRender = Boolean(entityType && recordId && hasAccess)\n\n  if (!canRender) return null\n\n  return (\n    <Drawer open={open} onOpenChange={setOpen}>\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"icon\"\n        onClick={() => setOpen(true)}\n        aria-label={t('translations.widgets.translationManager.fullManager', 'Translation manager')}\n        title={t('translations.widgets.translationManager.fullManager', 'Translation manager')}\n      >\n        <Languages className=\"size-4\" />\n      </Button>\n      <DrawerContent className=\"max-w-4xl\">\n        <DrawerHeader>\n          <DrawerTitle>\n            {t('translations.widgets.translationManager.groupLabel', 'Translations')}\n          </DrawerTitle>\n          <DrawerDescription>\n            {t(\n              'translations.widgets.translationManager.groupDescription',\n              'Manage translations for this record across supported locales.',\n            )}\n          </DrawerDescription>\n        </DrawerHeader>\n        <DrawerBody>\n          <TranslationManager\n            mode=\"embedded\"\n            compact\n            entityType={entityType}\n            recordId={recordId}\n            baseValues={data}\n          />\n        </DrawerBody>\n        {/* Custom footer: 2 inline link affordances (not action buttons),\n            wrap-friendly + left-aligned. DS DrawerFooter layouts assume\n            buttons in the trailing slot, so we hand-roll the row with\n            the DrawerFooter padding convention (`px-6 pt-4 pb-5`). */}\n        <div className=\"flex flex-wrap gap-x-4 gap-y-1 px-6 pt-4 pb-5\">\n          <Link\n            href={`/backend/entities/system/${encodeURIComponent(entityType!)}`}\n            className=\"inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors\"\n          >\n            <Languages className=\"size-3\" />\n            {t('translations.widgets.translationManager.customFieldLabels', 'Custom fields translations')}\n            <ExternalLink className=\"size-2.5\" />\n          </Link>\n          <Link\n            href=\"/backend/config/translations\"\n            className=\"inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors\"\n          >\n            <Languages className=\"size-3\" />\n            {t('translations.widgets.translationManager.fullManager', 'Translation manager')}\n            <ExternalLink className=\"size-2.5\" />\n          </Link>\n        </div>\n      </DrawerContent>\n    </Drawer>\n  )\n}\n"],
-  "mappings": ";AAkEQ,cAGA,YAHA;AAhER,YAAY,WAAW;AACvB,SAAS,iBAAiB;AAC1B,OAAO,UAAU;AACjB,SAAS,cAAc,iBAAiB;AAExC,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,0BAA0B;AACnC,SAAS,uBAAuB;AAKhC,SAAS,uBAAgC;AACvC,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,KAAK;AACtD,QAAM,UAAU,MAAM;AACpB,QAAI,UAAU;AAId,UAAM,cAAgB,OAAe,qBAAsC;AAC3E,gBAAY,6BAA6B,EAAE,aAAa,UAAU,CAAC,EAChE,KAAK,CAAC,QAAQ;AAAE,UAAI,QAAS,cAAa,IAAI,EAAE;AAAA,IAAE,CAAC,EACnD,MAAM,MAAM;AAAE,UAAI,QAAS,cAAa,KAAK;AAAA,IAAE,CAAC;AACnD,WAAO,MAAM;AAAE,gBAAU;AAAA,IAAM;AAAA,EACjC,GAAG,CAAC,CAAC;AACL,SAAO;AACT;AAEe,SAAR,kBAAmC,EAAE,SAAS,KAAK,GAA6D;AACrH,QAAM,aAAa,SAAS;AAC5B,QAAM,SAAS,UAAU;AACzB,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAC5C,QAAM,YAAY,qBAAqB;AAEvC,QAAM,kBAAkB,OAAO,SAAS,aAAa,YAAY,QAAQ,SAAS,KAAK,EAAE,SAAS,IAC9F,QAAQ,SAAS,KAAK,IACtB;AACJ,QAAM,eAAe,MAAM,OAAO,UAAa,KAAK,OAAO,OAAO,SAAY,OAAO,KAAK,EAAE;AAC5F,QAAM,gBAAgB,SAAS,gBAAgB,MAA2C,IAAI;AAC9F,QAAM,WAAW,mBAAmB,gBAAgB;AACpD,QAAM,YAAY,QAAQ,cAAc,YAAY,SAAS;AAE7D,MAAI,CAAC,UAAW,QAAO;AAEvB,SACE,qBAAC,UAAO,MAAY,cAAc,SAChC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,SAAS,MAAM,QAAQ,IAAI;AAAA,QAC3B,cAAY,EAAE,uDAAuD,qBAAqB;AAAA,QAC1F,OAAO,EAAE,uDAAuD,qBAAqB;AAAA,QAErF,8BAAC,aAAU,WAAU,UAAS;AAAA;AAAA,IAChC;AAAA,IACA,qBAAC,iBAAc,WAAU,aACvB;AAAA,2BAAC,gBACC;AAAA,4BAAC,eACE,YAAE,sDAAsD,cAAc,GACzE;AAAA,QACA,oBAAC,qBACE;AAAA,UACC;AAAA,UACA;AAAA,QACF,GACF;AAAA,SACF;AAAA,MACA,oBAAC,cACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAO;AAAA,UACP;AAAA,UACA;AAAA,UACA,YAAY;AAAA;AAAA,MACd,GACF;AAAA,MAKA,qBAAC,SAAI,WAAU,iDACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,4BAA4B,mBAAmB,UAAW,CAAC;AAAA,YACjE,WAAU;AAAA,YAEV;AAAA,kCAAC,aAAU,WAAU,UAAS;AAAA,cAC7B,EAAE,6DAA6D,4BAA4B;AAAA,cAC5F,oBAAC,gBAAa,WAAU,YAAW;AAAA;AAAA;AAAA,QACrC;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAU;AAAA,YAEV;AAAA,kCAAC,aAAU,WAAU,UAAS;AAAA,cAC7B,EAAE,uDAAuD,qBAAqB;AAAA,cAC/E,oBAAC,gBAAa,WAAU,YAAW;AAAA;AAAA;AAAA,QACrC;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAEJ;",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useParams } from 'next/navigation'\nimport Link from 'next/link'\nimport { useQuery } from '@tanstack/react-query'\nimport { ExternalLink, Languages } from 'lucide-react'\nimport type { InjectionWidgetComponentProps } from '@open-mercato/shared/modules/widgets/injection'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { hasAllFeatures } from '@open-mercato/shared/lib/auth/featureMatch'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  Drawer,\n  DrawerBody,\n  DrawerContent,\n  DrawerDescription,\n  DrawerHeader,\n  DrawerTitle,\n} from '@open-mercato/ui/primitives/drawer'\nimport { TranslationManager } from '../../../components/TranslationManager'\nimport { extractRecordId } from '../../../lib/extract-record-id'\n\ntype WidgetContext = { entityId?: string; recordId?: string }\ntype WidgetData = Record<string, unknown> & { id?: string | number }\n\ntype FeatureCheckResponse = {\n  ok: boolean\n  granted: string[]\n  userId: string\n}\n\nconst TRANSLATION_ACCESS_FEATURES = ['translations.view']\n\n// Probe access through the shared apiCall/React Query path so multiple injected\n// widget instances dedupe a single request via the query key. feature-check\n// always answers 200 with the granted feature list, so a user without\n// translations.view is hidden gracefully \u2014 no login redirect, no forbidden flash.\nfunction useTranslationAccess(): boolean {\n  const { data } = useQuery<boolean>({\n    queryKey: ['translations', 'widget-access', ...TRANSLATION_ACCESS_FEATURES],\n    queryFn: async () => {\n      const res = await apiCall<FeatureCheckResponse>('/api/auth/feature-check', {\n        method: 'POST',\n        headers: { 'content-type': 'application/json' },\n        body: JSON.stringify({ features: TRANSLATION_ACCESS_FEATURES }),\n      })\n      if (!res.ok) return false\n      return hasAllFeatures(TRANSLATION_ACCESS_FEATURES, res.result?.granted ?? [])\n    },\n    staleTime: 5 * 60 * 1000,\n    retry: false,\n  })\n  return data === true\n}\n\nexport default function TranslationWidget({ context, data }: InjectionWidgetComponentProps<WidgetContext, WidgetData>) {\n  const entityType = context?.entityId\n  const params = useParams()\n  const t = useT()\n  const [open, setOpen] = React.useState(false)\n  const hasAccess = useTranslationAccess()\n\n  const contextRecordId = typeof context?.recordId === 'string' && context.recordId.trim().length > 0\n    ? context.recordId.trim()\n    : undefined\n  const dataRecordId = data?.id === undefined || data.id === null ? undefined : String(data.id)\n  const routeRecordId = params ? extractRecordId(params as Record<string, string | string[]>) : undefined\n  const recordId = contextRecordId ?? dataRecordId ?? routeRecordId\n  const canRender = Boolean(entityType && recordId && hasAccess)\n\n  if (!canRender) return null\n\n  return (\n    <Drawer open={open} onOpenChange={setOpen}>\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"icon\"\n        onClick={() => setOpen(true)}\n        aria-label={t('translations.widgets.translationManager.fullManager', 'Translation manager')}\n        title={t('translations.widgets.translationManager.fullManager', 'Translation manager')}\n      >\n        <Languages className=\"size-4\" />\n      </Button>\n      <DrawerContent className=\"max-w-4xl\">\n        <DrawerHeader>\n          <DrawerTitle>\n            {t('translations.widgets.translationManager.groupLabel', 'Translations')}\n          </DrawerTitle>\n          <DrawerDescription>\n            {t(\n              'translations.widgets.translationManager.groupDescription',\n              'Manage translations for this record across supported locales.',\n            )}\n          </DrawerDescription>\n        </DrawerHeader>\n        <DrawerBody>\n          <TranslationManager\n            mode=\"embedded\"\n            compact\n            entityType={entityType}\n            recordId={recordId}\n            baseValues={data}\n          />\n        </DrawerBody>\n        {/* Custom footer: 2 inline link affordances (not action buttons),\n            wrap-friendly + left-aligned. DS DrawerFooter layouts assume\n            buttons in the trailing slot, so we hand-roll the row with\n            the DrawerFooter padding convention (`px-6 pt-4 pb-5`). */}\n        <div className=\"flex flex-wrap gap-x-4 gap-y-1 px-6 pt-4 pb-5\">\n          <Link\n            href={`/backend/entities/system/${encodeURIComponent(entityType!)}`}\n            className=\"inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors\"\n          >\n            <Languages className=\"size-3\" />\n            {t('translations.widgets.translationManager.customFieldLabels', 'Custom fields translations')}\n            <ExternalLink className=\"size-2.5\" />\n          </Link>\n          <Link\n            href=\"/backend/config/translations\"\n            className=\"inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors\"\n          >\n            <Languages className=\"size-3\" />\n            {t('translations.widgets.translationManager.fullManager', 'Translation manager')}\n            <ExternalLink className=\"size-2.5\" />\n          </Link>\n        </div>\n      </DrawerContent>\n    </Drawer>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-mercato/core",
-  "version": "0.6.6-develop.6314.1.c7b8291aa2",
+  "version": "0.6.6-develop.6330.1.a261878aa8",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",
@@ -246,16 +246,16 @@
     "zod": "^4.4.3"
   },
   "peerDependencies": {
-    "@open-mercato/ai-assistant": "0.6.6-develop.6314.1.c7b8291aa2",
-    "@open-mercato/shared": "0.6.6-develop.6314.1.c7b8291aa2",
-    "@open-mercato/ui": "0.6.6-develop.6314.1.c7b8291aa2",
+    "@open-mercato/ai-assistant": "0.6.6-develop.6330.1.a261878aa8",
+    "@open-mercato/shared": "0.6.6-develop.6330.1.a261878aa8",
+    "@open-mercato/ui": "0.6.6-develop.6330.1.a261878aa8",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
   "devDependencies": {
-    "@open-mercato/ai-assistant": "0.6.6-develop.6314.1.c7b8291aa2",
-    "@open-mercato/shared": "0.6.6-develop.6314.1.c7b8291aa2",
-    "@open-mercato/ui": "0.6.6-develop.6314.1.c7b8291aa2",
+    "@open-mercato/ai-assistant": "0.6.6-develop.6330.1.a261878aa8",
+    "@open-mercato/shared": "0.6.6-develop.6330.1.a261878aa8",
+    "@open-mercato/ui": "0.6.6-develop.6330.1.a261878aa8",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.1",

package/src/modules/customer_accounts/backend/customer_accounts/roles/[id]/page.tsx

@@ -7,6 +7,7 @@ import { Page, PageBody } from '@open-mercato/ui/backend/Page'
 import { CrudForm } from '@open-mercato/ui/backend/CrudForm'
 import type { CrudField, CrudFormGroup, CrudFormGroupComponentProps } from '@open-mercato/ui/backend/CrudForm'
 import { Button } from '@open-mercato/ui/primitives/button'
+import { Checkbox } from '@open-mercato/ui/primitives/checkbox'
 import { Spinner } from '@open-mercato/ui/primitives/spinner'
 import { apiCall, readApiResultOrThrow, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'
 import { buildOptimisticLockHeader } from '@open-mercato/ui/backend/utils/optimisticLock'
@@ -106,12 +107,9 @@ function PortalPermissionsEditor({ values, setValue }: CrudFormGroupComponentPro
             <div className="flex items-center justify-between border-b px-4 py-3">
               <span className="text-sm font-semibold">{t(group.labelKey, group.fallback)}</span>
               <label className="flex items-center gap-2 text-xs text-muted-foreground">
-                <input
-                  type="checkbox"
-                  checked={allSelected}
-                  ref={(el) => { if (el) el.indeterminate = someSelected && !allSelected }}
-                  onChange={() => handleGroupToggle(groupFeatures)}
-                  className="rounded border-border"
+                <Checkbox
+                  checked={allSelected ? true : (someSelected ? 'indeterminate' : false)}
+                  onCheckedChange={() => handleGroupToggle(groupFeatures)}
                 />
                 {t('customer_accounts.admin.roleDetail.selectAll', 'Select all')}
               </label>
@@ -121,11 +119,10 @@ function PortalPermissionsEditor({ values, setValue }: CrudFormGroupComponentPro
                 const feature = PORTAL_FEATURES.find((portalFeature) => portalFeature.id === featureId)
                 return (
                   <label key={featureId} className="flex items-start gap-3 px-4 py-3 cursor-pointer hover:bg-muted/50 transition-colors">
-                    <input
-                      type="checkbox"
+                    <Checkbox
                       checked={features.includes(featureId)}
-                      onChange={() => handleFeatureToggle(featureId)}
-                      className="mt-0.5 rounded border-border"
+                      onCheckedChange={() => handleFeatureToggle(featureId)}
+                      className="mt-0.5"
                     />
                     <div className="space-y-0.5">
                       <div className="text-sm font-medium">{feature ? t(feature.labelKey, feature.fallback) : featureId}</div>

package/src/modules/customer_accounts/backend/customer_accounts/users/page.tsx

@@ -191,20 +191,19 @@ function CreateUserDialog({
                 {roleOptions.map((role) => {
                   const isSelected = selectedRoleIds.includes(role.id)
                   return (
-                    <button
+                    <Button
                       key={role.id}
                       type="button"
+                      size="2xs"
+                      variant={isSelected ? 'secondary' : 'outline'}
+                      aria-pressed={isSelected}
                       onClick={() => setSelectedRoleIds((prev) =>
                         prev.includes(role.id) ? prev.filter((rid) => rid !== role.id) : [...prev, role.id],
                       )}
-                      className={`rounded-full border px-3 py-1 text-xs font-medium transition-colors ${
-                        isSelected
-                          ? 'border-primary bg-primary/10 text-primary'
-                          : 'border-border bg-background text-muted-foreground hover:bg-muted'
-                      }`}
+                      className="rounded-full"
                     >
                       {role.label}
-                    </button>
+                    </Button>
                   )
                 })}
               </div>

package/src/modules/customer_accounts/widgets/injection/account-status/widget.client.tsx

@@ -8,6 +8,7 @@ import { useT } from '@open-mercato/shared/lib/i18n/context'
 import { Button } from '@open-mercato/ui/primitives/button'
 import { Input } from '@open-mercato/ui/primitives/input'
 import { EmailInput } from '@open-mercato/ui/primitives/email-input'
+import { StatusBadge } from '@open-mercato/ui/primitives/status-badge'
 import { flash } from '@open-mercato/ui/backend/FlashMessages'
 
 interface AccountStatusData {
@@ -305,9 +306,9 @@ export default function AccountStatusWidget({ context }: AccountStatusProps) {
       <div className="space-y-1 text-sm">
         <div className="flex justify-between">
           <span className="text-muted-foreground">{t('common.status', 'Status')}</span>
-          <span className={data.isActive ? 'text-green-600' : 'text-red-600'}>
+          <StatusBadge variant={data.isActive ? 'success' : 'error'} dot>
             {data.isActive ? t('common.active', 'Active') : t('common.inactive', 'Inactive')}
-          </span>
+          </StatusBadge>
         </div>
         <div className="flex justify-between">
           <span className="text-muted-foreground">{t('common.email', 'Email')}</span>

package/src/modules/customer_accounts/widgets/injection/company-users/widget.client.tsx

@@ -3,6 +3,7 @@
 import { useQuery } from '@tanstack/react-query'
 import { apiCall } from '@open-mercato/ui/backend/utils/apiCall'
 import { useT } from '@open-mercato/shared/lib/i18n/context'
+import { StatusBadge } from '@open-mercato/ui/primitives/status-badge'
 
 interface CompanyUser {
   id: string
@@ -59,9 +60,9 @@ export default function CompanyUsersWidget({ context }: CompanyUsersProps) {
                 <div className="text-xs text-muted-foreground">{user.email}</div>
               </div>
               <div className="flex items-center gap-2">
-                <span className={`text-xs ${user.isActive ? 'text-green-600' : 'text-red-600'}`}>
+                <StatusBadge variant={user.isActive ? 'success' : 'error'} dot>
                   {user.isActive ? t('common.active', 'Active') : t('common.inactive', 'Inactive')}
-                </span>
+                </StatusBadge>
                 <a
                   href={`/backend/customer_accounts/users/${user.id}`}
                   className="text-xs text-primary hover:underline"

package/src/modules/customers/ai-tools/_shared.ts

@@ -0,0 +1,270 @@
+/**
+ * Shared helpers for customers AI tool packs.
+ *
+ * Mirrors the catalog precedent (`packages/core/src/modules/catalog/ai-tools/_shared.ts`):
+ * the company and people packs previously carried byte-for-byte-identical copies
+ * of the date-to-ISO helper, the `resolveEm` / `buildScope` accessors, the
+ * list-row → summary mapper, and the related-records builder
+ * (addresses / activities / notes / tasks / interactions / tags / deals, plus a
+ * companies-only `people` mapper). Centralizing them here gives both packs one
+ * source of truth so a change to the related-records output shape no longer has
+ * to be applied — and kept in sync — in two places.
+ *
+ * This is a pure internal refactor: tool names, input schemas, `requiredFeatures`,
+ * and emitted output shapes stay identical.
+ */
+import type { EntityManager } from '@mikro-orm/postgresql'
+import type { AiToolExecutionContext } from '@open-mercato/ai-assistant/modules/ai_assistant/lib/ai-api-operation-runner'
+import type { CustomersToolContext } from './types'
+
+export function toIso(value: unknown): string | null {
+  if (!value) return null
+  const dt = value instanceof Date ? value : new Date(String(value))
+  if (Number.isNaN(dt.getTime())) return null
+  return dt.toISOString()
+}
+
+export function resolveEm(ctx: CustomersToolContext | AiToolExecutionContext): EntityManager {
+  return ctx.container.resolve<EntityManager>('em')
+}
+
+export function buildScope(ctx: CustomersToolContext | AiToolExecutionContext, tenantId: string) {
+  return {
+    tenantId,
+    organizationId: ctx.organizationId,
+  }
+}
+
+/* -------------------------------------------------------------------------- */
+/*  List-row summary mapper                                                    */
+/* -------------------------------------------------------------------------- */
+
+export type CustomerListApiItemBase = {
+  id?: string
+  display_name?: string | null
+  displayName?: string | null
+  primary_email?: string | null
+  primaryEmail?: string | null
+  primary_phone?: string | null
+  primaryPhone?: string | null
+  status?: string | null
+  lifecycle_stage?: string | null
+  lifecycleStage?: string | null
+  source?: string | null
+  owner_user_id?: string | null
+  ownerUserId?: string | null
+  organization_id?: string | null
+  organizationId?: string | null
+  tenant_id?: string | null
+  tenantId?: string | null
+  created_at?: string | null
+  createdAt?: string | null
+}
+
+export type CustomerListSummary = {
+  id: string | undefined
+  displayName: string | null
+  primaryEmail: string | null
+  primaryPhone: string | null
+  status: string | null
+  lifecycleStage: string | null
+  source: string | null
+  ownerUserId: string | null
+  organizationId: string | null
+  tenantId: string | null
+  createdAt: string | null
+}
+
+export function toCustomerListSummary(row: CustomerListApiItemBase): CustomerListSummary {
+  const createdAtRaw = row.created_at ?? row.createdAt ?? null
+  const createdAt = createdAtRaw ? new Date(String(createdAtRaw)).toISOString() : null
+  return {
+    id: row.id,
+    displayName: row.display_name ?? row.displayName ?? null,
+    primaryEmail: row.primary_email ?? row.primaryEmail ?? null,
+    primaryPhone: row.primary_phone ?? row.primaryPhone ?? null,
+    status: row.status ?? null,
+    lifecycleStage: row.lifecycle_stage ?? row.lifecycleStage ?? null,
+    source: row.source ?? null,
+    ownerUserId: row.owner_user_id ?? row.ownerUserId ?? null,
+    organizationId: row.organization_id ?? row.organizationId ?? null,
+    tenantId: row.tenant_id ?? row.tenantId ?? null,
+    createdAt,
+  }
+}
+
+/* -------------------------------------------------------------------------- */
+/*  Related-records mappers                                                    */
+/* -------------------------------------------------------------------------- */
+
+function asRows(value: unknown): Array<Record<string, unknown>> {
+  return Array.isArray(value) ? (value as Array<Record<string, unknown>>) : []
+}
+
+export function mapAddresses(rows: Array<Record<string, unknown>>) {
+  return rows.map((address) => ({
+    id: address.id,
+    name: address.name ?? null,
+    purpose: address.purpose ?? null,
+    addressLine1: address.addressLine1 ?? null,
+    addressLine2: address.addressLine2 ?? null,
+    city: address.city ?? null,
+    region: address.region ?? null,
+    postalCode: address.postalCode ?? null,
+    country: address.country ?? null,
+    isPrimary: !!address.isPrimary,
+  }))
+}
+
+export function mapActivities(rows: Array<Record<string, unknown>>) {
+  return rows.map((activity) => ({
+    id: activity.id,
+    activityType: activity.activityType,
+    subject: activity.subject ?? null,
+    body: activity.body ?? null,
+    occurredAt: toIso(activity.occurredAt),
+    createdAt: toIso(activity.createdAt),
+  }))
+}
+
+export function mapNotes(rows: Array<Record<string, unknown>>) {
+  return rows.map((comment) => ({
+    id: comment.id,
+    body: comment.body,
+    authorUserId: comment.authorUserId ?? null,
+    createdAt: toIso(comment.createdAt),
+  }))
+}
+
+export function mapTasks(rows: Array<Record<string, unknown>>) {
+  return rows.map((task) => ({
+    id: task.id,
+    todoId: task.todoId ?? task.id,
+    todoSource: task.todoSource ?? null,
+    createdAt: toIso(task.createdAt),
+  }))
+}
+
+export function mapInteractions(rows: Array<Record<string, unknown>>) {
+  return rows.map((interaction) => ({
+    id: interaction.id,
+    interactionType: interaction.interactionType,
+    title: interaction.title ?? null,
+    status: interaction.status,
+    scheduledAt: toIso(interaction.scheduledAt),
+    occurredAt: toIso(interaction.occurredAt),
+  }))
+}
+
+export type RelatedTag = { id: string; slug: string; label: string; color: string | null }
+
+export function mapTags(rows: Array<Record<string, unknown>>): RelatedTag[] {
+  return rows
+    .map((tag) => {
+      if (!tag || typeof tag !== 'object') return null
+      const id = typeof tag.id === 'string' ? tag.id : null
+      const label = typeof tag.label === 'string' ? tag.label : null
+      if (!id || !label) return null
+      const slug = typeof tag.slug === 'string' ? tag.slug : label
+      const color = typeof tag.color === 'string' ? tag.color : null
+      return { id, slug, label, color }
+    })
+    .filter((entry): entry is RelatedTag => entry !== null)
+}
+
+export type RelatedDeal = {
+  id: string
+  title: string
+  status: string | null
+  pipelineStageId: string | null
+  valueAmount: string | null
+  valueCurrency: string | null
+}
+
+export function mapDeals(rows: Array<Record<string, unknown>>): RelatedDeal[] {
+  return rows
+    .map((deal) => {
+      if (!deal || typeof deal !== 'object') return null
+      const id = typeof deal.id === 'string' ? deal.id : null
+      if (!id) return null
+      return {
+        id,
+        title: typeof deal.title === 'string' ? deal.title : '',
+        status: typeof deal.status === 'string' ? deal.status : null,
+        pipelineStageId: typeof deal.pipelineStageId === 'string' ? deal.pipelineStageId : null,
+        valueAmount:
+          typeof deal.valueAmount === 'string'
+            ? deal.valueAmount
+            : deal.valueAmount === null || deal.valueAmount === undefined
+              ? null
+              : String(deal.valueAmount),
+        valueCurrency: typeof deal.valueCurrency === 'string' ? deal.valueCurrency : null,
+      }
+    })
+    .filter((value): value is RelatedDeal => value !== null)
+}
+
+export type RelatedPerson = {
+  id: string
+  displayName: string
+  primaryEmail: string | null
+  primaryPhone: string | null
+  jobTitle: string | null
+  department: string | null
+}
+
+export function mapPeople(rows: Array<Record<string, unknown>>): RelatedPerson[] {
+  return rows
+    .map((person) => {
+      if (!person || typeof person !== 'object') return null
+      const id = typeof person.id === 'string' ? person.id : null
+      const displayName = typeof person.displayName === 'string' ? person.displayName : null
+      if (!id || !displayName) return null
+      return {
+        id,
+        displayName,
+        primaryEmail: typeof person.primaryEmail === 'string' ? person.primaryEmail : null,
+        primaryPhone: typeof person.primaryPhone === 'string' ? person.primaryPhone : null,
+        jobTitle: typeof person.jobTitle === 'string' ? person.jobTitle : null,
+        department: typeof person.department === 'string' ? person.department : null,
+      }
+    })
+    .filter((value): value is RelatedPerson => value !== null)
+}
+
+export type CustomerRelatedRecords = {
+  addresses: ReturnType<typeof mapAddresses>
+  activities: ReturnType<typeof mapActivities>
+  notes: ReturnType<typeof mapNotes>
+  tasks: ReturnType<typeof mapTasks>
+  interactions: ReturnType<typeof mapInteractions>
+  tags: RelatedTag[]
+  deals: RelatedDeal[]
+  people?: RelatedPerson[]
+}
+
+/**
+ * Builds the related-records block from a customers detail API payload
+ * (`addresses`, `activities`, `comments`, `todos`, `interactions`, `tags`,
+ * `deals`, and — for companies — `people`). The key order matches the
+ * pre-refactor literals so the emitted shape is unchanged. Pass
+ * `includePeople: true` to add the companies-only `people` collection.
+ */
+export function buildRelatedRecords(
+  data: Record<string, unknown>,
+  options: { includePeople?: boolean } = {},
+): CustomerRelatedRecords {
+  const related: CustomerRelatedRecords = {
+    addresses: mapAddresses(asRows(data.addresses)),
+    activities: mapActivities(asRows(data.activities)),
+    notes: mapNotes(asRows(data.comments)),
+    tasks: mapTasks(asRows(data.todos)),
+    interactions: mapInteractions(asRows(data.interactions)),
+    tags: mapTags(asRows(data.tags)),
+    deals: mapDeals(asRows(data.deals)),
+  }
+  if (options.includePeople) {
+    related.people = mapPeople(asRows(data.people))
+  }
+  return related
+}