@open-mercato/core 0.6.6-develop.6317.1.b3be10ab84 → 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": "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",
+  "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.6317.1.b3be10ab84",
+  "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.6317.1.b3be10ab84",
-    "@open-mercato/shared": "0.6.6-develop.6317.1.b3be10ab84",
-    "@open-mercato/ui": "0.6.6-develop.6317.1.b3be10ab84",
+    "@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.6317.1.b3be10ab84",
-    "@open-mercato/shared": "0.6.6-develop.6317.1.b3be10ab84",
-    "@open-mercato/ui": "0.6.6-develop.6317.1.b3be10ab84",
+    "@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/components/detail/EntityTagsDialog.tsx

@@ -438,53 +438,49 @@ export function EntityTagsDialog({
   const loadData = React.useCallback(async () => {
     setLoading(true)
     try {
-      let kindSettings: KindSetting[] = []
       const scopedQuery = new URLSearchParams()
       if (entityOrganizationId) {
         scopedQuery.set('organizationId', entityOrganizationId)
       }
-      try {
-        const settingsCall = await apiCall<{ items?: KindSetting[] }>(
-          `/api/customers/dictionaries/kind-settings${scopedQuery.size ? `?${scopedQuery.toString()}` : ''}`,
-          { cache: 'no-store', headers: { 'x-om-unauthorized-redirect': '0' } },
-        )
-        if (settingsCall.ok && settingsCall.result?.items) {
-          kindSettings = settingsCall.result.items
+
+      const loadKindSettings = async (): Promise<KindSetting[]> => {
+        try {
+          const settingsCall = await apiCall<{ items?: KindSetting[] }>(
+            `/api/customers/dictionaries/kind-settings${scopedQuery.size ? `?${scopedQuery.toString()}` : ''}`,
+            { cache: 'no-store', headers: { 'x-om-unauthorized-redirect': '0' } },
+          )
+          if (settingsCall.ok && settingsCall.result?.items) {
+            return settingsCall.result.items
+          }
+        } catch {
+          // Default category order works without explicit settings rows.
         }
-      } catch {
-        // Default category order works without explicit settings rows.
+        return []
       }
 
-      const settingsMap = new Map(kindSettings.map((setting) => [setting.kind, setting]))
-
-      const selectedTagEntries = Array.isArray(entityData.tags)
-        ? entityData.tags.map((tag) => ({
-            id: tag.id,
-            value: tag.id,
-            label: tag.label,
-            color: tag.color ?? null,
-          }))
-        : []
-
-      let assignedLabelIds: string[] = []
-      let selectedLabelEntries: CategoryOption[] = []
-      try {
-        const labelsQuery = new URLSearchParams()
-        labelsQuery.set('entityId', entityId)
-        labelsQuery.set('pageSize', '1')
-        if (entityOrganizationId) {
-          labelsQuery.set('organizationId', entityOrganizationId)
-        }
-        const labelsCall = await apiCall<{
-          items?: LabelItem[]
-          assignedIds?: string[]
-        }>(`/api/customers/labels?${labelsQuery.toString()}`, {
-          cache: 'no-store',
-          headers: { 'x-om-unauthorized-redirect': '0' },
-        })
-        const labelsData = labelsCall.ok ? labelsCall.result : null
-        assignedLabelIds = labelsData?.assignedIds ?? []
-        if (assignedLabelIds.length > 0) {
+      const loadLabelData = async (): Promise<{
+        assignedLabelIds: string[]
+        selectedLabelEntries: CategoryOption[]
+      }> => {
+        try {
+          const labelsQuery = new URLSearchParams()
+          labelsQuery.set('entityId', entityId)
+          labelsQuery.set('pageSize', '1')
+          if (entityOrganizationId) {
+            labelsQuery.set('organizationId', entityOrganizationId)
+          }
+          const labelsCall = await apiCall<{
+            items?: LabelItem[]
+            assignedIds?: string[]
+          }>(`/api/customers/labels?${labelsQuery.toString()}`, {
+            cache: 'no-store',
+            headers: { 'x-om-unauthorized-redirect': '0' },
+          })
+          const labelsData = labelsCall.ok ? labelsCall.result : null
+          const assignedLabelIds = labelsData?.assignedIds ?? []
+          if (assignedLabelIds.length === 0) {
+            return { assignedLabelIds, selectedLabelEntries: [] }
+          }
           const detailQuery = new URLSearchParams({
             ids: assignedLabelIds.join(','),
             pageSize: String(Math.min(assignedLabelIds.length, 100)),
@@ -500,44 +496,36 @@ export function EntityTagsDialog({
             },
           )
           const selectedLabels = selectedLabelsCall.ok ? selectedLabelsCall.result?.items ?? [] : []
-          selectedLabelEntries = selectedLabels.map((label) => ({
+          const selectedLabelEntries = selectedLabels.map((label) => ({
             id: label.id,
             value: label.id,
             label: label.label,
             color: null,
           }))
+          return { assignedLabelIds, selectedLabelEntries }
+        } catch {
+          return { assignedLabelIds: [], selectedLabelEntries: [] }
         }
-      } catch {
-        assignedLabelIds = []
-        selectedLabelEntries = []
       }
 
-      const categoryDefs = buildApplicableCategories(entityType, kindSettings)
-      const loadedCategories: CategorySection[] = []
+      const selectedTagEntries = Array.isArray(entityData.tags)
+        ? entityData.tags.map((tag) => ({
+            id: tag.id,
+            value: tag.id,
+            label: tag.label,
+            color: tag.color ?? null,
+          }))
+        : []
 
-      for (const categoryDef of categoryDefs) {
-        if (categoryDef.source === 'tags') {
-          loadedCategories.push({
-            ...categoryDef,
-            label: t(categoryDef.labelKey, categoryDef.labelFallback),
-            description: t(categoryDef.descriptionKey, categoryDef.descriptionFallback),
-            entries: sortOptions(selectedTagEntries),
-            selectionMode: categoryDef.selectionMode ?? 'multi',
-          })
-          continue
-        }
+      // The label chain is independent of kind settings and the dictionary
+      // fan-out, so kick it off immediately and let it resolve in parallel.
+      const labelDataPromise = loadLabelData()
 
-        if (categoryDef.source === 'labels') {
-          loadedCategories.push({
-            ...categoryDef,
-            label: t(categoryDef.labelKey, categoryDef.labelFallback),
-            description: t(categoryDef.descriptionKey, categoryDef.descriptionFallback),
-            entries: sortOptions(selectedLabelEntries),
-            selectionMode: categoryDef.selectionMode ?? 'multi',
-          })
-          continue
-        }
+      const kindSettings = await loadKindSettings()
+      const settingsMap = new Map(kindSettings.map((setting) => [setting.kind, setting]))
+      const categoryDefs = buildApplicableCategories(entityType, kindSettings)
 
+      const loadDictionaryCategory = async (categoryDef: CategoryDef): Promise<CategorySection> => {
         try {
           const dictionaryUrl = new URL(`/api/customers/dictionaries/${categoryDef.routeKind}`, 'http://localhost')
           if (entityOrganizationId) {
@@ -568,7 +556,7 @@ export function EntityTagsDialog({
               color: null,
             })
           })
-          loadedCategories.push({
+          return {
             ...categoryDef,
             label: categoryDef.labelKey
               ? t(categoryDef.labelKey, categoryDef.labelFallback)
@@ -582,7 +570,7 @@ export function EntityTagsDialog({
               : categoryDef.descriptionFallback,
             entries: sortOptions(entries),
             selectionMode,
-          })
+          }
         } catch {
           const setting = categoryDef.settingKind
             ? settingsMap.get(categoryDef.settingKind)
@@ -594,7 +582,7 @@ export function EntityTagsDialog({
             label: value,
             color: null,
           }))
-          loadedCategories.push({
+          return {
             ...categoryDef,
             label: categoryDef.labelKey
               ? t(categoryDef.labelKey, categoryDef.labelFallback)
@@ -608,10 +596,40 @@ export function EntityTagsDialog({
               : categoryDef.descriptionFallback,
             entries: fallbackEntries,
             selectionMode,
-          })
+          }
         }
       }
 
+      // Independent dictionary requests fan out together instead of awaiting
+      // each one sequentially; Promise.all preserves categoryDefs order so the
+      // subsequent sort and selection initialization stay stable.
+      const loadedCategories = await Promise.all(
+        categoryDefs.map(async (categoryDef): Promise<CategorySection> => {
+          if (categoryDef.source === 'tags') {
+            return {
+              ...categoryDef,
+              label: t(categoryDef.labelKey, categoryDef.labelFallback),
+              description: t(categoryDef.descriptionKey, categoryDef.descriptionFallback),
+              entries: sortOptions(selectedTagEntries),
+              selectionMode: categoryDef.selectionMode ?? 'multi',
+            }
+          }
+          if (categoryDef.source === 'labels') {
+            const { selectedLabelEntries } = await labelDataPromise
+            return {
+              ...categoryDef,
+              label: t(categoryDef.labelKey, categoryDef.labelFallback),
+              description: t(categoryDef.descriptionKey, categoryDef.descriptionFallback),
+              entries: sortOptions(selectedLabelEntries),
+              selectionMode: categoryDef.selectionMode ?? 'multi',
+            }
+          }
+          return loadDictionaryCategory(categoryDef)
+        }),
+      )
+
+      const { assignedLabelIds, selectedLabelEntries } = await labelDataPromise
+
       loadedCategories.sort((left, right) => {
         const leftSortOrder =
           left.settingKind && settingsMap.has(left.settingKind)

package/src/modules/dashboards/components/WidgetVisibilityEditor.tsx

@@ -193,9 +193,12 @@ export const WidgetVisibilityEditor = React.forwardRef<WidgetVisibilityEditorHan
       setLoading(true)
       setError(null)
       try {
-        await loadCatalog()
-        if (kind === 'role') await loadRoleData(tenantIdRef.current, organizationIdRef.current)
-        else await loadUserData(tenantIdRef.current, organizationIdRef.current)
+        await Promise.all([
+          loadCatalog(),
+          kind === 'role'
+            ? loadRoleData(tenantIdRef.current, organizationIdRef.current)
+            : loadUserData(tenantIdRef.current, organizationIdRef.current),
+        ])
       } catch (err) {
         console.error('Failed to load widget visibility data', err)
         if (!cancelled) {

package/src/modules/data_sync/api/runs.ts

@@ -25,6 +25,7 @@ export async function GET(req: Request) {
     entityType: url.searchParams.get('entityType') ?? undefined,
     direction: url.searchParams.get('direction') ?? undefined,
     status: url.searchParams.get('status') ?? undefined,
+    search: url.searchParams.get('search') ?? undefined,
     page: url.searchParams.get('page') ?? undefined,
     pageSize: url.searchParams.get('pageSize') ?? undefined,
   })

package/src/modules/data_sync/backend/data-sync/page.tsx

@@ -167,6 +167,7 @@ export default function SyncRunsDashboardPage() {
       params.set('pageSize', '20')
       if (filterValues.status) params.set('status', filterValues.status as string)
       if (filterValues.direction) params.set('direction', filterValues.direction as string)
+      if (search.trim()) params.set('search', search.trim())
       const fallback: ResponsePayload = { items: [], total: 0, page, totalPages: 1 }
       const call = await apiCall<ResponsePayload>(
         `/api/data_sync/runs?${params.toString()}`,
@@ -188,7 +189,7 @@ export default function SyncRunsDashboardPage() {
     }
     load()
     return () => { cancelled = true }
-  }, [page, filterValues, reloadToken, scopeVersion, t])
+  }, [page, filterValues, search, reloadToken, scopeVersion, t])
 
   React.useEffect(() => {
     let cancelled = false
@@ -965,6 +966,7 @@ export default function SyncRunsDashboardPage() {
           onFiltersClear={handleFiltersClear}
           searchValue={search}
           onSearchChange={(value) => { setSearch(value); setPage(1) }}
+          searchPlaceholder={t('data_sync.dashboard.searchPlaceholder')}
           perspective={{ tableId: 'data_sync.runs' }}
           onRowClick={(row) => {
             router.push(`/backend/data-sync/runs/${encodeURIComponent(row.id)}`)

package/src/modules/data_sync/data/validators.ts

@@ -28,6 +28,7 @@ export const listSyncRunsQuerySchema = z.object({
   entityType: z.string().optional(),
   direction: z.enum(['import', 'export']).optional(),
   status: z.enum(['pending', 'running', 'completed', 'failed', 'cancelled', 'paused']).optional(),
+  search: z.string().trim().min(1).max(200).optional(),
   page: z.coerce.number().int().min(1).default(1),
   pageSize: z.coerce.number().int().min(1).max(100).default(20),
 })

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

@@ -47,6 +47,7 @@
   "data_sync.dashboard.schedule.timezone": "Timezone",
   "data_sync.dashboard.schedule.title": "Recurring schedule",
   "data_sync.dashboard.schedule.type": "Schedule type",
+  "data_sync.dashboard.searchPlaceholder": "Nach Integration, Entitätstyp, Status oder Lauf-ID suchen",
   "data_sync.dashboard.start.batchSize": "Batch Size",
   "data_sync.dashboard.start.description": "Pick a sync target, launch an ad-hoc run, or save a recurring schedule for the same entity and direction from this page.",
   "data_sync.dashboard.start.error": "Failed to start sync run",

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

@@ -47,6 +47,7 @@
   "data_sync.dashboard.schedule.timezone": "Timezone",
   "data_sync.dashboard.schedule.title": "Recurring schedule",
   "data_sync.dashboard.schedule.type": "Schedule type",
+  "data_sync.dashboard.searchPlaceholder": "Search by integration, entity type, status, or run ID",
   "data_sync.dashboard.start.batchSize": "Batch Size",
   "data_sync.dashboard.start.description": "Pick a sync target, launch an ad-hoc run, or save a recurring schedule for the same entity and direction from this page.",
   "data_sync.dashboard.start.error": "Failed to start sync run",

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

@@ -47,6 +47,7 @@
   "data_sync.dashboard.schedule.timezone": "Timezone",
   "data_sync.dashboard.schedule.title": "Recurring schedule",
   "data_sync.dashboard.schedule.type": "Schedule type",
+  "data_sync.dashboard.searchPlaceholder": "Buscar por integración, tipo de entidad, estado o ID de ejecución",
   "data_sync.dashboard.start.batchSize": "Batch Size",
   "data_sync.dashboard.start.description": "Pick a sync target, launch an ad-hoc run, or save a recurring schedule for the same entity and direction from this page.",
   "data_sync.dashboard.start.error": "Failed to start sync run",

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

@@ -47,6 +47,7 @@
   "data_sync.dashboard.schedule.timezone": "Timezone",
   "data_sync.dashboard.schedule.title": "Recurring schedule",
   "data_sync.dashboard.schedule.type": "Schedule type",
+  "data_sync.dashboard.searchPlaceholder": "Szukaj po integracji, typie encji, statusie lub ID przebiegu",
   "data_sync.dashboard.start.batchSize": "Batch Size",
   "data_sync.dashboard.start.description": "Pick a sync target, launch an ad-hoc run, or save a recurring schedule for the same entity and direction from this page.",
   "data_sync.dashboard.start.error": "Failed to start sync run",

package/src/modules/data_sync/lib/sync-run-service.ts

@@ -1,8 +1,26 @@
 import type { EntityManager, FilterQuery } from '@mikro-orm/postgresql'
 import { findAndCountWithDecryption, findOneWithDecryption, findWithDecryption } from '@open-mercato/shared/lib/encryption/find'
 import { withAtomicFlush } from '@open-mercato/shared/lib/commands/flush'
+import { escapeLikePattern } from '@open-mercato/shared/lib/db/escapeLikePattern'
 import { SyncCursor, SyncRun } from '../data/entities'
 
+const UUID_PATTERN = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i
+
+function buildRunSearchFilter(search: string): FilterQuery<SyncRun>[] | null {
+  const trimmed = search.trim()
+  if (!trimmed) return null
+  const pattern = `%${escapeLikePattern(trimmed)}%`
+  const conditions: FilterQuery<SyncRun>[] = [
+    { integrationId: { $ilike: pattern } },
+    { entityType: { $ilike: pattern } },
+    { status: { $ilike: pattern } },
+  ]
+  if (UUID_PATTERN.test(trimmed)) {
+    conditions.push({ id: trimmed })
+  }
+  return conditions
+}
+
 type SyncScope = {
   organizationId: string
   tenantId: string
@@ -89,6 +107,7 @@ export function createSyncRunService(em: EntityManager) {
       entityType?: string
       direction?: 'import' | 'export'
       status?: string
+      search?: string
       page: number
       pageSize: number
     }, scope: SyncScope): Promise<{ items: SyncRun[]; total: number }> {
@@ -102,6 +121,10 @@ export function createSyncRunService(em: EntityManager) {
       if (query.entityType) where.entityType = query.entityType
       if (query.direction) where.direction = query.direction
       if (query.status) where.status = query.status as SyncRun['status']
+      if (query.search) {
+        const searchConditions = buildRunSearchFilter(query.search)
+        if (searchConditions) where.$or = searchConditions
+      }
 
       const [items, total] = await findAndCountWithDecryption(
         em,