@open-mercato/core 0.6.7-develop.6828.1.ab1620a63e → 0.6.7-develop.6834.1.e76f4b8cbc

package/.turbo/turbo-build.log

@@ -1,4 +1,4 @@
-[build:core] found 3782 entry points
+[build:core] found 3783 entry points
 [build:core] built successfully
 [build:core:generated] found 197 entry points
 [build:core:generated] built successfully

package/dist/modules/attachments/fields/attachment.js

@@ -138,7 +138,7 @@ const AttachmentInput = ({
         }
       )
     ] }),
-    error ? /* @__PURE__ */ jsx("div", { className: "text-xs text-red-600", children: error }) : null,
+    error ? /* @__PURE__ */ jsx("div", { className: "text-xs text-status-error-text", children: error }) : null,
     /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
       loading ? /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: t("attachments.library.loading", "Loading attachments\u2026") }) : null,
       items.map((it) => /* @__PURE__ */ jsxs("div", { className: "text-sm", children: [

package/dist/modules/attachments/fields/attachment.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/attachments/fields/attachment.tsx"],
-  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { FieldRegistry } from '@open-mercato/ui/backend/fields/registry'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport type { CustomFieldDefDto } from '@open-mercato/ui/backend/utils/customFieldDefs'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Upload } from 'lucide-react'\n\nfunction humanSize(n: number): string {\n  if (!Number.isFinite(n)) return String(n)\n  const units = ['B','KB','MB','GB']\n  let i = 0\n  let x = n\n  while (x >= 1024 && i < units.length - 1) { x /= 1024; i++ }\n  return `${x.toFixed(i === 0 ? 0 : 1)} ${units[i]}`\n}\n\ntype AttachmentsResponse = {\n  items?: Array<{ id: string; url: string; fileName: string; fileSize: number }>\n  error?: string\n}\n\ntype AttachmentFieldDef = CustomFieldDefDto & {\n  configJson?: {\n    maxAttachmentSizeMb?: number\n    acceptExtensions?: string[]\n    partitionCode?: string\n  }\n}\n\ntype AttachmentDefEditorPatch = {\n  maxAttachmentSizeMb?: number\n  acceptExtensions?: string[]\n  partitionCode?: string\n}\n\nfunction buildAcceptAttribute(def?: AttachmentFieldDef): string | undefined {\n  if (!Array.isArray(def?.acceptExtensions) || def.acceptExtensions.length === 0) return undefined\n  const values = def.acceptExtensions\n    .map((entry) => String(entry ?? '').trim().replace(/^\\./, ''))\n    .filter((entry) => entry.length > 0)\n  if (values.length === 0) return undefined\n  return values.map((entry) => `.${entry}`).join(',')\n}\n\nexport const AttachmentInput = ({\n  entityId,\n  recordId,\n  def,\n  disabled,\n}: {\n  entityId?: string\n  recordId?: string\n  def?: AttachmentFieldDef\n  disabled?: boolean\n}) => {\n  const t = useT()\n  const [items, setItems] = React.useState<Array<{ id: string; url: string; fileName: string; fileSize: number }>>([])\n  const [loading, setLoading] = React.useState(false)\n  const [error, setError] = React.useState<string | null>(null)\n  const [uploading, setUploading] = React.useState(false)\n  const fileInputRef = React.useRef<HTMLInputElement | null>(null)\n  const accept = React.useMemo(() => buildAcceptAttribute(def), [def])\n\n  const load = React.useCallback(async () => {\n    if (!entityId || !recordId) return\n    try {\n      setLoading(true)\n      const call = await apiCall<AttachmentsResponse>(\n        `/api/attachments?entityId=${encodeURIComponent(entityId)}&recordId=${encodeURIComponent(recordId)}`,\n        undefined,\n        { fallback: { items: [] } },\n      )\n      if (!call.ok) {\n        const message = call.result?.error || t('attachments.library.errors.load', 'Failed to load attachments.')\n        throw new Error(message)\n      }\n      const j = call.result ?? { items: [] }\n      setItems(Array.isArray(j.items) ? j.items : [])\n    } catch (error: unknown) {\n      setError(error instanceof Error ? error.message : t('attachments.library.errors.load', 'Failed to load attachments.'))\n    } finally {\n      setLoading(false)\n    }\n  }, [entityId, recordId, t])\n\n  React.useEffect(() => { load() }, [load])\n\n  const onUpload = async (files: FileList | null) => {\n    if (!files || !entityId || !recordId) return\n    setError(null)\n    setUploading(true)\n    try {\n      for (const file of Array.from(files)) {\n        const ext = (file.name || '').split('.').pop()?.toLowerCase() || ''\n        const acceptExtensions = Array.isArray(def?.acceptExtensions) ? def.acceptExtensions : []\n        if (acceptExtensions.length > 0) {\n          const allowed = new Set(acceptExtensions.map((entry) => String(entry).toLowerCase().replace(/^\\./, '')))\n          if (!allowed.has(ext)) { setError('File type not allowed'); continue }\n        }\n        const maxAttachmentSizeMb = typeof def?.maxAttachmentSizeMb === 'number' ? def.maxAttachmentSizeMb : undefined\n        if (typeof maxAttachmentSizeMb === 'number' && maxAttachmentSizeMb > 0) {\n          const maxBytes = Math.floor(maxAttachmentSizeMb * 1024 * 1024)\n          if (file.size > maxBytes) { setError(`File exceeds ${maxAttachmentSizeMb} MB limit`); continue }\n        }\n        const fd = new FormData()\n        fd.set('entityId', entityId)\n        fd.set('recordId', recordId)\n        if (def?.key) fd.set('fieldKey', String(def.key))\n        fd.set('file', file)\n        const call = await apiCall<{ error?: string }>(\n          '/api/attachments',\n          { method: 'POST', body: fd },\n          { fallback: null },\n        )\n        if (!call.ok) {\n          setError(call.result?.error || t('attachments.library.upload.failed', 'Upload failed.'))\n          break\n        }\n      }\n      await load()\n    } finally {\n      setUploading(false)\n      if (fileInputRef.current) {\n        fileInputRef.current.value = ''\n      }\n    }\n  }\n\n  return (\n    <div className=\"space-y-3\">\n      {!entityId || !recordId ? (\n        <div className=\"rounded-md border border-dashed border-border/70 px-3 py-4 text-sm text-muted-foreground\">\n          {t('attachments.library.upload.saveFirst', 'Save the record before uploading files.')}\n        </div>\n      ) : (\n        <div className=\"rounded-md border border-dashed border-border/70 bg-muted/30 px-4 py-4\">\n          <div className=\"flex flex-wrap items-center gap-3\">\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => fileInputRef.current?.click()}\n              disabled={disabled || uploading}\n            >\n              <Upload className=\"h-4 w-4\" />\n              {uploading\n                ? t('attachments.library.upload.submitting', 'Uploading\u2026')\n                : t('attachments.library.upload.choose', 'Choose files')}\n            </Button>\n          </div>\n          <input\n            ref={fileInputRef}\n            type=\"file\"\n            multiple\n            className=\"hidden\"\n            accept={accept}\n            disabled={disabled || uploading}\n            onChange={(event) => { void onUpload(event.target.files) }}\n          />\n        </div>\n      )}\n      {error ? <div className=\"text-xs text-red-600\">{error}</div> : null}\n      <div className=\"space-y-1\">\n        {loading ? <div className=\"text-xs text-muted-foreground\">{t('attachments.library.loading', 'Loading attachments\u2026')}</div> : null}\n        {items.map(it => (\n          <div key={it.id} className=\"text-sm\">\n            <a className=\"underline\" href={it.url} target=\"_blank\" rel=\"noreferrer\">{it.fileName}</a>\n            <span className=\"text-xs text-muted-foreground\"> \u2022 {humanSize(it.fileSize)}</span>\n          </div>\n        ))}\n        {!loading && items.length === 0 ? <div className=\"text-xs text-muted-foreground\">{t('attachments.library.table.empty', 'No attachments found.')}</div> : null}\n      </div>\n    </div>\n  )\n}\n\n// Register with field registry under kind 'attachment'\nfunction AttachmentDefEditor({ def, onChange }: { def: AttachmentFieldDef; onChange: (patch: AttachmentDefEditorPatch) => void }) {\n  const cfg = def?.configJson || {}\n  const [maxMb, setMaxMb] = React.useState<number | ''>(typeof cfg.maxAttachmentSizeMb === 'number' ? cfg.maxAttachmentSizeMb : '')\n  const [exts, setExts] = React.useState<string>((Array.isArray(cfg.acceptExtensions) ? cfg.acceptExtensions : []).join(', '))\n  const [partition, setPartition] = React.useState<string>(typeof cfg.partitionCode === 'string' ? cfg.partitionCode : '')\n  return (\n    <div className=\"grid grid-cols-1 gap-3 md:grid-cols-2\">\n      <div className=\"space-y-2\">\n        <label className=\"text-xs font-medium\">Max file size (MB)</label>\n        <Input\n          type=\"number\"\n          min={0}\n          placeholder=\"e.g., 10\"\n          value={maxMb}\n          onChange={(e) => setMaxMb(e.target.value === '' ? '' : Number(e.target.value))}\n          onBlur={() => onChange({ maxAttachmentSizeMb: maxMb === '' ? undefined : Number(maxMb) })}\n        />\n      </div>\n      <div className=\"space-y-2\">\n        <label className=\"text-xs font-medium\">Accepted extensions</label>\n        <Input\n          placeholder=\"e.g., pdf, jpg, png\"\n          value={exts}\n          onChange={(e) => setExts(e.target.value)}\n          onBlur={() => onChange({ acceptExtensions: exts.split(',').map((s) => s.trim()).filter(Boolean) })}\n        />\n        <div className=\"text-xs text-muted-foreground\">Leave blank to allow any.</div>\n      </div>\n      <div className=\"space-y-2\">\n        <label className=\"text-xs font-medium\">Partition code</label>\n        <Input\n          placeholder=\"e.g., productsMedia\"\n          value={partition}\n          onChange={(e) => setPartition(e.target.value)}\n          onBlur={() => onChange({ partitionCode: partition.trim() || undefined })}\n        />\n        <div className=\"text-xs text-muted-foreground\">\n          Configure partitions under Settings \u2192 Attachments. Leave blank for default.\n        </div>\n      </div>\n    </div>\n  )\n}\n\nFieldRegistry.register('attachment', {\n  input: (props) => <AttachmentInput entityId={props.entityId} recordId={props.recordId} def={props.def} disabled={props.disabled} />,\n  defEditor: (p) => <AttachmentDefEditor {...p} />,\n})\n\nexport {}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { FieldRegistry } from '@open-mercato/ui/backend/fields/registry'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport type { CustomFieldDefDto } from '@open-mercato/ui/backend/utils/customFieldDefs'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Upload } from 'lucide-react'\n\nfunction humanSize(n: number): string {\n  if (!Number.isFinite(n)) return String(n)\n  const units = ['B','KB','MB','GB']\n  let i = 0\n  let x = n\n  while (x >= 1024 && i < units.length - 1) { x /= 1024; i++ }\n  return `${x.toFixed(i === 0 ? 0 : 1)} ${units[i]}`\n}\n\ntype AttachmentsResponse = {\n  items?: Array<{ id: string; url: string; fileName: string; fileSize: number }>\n  error?: string\n}\n\ntype AttachmentFieldDef = CustomFieldDefDto & {\n  configJson?: {\n    maxAttachmentSizeMb?: number\n    acceptExtensions?: string[]\n    partitionCode?: string\n  }\n}\n\ntype AttachmentDefEditorPatch = {\n  maxAttachmentSizeMb?: number\n  acceptExtensions?: string[]\n  partitionCode?: string\n}\n\nfunction buildAcceptAttribute(def?: AttachmentFieldDef): string | undefined {\n  if (!Array.isArray(def?.acceptExtensions) || def.acceptExtensions.length === 0) return undefined\n  const values = def.acceptExtensions\n    .map((entry) => String(entry ?? '').trim().replace(/^\\./, ''))\n    .filter((entry) => entry.length > 0)\n  if (values.length === 0) return undefined\n  return values.map((entry) => `.${entry}`).join(',')\n}\n\nexport const AttachmentInput = ({\n  entityId,\n  recordId,\n  def,\n  disabled,\n}: {\n  entityId?: string\n  recordId?: string\n  def?: AttachmentFieldDef\n  disabled?: boolean\n}) => {\n  const t = useT()\n  const [items, setItems] = React.useState<Array<{ id: string; url: string; fileName: string; fileSize: number }>>([])\n  const [loading, setLoading] = React.useState(false)\n  const [error, setError] = React.useState<string | null>(null)\n  const [uploading, setUploading] = React.useState(false)\n  const fileInputRef = React.useRef<HTMLInputElement | null>(null)\n  const accept = React.useMemo(() => buildAcceptAttribute(def), [def])\n\n  const load = React.useCallback(async () => {\n    if (!entityId || !recordId) return\n    try {\n      setLoading(true)\n      const call = await apiCall<AttachmentsResponse>(\n        `/api/attachments?entityId=${encodeURIComponent(entityId)}&recordId=${encodeURIComponent(recordId)}`,\n        undefined,\n        { fallback: { items: [] } },\n      )\n      if (!call.ok) {\n        const message = call.result?.error || t('attachments.library.errors.load', 'Failed to load attachments.')\n        throw new Error(message)\n      }\n      const j = call.result ?? { items: [] }\n      setItems(Array.isArray(j.items) ? j.items : [])\n    } catch (error: unknown) {\n      setError(error instanceof Error ? error.message : t('attachments.library.errors.load', 'Failed to load attachments.'))\n    } finally {\n      setLoading(false)\n    }\n  }, [entityId, recordId, t])\n\n  React.useEffect(() => { load() }, [load])\n\n  const onUpload = async (files: FileList | null) => {\n    if (!files || !entityId || !recordId) return\n    setError(null)\n    setUploading(true)\n    try {\n      for (const file of Array.from(files)) {\n        const ext = (file.name || '').split('.').pop()?.toLowerCase() || ''\n        const acceptExtensions = Array.isArray(def?.acceptExtensions) ? def.acceptExtensions : []\n        if (acceptExtensions.length > 0) {\n          const allowed = new Set(acceptExtensions.map((entry) => String(entry).toLowerCase().replace(/^\\./, '')))\n          if (!allowed.has(ext)) { setError('File type not allowed'); continue }\n        }\n        const maxAttachmentSizeMb = typeof def?.maxAttachmentSizeMb === 'number' ? def.maxAttachmentSizeMb : undefined\n        if (typeof maxAttachmentSizeMb === 'number' && maxAttachmentSizeMb > 0) {\n          const maxBytes = Math.floor(maxAttachmentSizeMb * 1024 * 1024)\n          if (file.size > maxBytes) { setError(`File exceeds ${maxAttachmentSizeMb} MB limit`); continue }\n        }\n        const fd = new FormData()\n        fd.set('entityId', entityId)\n        fd.set('recordId', recordId)\n        if (def?.key) fd.set('fieldKey', String(def.key))\n        fd.set('file', file)\n        const call = await apiCall<{ error?: string }>(\n          '/api/attachments',\n          { method: 'POST', body: fd },\n          { fallback: null },\n        )\n        if (!call.ok) {\n          setError(call.result?.error || t('attachments.library.upload.failed', 'Upload failed.'))\n          break\n        }\n      }\n      await load()\n    } finally {\n      setUploading(false)\n      if (fileInputRef.current) {\n        fileInputRef.current.value = ''\n      }\n    }\n  }\n\n  return (\n    <div className=\"space-y-3\">\n      {!entityId || !recordId ? (\n        <div className=\"rounded-md border border-dashed border-border/70 px-3 py-4 text-sm text-muted-foreground\">\n          {t('attachments.library.upload.saveFirst', 'Save the record before uploading files.')}\n        </div>\n      ) : (\n        <div className=\"rounded-md border border-dashed border-border/70 bg-muted/30 px-4 py-4\">\n          <div className=\"flex flex-wrap items-center gap-3\">\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => fileInputRef.current?.click()}\n              disabled={disabled || uploading}\n            >\n              <Upload className=\"h-4 w-4\" />\n              {uploading\n                ? t('attachments.library.upload.submitting', 'Uploading\u2026')\n                : t('attachments.library.upload.choose', 'Choose files')}\n            </Button>\n          </div>\n          <input\n            ref={fileInputRef}\n            type=\"file\"\n            multiple\n            className=\"hidden\"\n            accept={accept}\n            disabled={disabled || uploading}\n            onChange={(event) => { void onUpload(event.target.files) }}\n          />\n        </div>\n      )}\n      {error ? <div className=\"text-xs text-status-error-text\">{error}</div> : null}\n      <div className=\"space-y-1\">\n        {loading ? <div className=\"text-xs text-muted-foreground\">{t('attachments.library.loading', 'Loading attachments\u2026')}</div> : null}\n        {items.map(it => (\n          <div key={it.id} className=\"text-sm\">\n            <a className=\"underline\" href={it.url} target=\"_blank\" rel=\"noreferrer\">{it.fileName}</a>\n            <span className=\"text-xs text-muted-foreground\"> \u2022 {humanSize(it.fileSize)}</span>\n          </div>\n        ))}\n        {!loading && items.length === 0 ? <div className=\"text-xs text-muted-foreground\">{t('attachments.library.table.empty', 'No attachments found.')}</div> : null}\n      </div>\n    </div>\n  )\n}\n\n// Register with field registry under kind 'attachment'\nfunction AttachmentDefEditor({ def, onChange }: { def: AttachmentFieldDef; onChange: (patch: AttachmentDefEditorPatch) => void }) {\n  const cfg = def?.configJson || {}\n  const [maxMb, setMaxMb] = React.useState<number | ''>(typeof cfg.maxAttachmentSizeMb === 'number' ? cfg.maxAttachmentSizeMb : '')\n  const [exts, setExts] = React.useState<string>((Array.isArray(cfg.acceptExtensions) ? cfg.acceptExtensions : []).join(', '))\n  const [partition, setPartition] = React.useState<string>(typeof cfg.partitionCode === 'string' ? cfg.partitionCode : '')\n  return (\n    <div className=\"grid grid-cols-1 gap-3 md:grid-cols-2\">\n      <div className=\"space-y-2\">\n        <label className=\"text-xs font-medium\">Max file size (MB)</label>\n        <Input\n          type=\"number\"\n          min={0}\n          placeholder=\"e.g., 10\"\n          value={maxMb}\n          onChange={(e) => setMaxMb(e.target.value === '' ? '' : Number(e.target.value))}\n          onBlur={() => onChange({ maxAttachmentSizeMb: maxMb === '' ? undefined : Number(maxMb) })}\n        />\n      </div>\n      <div className=\"space-y-2\">\n        <label className=\"text-xs font-medium\">Accepted extensions</label>\n        <Input\n          placeholder=\"e.g., pdf, jpg, png\"\n          value={exts}\n          onChange={(e) => setExts(e.target.value)}\n          onBlur={() => onChange({ acceptExtensions: exts.split(',').map((s) => s.trim()).filter(Boolean) })}\n        />\n        <div className=\"text-xs text-muted-foreground\">Leave blank to allow any.</div>\n      </div>\n      <div className=\"space-y-2\">\n        <label className=\"text-xs font-medium\">Partition code</label>\n        <Input\n          placeholder=\"e.g., productsMedia\"\n          value={partition}\n          onChange={(e) => setPartition(e.target.value)}\n          onBlur={() => onChange({ partitionCode: partition.trim() || undefined })}\n        />\n        <div className=\"text-xs text-muted-foreground\">\n          Configure partitions under Settings \u2192 Attachments. Leave blank for default.\n        </div>\n      </div>\n    </div>\n  )\n}\n\nFieldRegistry.register('attachment', {\n  input: (props) => <AttachmentInput entityId={props.entityId} recordId={props.recordId} def={props.def} disabled={props.disabled} />,\n  defEditor: (p) => <AttachmentDefEditor {...p} />,\n})\n\nexport {}\n"],
+  "mappings": "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",
   "names": ["error"]
 }

package/dist/modules/auth/components/UserConsentsPanel.js

@@ -52,7 +52,7 @@ function UserConsentsPanel({ userId }) {
     return /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("auth.users.consents.loading", "Loading consents...") });
   }
   if (error) {
-    return /* @__PURE__ */ jsx("p", { className: "text-sm text-red-600", children: error });
+    return /* @__PURE__ */ jsx("p", { className: "text-sm text-status-error-text", children: error });
   }
   if (consents.length === 0) {
     return /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("auth.users.consents.empty", "No consent records found.") });
@@ -65,11 +65,11 @@ function UserConsentsPanel({ userId }) {
         /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
           /* @__PURE__ */ jsx("span", { className: "font-medium", children: CONSENT_TYPE_LABELS[consent.consentType] ?? consent.consentType }),
           /* @__PURE__ */ jsx("span", { className: "flex items-center gap-1.5", children: consent.isGranted ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(ShieldCheck, { className: "size-4 text-emerald-600" }),
-            /* @__PURE__ */ jsx("span", { className: "text-emerald-700 font-medium", children: t("auth.users.consents.granted", "Granted") })
+            /* @__PURE__ */ jsx(ShieldCheck, { className: "size-4 text-status-success-icon" }),
+            /* @__PURE__ */ jsx("span", { className: "text-status-success-text font-medium", children: t("auth.users.consents.granted", "Granted") })
           ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(ShieldX, { className: "size-4 text-red-500" }),
-            /* @__PURE__ */ jsx("span", { className: "text-red-600 font-medium", children: t("auth.users.consents.withdrawn", "Withdrawn") })
+            /* @__PURE__ */ jsx(ShieldX, { className: "size-4 text-status-error-icon" }),
+            /* @__PURE__ */ jsx("span", { className: "text-status-error-text font-medium", children: t("auth.users.consents.withdrawn", "Withdrawn") })
           ] }) })
         ] }),
         /* @__PURE__ */ jsxs("dl", { className: "grid grid-cols-[auto_1fr] gap-x-4 gap-y-1 text-xs text-muted-foreground", children: [
@@ -85,11 +85,11 @@ function UserConsentsPanel({ userId }) {
           /* @__PURE__ */ jsx("dd", { className: "font-mono", children: consent.ipAddress ?? "-" }),
           /* @__PURE__ */ jsx("dt", { children: t("auth.users.consents.field.integrity", "Integrity") }),
           /* @__PURE__ */ jsx("dd", { className: "flex items-center gap-1", children: consent.integrityValid ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(ShieldCheck, { className: "size-3 text-emerald-600" }),
-            /* @__PURE__ */ jsx("span", { className: "text-emerald-700", children: t("auth.users.consents.integrityValid", "Valid") })
+            /* @__PURE__ */ jsx(ShieldCheck, { className: "size-3 text-status-success-icon" }),
+            /* @__PURE__ */ jsx("span", { className: "text-status-success-text", children: t("auth.users.consents.integrityValid", "Valid") })
           ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(ShieldAlert, { className: "size-3 text-amber-500" }),
-            /* @__PURE__ */ jsx("span", { className: "text-amber-600", children: t("auth.users.consents.integrityInvalid", "Tampered or missing") })
+            /* @__PURE__ */ jsx(ShieldAlert, { className: "size-3 text-status-warning-icon" }),
+            /* @__PURE__ */ jsx("span", { className: "text-status-warning-text", children: t("auth.users.consents.integrityInvalid", "Tampered or missing") })
           ] }) }),
           /* @__PURE__ */ jsx("dt", { children: t("auth.users.consents.field.createdAt", "Created") }),
           /* @__PURE__ */ jsx("dd", { children: formatDate(consent.createdAt) })

package/dist/modules/auth/components/UserConsentsPanel.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/auth/components/UserConsentsPanel.tsx"],
-  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { ShieldCheck, ShieldAlert, ShieldX } from 'lucide-react'\nimport type { ConsentItem } from '@open-mercato/core/modules/auth/lib/consentTypes'\n\ntype ConsentsResponse = {\n  ok?: boolean\n  items?: ConsentItem[]\n}\n\nconst CONSENT_TYPE_LABELS: Record<string, string> = {\n  marketing_email: 'Marketing Email',\n}\n\nfunction formatDate(iso: string | null): string {\n  if (!iso) return '-'\n  try {\n    return new Date(iso).toLocaleString()\n  } catch {\n    return iso\n  }\n}\n\ntype UserConsentsPanelProps = {\n  userId: string\n}\n\nexport function UserConsentsPanel({ userId }: UserConsentsPanelProps) {\n  const t = useT()\n  const tRef = React.useRef(t)\n  tRef.current = t\n  const [consents, setConsents] = React.useState<ConsentItem[]>([])\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function load() {\n      setLoading(true)\n      setError(null)\n      try {\n        const { ok, result } = await apiCall<ConsentsResponse>(\n          `/api/auth/users/consents?userId=${encodeURIComponent(userId)}`,\n        )\n        if (!cancelled) {\n          if (!ok) {\n            setError(tRef.current('auth.users.consents.loadError', 'Failed to load consents'))\n          } else {\n            setConsents(result?.items ?? [])\n          }\n        }\n      } catch {\n        if (!cancelled) setError(tRef.current('auth.users.consents.loadError', 'Failed to load consents'))\n      }\n      if (!cancelled) setLoading(false)\n    }\n    load()\n    return () => { cancelled = true }\n  }, [userId])\n\n  if (loading) {\n    return <p className=\"text-sm text-muted-foreground\">{t('auth.users.consents.loading', 'Loading consents...')}</p>\n  }\n\n  if (error) {\n    return <p className=\"text-sm text-red-600\">{error}</p>\n  }\n\n  if (consents.length === 0) {\n    return <p className=\"text-sm text-muted-foreground\">{t('auth.users.consents.empty', 'No consent records found.')}</p>\n  }\n\n  return (\n    <div className=\"space-y-3\">\n      {consents.map((consent) => (\n        <div\n          key={consent.id}\n          className=\"rounded-lg border bg-background p-4 text-sm\"\n        >\n          <div className=\"flex items-center justify-between mb-2\">\n            <span className=\"font-medium\">\n              {CONSENT_TYPE_LABELS[consent.consentType] ?? consent.consentType}\n            </span>\n            <span className=\"flex items-center gap-1.5\">\n              {consent.isGranted ? (\n                <>\n                  <ShieldCheck className=\"size-4 text-emerald-600\" />\n                  <span className=\"text-emerald-700 font-medium\">\n                    {t('auth.users.consents.granted', 'Granted')}\n                  </span>\n                </>\n              ) : (\n                <>\n                  <ShieldX className=\"size-4 text-red-500\" />\n                  <span className=\"text-red-600 font-medium\">\n                    {t('auth.users.consents.withdrawn', 'Withdrawn')}\n                  </span>\n                </>\n              )}\n            </span>\n          </div>\n          <dl className=\"grid grid-cols-[auto_1fr] gap-x-4 gap-y-1 text-xs text-muted-foreground\">\n            <dt>{t('auth.users.consents.field.grantedAt', 'Granted at')}</dt>\n            <dd>{formatDate(consent.grantedAt)}</dd>\n            {consent.withdrawnAt && (\n              <>\n                <dt>{t('auth.users.consents.field.withdrawnAt', 'Withdrawn at')}</dt>\n                <dd>{formatDate(consent.withdrawnAt)}</dd>\n              </>\n            )}\n            <dt>{t('auth.users.consents.field.source', 'Source')}</dt>\n            <dd>{consent.source ?? '-'}</dd>\n            <dt>{t('auth.users.consents.field.ipAddress', 'IP address')}</dt>\n            <dd className=\"font-mono\">{consent.ipAddress ?? '-'}</dd>\n            <dt>{t('auth.users.consents.field.integrity', 'Integrity')}</dt>\n            <dd className=\"flex items-center gap-1\">\n              {consent.integrityValid ? (\n                <>\n                  <ShieldCheck className=\"size-3 text-emerald-600\" />\n                  <span className=\"text-emerald-700\">{t('auth.users.consents.integrityValid', 'Valid')}</span>\n                </>\n              ) : (\n                <>\n                  <ShieldAlert className=\"size-3 text-amber-500\" />\n                  <span className=\"text-amber-600\">{t('auth.users.consents.integrityInvalid', 'Tampered or missing')}</span>\n                </>\n              )}\n            </dd>\n            <dt>{t('auth.users.consents.field.createdAt', 'Created')}</dt>\n            <dd>{formatDate(consent.createdAt)}</dd>\n          </dl>\n        </div>\n      ))}\n    </div>\n  )\n}\n"],
-  "mappings": ";AA+DW,SAwBK,UAxBL,KAwBK,YAxBL;AA9DX,YAAY,WAAW;AACvB,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,SAAS,aAAa,aAAa,eAAe;AAQlD,MAAM,sBAA8C;AAAA,EAClD,iBAAiB;AACnB;AAEA,SAAS,WAAW,KAA4B;AAC9C,MAAI,CAAC,IAAK,QAAO;AACjB,MAAI;AACF,WAAO,IAAI,KAAK,GAAG,EAAE,eAAe;AAAA,EACtC,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAMO,SAAS,kBAAkB,EAAE,OAAO,GAA2B;AACpE,QAAM,IAAI,KAAK;AACf,QAAM,OAAO,MAAM,OAAO,CAAC;AAC3B,OAAK,UAAU;AACf,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAwB,CAAC,CAAC;AAChE,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,IAAI;AACjD,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAwB,IAAI;AAE5D,QAAM,UAAU,MAAM;AACpB,QAAI,YAAY;AAChB,mBAAe,OAAO;AACpB,iBAAW,IAAI;AACf,eAAS,IAAI;AACb,UAAI;AACF,cAAM,EAAE,IAAI,OAAO,IAAI,MAAM;AAAA,UAC3B,mCAAmC,mBAAmB,MAAM,CAAC;AAAA,QAC/D;AACA,YAAI,CAAC,WAAW;AACd,cAAI,CAAC,IAAI;AACP,qBAAS,KAAK,QAAQ,iCAAiC,yBAAyB,CAAC;AAAA,UACnF,OAAO;AACL,wBAAY,QAAQ,SAAS,CAAC,CAAC;AAAA,UACjC;AAAA,QACF;AAAA,MACF,QAAQ;AACN,YAAI,CAAC,UAAW,UAAS,KAAK,QAAQ,iCAAiC,yBAAyB,CAAC;AAAA,MACnG;AACA,UAAI,CAAC,UAAW,YAAW,KAAK;AAAA,IAClC;AACA,SAAK;AACL,WAAO,MAAM;AAAE,kBAAY;AAAA,IAAK;AAAA,EAClC,GAAG,CAAC,MAAM,CAAC;AAEX,MAAI,SAAS;AACX,WAAO,oBAAC,OAAE,WAAU,iCAAiC,YAAE,+BAA+B,qBAAqB,GAAE;AAAA,EAC/G;AAEA,MAAI,OAAO;AACT,WAAO,oBAAC,OAAE,WAAU,wBAAwB,iBAAM;AAAA,EACpD;AAEA,MAAI,SAAS,WAAW,GAAG;AACzB,WAAO,oBAAC,OAAE,WAAU,iCAAiC,YAAE,6BAA6B,2BAA2B,GAAE;AAAA,EACnH;AAEA,SACE,oBAAC,SAAI,WAAU,aACZ,mBAAS,IAAI,CAAC,YACb;AAAA,IAAC;AAAA;AAAA,MAEC,WAAU;AAAA,MAEV;AAAA,6BAAC,SAAI,WAAU,0CACb;AAAA,8BAAC,UAAK,WAAU,eACb,8BAAoB,QAAQ,WAAW,KAAK,QAAQ,aACvD;AAAA,UACA,oBAAC,UAAK,WAAU,6BACb,kBAAQ,YACP,iCACE;AAAA,gCAAC,eAAY,WAAU,2BAA0B;AAAA,YACjD,oBAAC,UAAK,WAAU,gCACb,YAAE,+BAA+B,SAAS,GAC7C;AAAA,aACF,IAEA,iCACE;AAAA,gCAAC,WAAQ,WAAU,uBAAsB;AAAA,YACzC,oBAAC,UAAK,WAAU,4BACb,YAAE,iCAAiC,WAAW,GACjD;AAAA,aACF,GAEJ;AAAA,WACF;AAAA,QACA,qBAAC,QAAG,WAAU,2EACZ;AAAA,8BAAC,QAAI,YAAE,uCAAuC,YAAY,GAAE;AAAA,UAC5D,oBAAC,QAAI,qBAAW,QAAQ,SAAS,GAAE;AAAA,UAClC,QAAQ,eACP,iCACE;AAAA,gCAAC,QAAI,YAAE,yCAAyC,cAAc,GAAE;AAAA,YAChE,oBAAC,QAAI,qBAAW,QAAQ,WAAW,GAAE;AAAA,aACvC;AAAA,UAEF,oBAAC,QAAI,YAAE,oCAAoC,QAAQ,GAAE;AAAA,UACrD,oBAAC,QAAI,kBAAQ,UAAU,KAAI;AAAA,UAC3B,oBAAC,QAAI,YAAE,uCAAuC,YAAY,GAAE;AAAA,UAC5D,oBAAC,QAAG,WAAU,aAAa,kBAAQ,aAAa,KAAI;AAAA,UACpD,oBAAC,QAAI,YAAE,uCAAuC,WAAW,GAAE;AAAA,UAC3D,oBAAC,QAAG,WAAU,2BACX,kBAAQ,iBACP,iCACE;AAAA,gCAAC,eAAY,WAAU,2BAA0B;AAAA,YACjD,oBAAC,UAAK,WAAU,oBAAoB,YAAE,sCAAsC,OAAO,GAAE;AAAA,aACvF,IAEA,iCACE;AAAA,gCAAC,eAAY,WAAU,yBAAwB;AAAA,YAC/C,oBAAC,UAAK,WAAU,kBAAkB,YAAE,wCAAwC,qBAAqB,GAAE;AAAA,aACrG,GAEJ;AAAA,UACA,oBAAC,QAAI,YAAE,uCAAuC,SAAS,GAAE;AAAA,UACzD,oBAAC,QAAI,qBAAW,QAAQ,SAAS,GAAE;AAAA,WACrC;AAAA;AAAA;AAAA,IAtDK,QAAQ;AAAA,EAuDf,CACD,GACH;AAEJ;",
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { ShieldCheck, ShieldAlert, ShieldX } from 'lucide-react'\nimport type { ConsentItem } from '@open-mercato/core/modules/auth/lib/consentTypes'\n\ntype ConsentsResponse = {\n  ok?: boolean\n  items?: ConsentItem[]\n}\n\nconst CONSENT_TYPE_LABELS: Record<string, string> = {\n  marketing_email: 'Marketing Email',\n}\n\nfunction formatDate(iso: string | null): string {\n  if (!iso) return '-'\n  try {\n    return new Date(iso).toLocaleString()\n  } catch {\n    return iso\n  }\n}\n\ntype UserConsentsPanelProps = {\n  userId: string\n}\n\nexport function UserConsentsPanel({ userId }: UserConsentsPanelProps) {\n  const t = useT()\n  const tRef = React.useRef(t)\n  tRef.current = t\n  const [consents, setConsents] = React.useState<ConsentItem[]>([])\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function load() {\n      setLoading(true)\n      setError(null)\n      try {\n        const { ok, result } = await apiCall<ConsentsResponse>(\n          `/api/auth/users/consents?userId=${encodeURIComponent(userId)}`,\n        )\n        if (!cancelled) {\n          if (!ok) {\n            setError(tRef.current('auth.users.consents.loadError', 'Failed to load consents'))\n          } else {\n            setConsents(result?.items ?? [])\n          }\n        }\n      } catch {\n        if (!cancelled) setError(tRef.current('auth.users.consents.loadError', 'Failed to load consents'))\n      }\n      if (!cancelled) setLoading(false)\n    }\n    load()\n    return () => { cancelled = true }\n  }, [userId])\n\n  if (loading) {\n    return <p className=\"text-sm text-muted-foreground\">{t('auth.users.consents.loading', 'Loading consents...')}</p>\n  }\n\n  if (error) {\n    return <p className=\"text-sm text-status-error-text\">{error}</p>\n  }\n\n  if (consents.length === 0) {\n    return <p className=\"text-sm text-muted-foreground\">{t('auth.users.consents.empty', 'No consent records found.')}</p>\n  }\n\n  return (\n    <div className=\"space-y-3\">\n      {consents.map((consent) => (\n        <div\n          key={consent.id}\n          className=\"rounded-lg border bg-background p-4 text-sm\"\n        >\n          <div className=\"flex items-center justify-between mb-2\">\n            <span className=\"font-medium\">\n              {CONSENT_TYPE_LABELS[consent.consentType] ?? consent.consentType}\n            </span>\n            <span className=\"flex items-center gap-1.5\">\n              {consent.isGranted ? (\n                <>\n                  <ShieldCheck className=\"size-4 text-status-success-icon\" />\n                  <span className=\"text-status-success-text font-medium\">\n                    {t('auth.users.consents.granted', 'Granted')}\n                  </span>\n                </>\n              ) : (\n                <>\n                  <ShieldX className=\"size-4 text-status-error-icon\" />\n                  <span className=\"text-status-error-text font-medium\">\n                    {t('auth.users.consents.withdrawn', 'Withdrawn')}\n                  </span>\n                </>\n              )}\n            </span>\n          </div>\n          <dl className=\"grid grid-cols-[auto_1fr] gap-x-4 gap-y-1 text-xs text-muted-foreground\">\n            <dt>{t('auth.users.consents.field.grantedAt', 'Granted at')}</dt>\n            <dd>{formatDate(consent.grantedAt)}</dd>\n            {consent.withdrawnAt && (\n              <>\n                <dt>{t('auth.users.consents.field.withdrawnAt', 'Withdrawn at')}</dt>\n                <dd>{formatDate(consent.withdrawnAt)}</dd>\n              </>\n            )}\n            <dt>{t('auth.users.consents.field.source', 'Source')}</dt>\n            <dd>{consent.source ?? '-'}</dd>\n            <dt>{t('auth.users.consents.field.ipAddress', 'IP address')}</dt>\n            <dd className=\"font-mono\">{consent.ipAddress ?? '-'}</dd>\n            <dt>{t('auth.users.consents.field.integrity', 'Integrity')}</dt>\n            <dd className=\"flex items-center gap-1\">\n              {consent.integrityValid ? (\n                <>\n                  <ShieldCheck className=\"size-3 text-status-success-icon\" />\n                  <span className=\"text-status-success-text\">{t('auth.users.consents.integrityValid', 'Valid')}</span>\n                </>\n              ) : (\n                <>\n                  <ShieldAlert className=\"size-3 text-status-warning-icon\" />\n                  <span className=\"text-status-warning-text\">{t('auth.users.consents.integrityInvalid', 'Tampered or missing')}</span>\n                </>\n              )}\n            </dd>\n            <dt>{t('auth.users.consents.field.createdAt', 'Created')}</dt>\n            <dd>{formatDate(consent.createdAt)}</dd>\n          </dl>\n        </div>\n      ))}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/auth/frontend/reset.js

@@ -44,11 +44,11 @@ function ResetPage() {
       /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("auth.reset.sent", "If an account with that email exists, we sent a reset link. Please check your inbox.") }),
       /* @__PURE__ */ jsx(Link, { href: "/login", className: "text-sm underline", children: t("auth.reset.backToLogin", "Back to login") })
     ] }) : /* @__PURE__ */ jsxs("form", { className: "grid gap-3", onSubmit, noValidate: true, children: [
-      error && /* @__PURE__ */ jsx("div", { className: "text-sm text-red-600", children: error }),
+      error && /* @__PURE__ */ jsx("div", { className: "text-sm text-status-error-text", children: error }),
       /* @__PURE__ */ jsxs("div", { className: "grid gap-1", children: [
         /* @__PURE__ */ jsx(Label, { htmlFor: "email", children: t("auth.email") }),
         /* @__PURE__ */ jsx(EmailInput, { id: "email", name: "email", required: true, "aria-invalid": !!fieldError, "aria-describedby": fieldError ? "email-error" : void 0 }),
-        fieldError && /* @__PURE__ */ jsx("p", { id: "email-error", className: "text-sm text-red-600", children: fieldError })
+        fieldError && /* @__PURE__ */ jsx("p", { id: "email-error", className: "text-sm text-status-error-text", children: fieldError })
       ] }),
       /* @__PURE__ */ jsx(Button, { type: "submit", className: "mt-2 w-full", disabled: submitting, children: submitting ? "..." : t("auth.sendResetLink") }),
       /* @__PURE__ */ jsx("div", { className: "text-center", children: /* @__PURE__ */ jsx(Link, { href: "/login", className: "text-xs text-muted-foreground underline", children: t("auth.reset.backToLogin", "Back to login") }) })

package/dist/modules/auth/frontend/reset.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/auth/frontend/reset.tsx"],
-  "sourcesContent": ["\"use client\"\nimport { useState } from 'react'\nimport Link from 'next/link'\nimport { Card, CardContent, CardHeader, CardTitle, CardDescription } from '@open-mercato/ui/primitives/card'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { EmailInput } from '@open-mercato/ui/primitives/email-input'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport default function ResetPage() {\n  const t = useT()\n  const [sent, setSent] = useState(false)\n  const [submitting, setSubmitting] = useState(false)\n  const [error, setError] = useState<string | null>(null)\n  const [fieldError, setFieldError] = useState<string | null>(null)\n\n  async function onSubmit(e: React.FormEvent<HTMLFormElement>) {\n    e.preventDefault()\n    setError(null)\n    setFieldError(null)\n    setSubmitting(true)\n    try {\n      const form = new FormData(e.currentTarget)\n      const res = await fetch('/api/auth/reset', { method: 'POST', body: form })\n      if (!res.ok) {\n        const data = await res.json().catch(() => null)\n        if (data?.fieldErrors?.email?.length) {\n          setFieldError(t('auth.reset.errors.emailInvalid', 'Please enter a valid email address.'))\n          return\n        }\n        setError(data?.error || t('auth.reset.error', 'Something went wrong'))\n        return\n      }\n      setSent(true)\n    } finally {\n      setSubmitting(false)\n    }\n  }\n\n  return (\n    <div className=\"min-h-svh flex items-center justify-center p-4\">\n      <Card className=\"w-full max-w-sm\">\n        <CardHeader>\n          <CardTitle>{t('auth.resetPassword')}</CardTitle>\n          <CardDescription>{t('auth.reset.description', 'Enter your email to receive reset link')}</CardDescription>\n        </CardHeader>\n        <CardContent>\n          {sent ? (\n            <div className=\"grid gap-3\">\n              <p className=\"text-sm text-muted-foreground\">\n                {t('auth.reset.sent', 'If an account with that email exists, we sent a reset link. Please check your inbox.')}\n              </p>\n              <Link href=\"/login\" className=\"text-sm underline\">\n                {t('auth.reset.backToLogin', 'Back to login')}\n              </Link>\n            </div>\n          ) : (\n            <form className=\"grid gap-3\" onSubmit={onSubmit} noValidate>\n              {error && <div className=\"text-sm text-red-600\">{error}</div>}\n              <div className=\"grid gap-1\">\n                <Label htmlFor=\"email\">{t('auth.email')}</Label>\n                <EmailInput id=\"email\" name=\"email\" required aria-invalid={!!fieldError} aria-describedby={fieldError ? 'email-error' : undefined} />\n                {fieldError && <p id=\"email-error\" className=\"text-sm text-red-600\">{fieldError}</p>}\n              </div>\n              <Button type=\"submit\" className=\"mt-2 w-full\" disabled={submitting}>\n                {submitting ? '...' : t('auth.sendResetLink')}\n              </Button>\n              <div className=\"text-center\">\n                <Link href=\"/login\" className=\"text-xs text-muted-foreground underline\">\n                  {t('auth.reset.backToLogin', 'Back to login')}\n                </Link>\n              </div>\n            </form>\n          )}\n        </CardContent>\n      </Card>\n    </div>\n  )\n}\n"],
-  "mappings": ";AA0CQ,SACE,KADF;AAzCR,SAAS,gBAAgB;AACzB,OAAO,UAAU;AACjB,SAAS,MAAM,aAAa,YAAY,WAAW,uBAAuB;AAC1E,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,aAAa;AACtB,SAAS,YAAY;AAEN,SAAR,YAA6B;AAClC,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,IAAI;AACtD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAwB,IAAI;AAEhE,iBAAe,SAAS,GAAqC;AAC3D,MAAE,eAAe;AACjB,aAAS,IAAI;AACb,kBAAc,IAAI;AAClB,kBAAc,IAAI;AAClB,QAAI;AACF,YAAM,OAAO,IAAI,SAAS,EAAE,aAAa;AACzC,YAAM,MAAM,MAAM,MAAM,mBAAmB,EAAE,QAAQ,QAAQ,MAAM,KAAK,CAAC;AACzE,UAAI,CAAC,IAAI,IAAI;AACX,cAAM,OAAO,MAAM,IAAI,KAAK,EAAE,MAAM,MAAM,IAAI;AAC9C,YAAI,MAAM,aAAa,OAAO,QAAQ;AACpC,wBAAc,EAAE,kCAAkC,qCAAqC,CAAC;AACxF;AAAA,QACF;AACA,iBAAS,MAAM,SAAS,EAAE,oBAAoB,sBAAsB,CAAC;AACrE;AAAA,MACF;AACA,cAAQ,IAAI;AAAA,IACd,UAAE;AACA,oBAAc,KAAK;AAAA,IACrB;AAAA,EACF;AAEA,SACE,oBAAC,SAAI,WAAU,kDACb,+BAAC,QAAK,WAAU,mBACd;AAAA,yBAAC,cACC;AAAA,0BAAC,aAAW,YAAE,oBAAoB,GAAE;AAAA,MACpC,oBAAC,mBAAiB,YAAE,0BAA0B,wCAAwC,GAAE;AAAA,OAC1F;AAAA,IACA,oBAAC,eACE,iBACC,qBAAC,SAAI,WAAU,cACb;AAAA,0BAAC,OAAE,WAAU,iCACV,YAAE,mBAAmB,sFAAsF,GAC9G;AAAA,MACA,oBAAC,QAAK,MAAK,UAAS,WAAU,qBAC3B,YAAE,0BAA0B,eAAe,GAC9C;AAAA,OACF,IAEA,qBAAC,UAAK,WAAU,cAAa,UAAoB,YAAU,MACxD;AAAA,eAAS,oBAAC,SAAI,WAAU,wBAAwB,iBAAM;AAAA,MACvD,qBAAC,SAAI,WAAU,cACb;AAAA,4BAAC,SAAM,SAAQ,SAAS,YAAE,YAAY,GAAE;AAAA,QACxC,oBAAC,cAAW,IAAG,SAAQ,MAAK,SAAQ,UAAQ,MAAC,gBAAc,CAAC,CAAC,YAAY,oBAAkB,aAAa,gBAAgB,QAAW;AAAA,QAClI,cAAc,oBAAC,OAAE,IAAG,eAAc,WAAU,wBAAwB,sBAAW;AAAA,SAClF;AAAA,MACA,oBAAC,UAAO,MAAK,UAAS,WAAU,eAAc,UAAU,YACrD,uBAAa,QAAQ,EAAE,oBAAoB,GAC9C;AAAA,MACA,oBAAC,SAAI,WAAU,eACb,8BAAC,QAAK,MAAK,UAAS,WAAU,2CAC3B,YAAE,0BAA0B,eAAe,GAC9C,GACF;AAAA,OACF,GAEJ;AAAA,KACF,GACF;AAEJ;",
+  "sourcesContent": ["\"use client\"\nimport { useState } from 'react'\nimport Link from 'next/link'\nimport { Card, CardContent, CardHeader, CardTitle, CardDescription } from '@open-mercato/ui/primitives/card'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { EmailInput } from '@open-mercato/ui/primitives/email-input'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport default function ResetPage() {\n  const t = useT()\n  const [sent, setSent] = useState(false)\n  const [submitting, setSubmitting] = useState(false)\n  const [error, setError] = useState<string | null>(null)\n  const [fieldError, setFieldError] = useState<string | null>(null)\n\n  async function onSubmit(e: React.FormEvent<HTMLFormElement>) {\n    e.preventDefault()\n    setError(null)\n    setFieldError(null)\n    setSubmitting(true)\n    try {\n      const form = new FormData(e.currentTarget)\n      const res = await fetch('/api/auth/reset', { method: 'POST', body: form })\n      if (!res.ok) {\n        const data = await res.json().catch(() => null)\n        if (data?.fieldErrors?.email?.length) {\n          setFieldError(t('auth.reset.errors.emailInvalid', 'Please enter a valid email address.'))\n          return\n        }\n        setError(data?.error || t('auth.reset.error', 'Something went wrong'))\n        return\n      }\n      setSent(true)\n    } finally {\n      setSubmitting(false)\n    }\n  }\n\n  return (\n    <div className=\"min-h-svh flex items-center justify-center p-4\">\n      <Card className=\"w-full max-w-sm\">\n        <CardHeader>\n          <CardTitle>{t('auth.resetPassword')}</CardTitle>\n          <CardDescription>{t('auth.reset.description', 'Enter your email to receive reset link')}</CardDescription>\n        </CardHeader>\n        <CardContent>\n          {sent ? (\n            <div className=\"grid gap-3\">\n              <p className=\"text-sm text-muted-foreground\">\n                {t('auth.reset.sent', 'If an account with that email exists, we sent a reset link. Please check your inbox.')}\n              </p>\n              <Link href=\"/login\" className=\"text-sm underline\">\n                {t('auth.reset.backToLogin', 'Back to login')}\n              </Link>\n            </div>\n          ) : (\n            <form className=\"grid gap-3\" onSubmit={onSubmit} noValidate>\n              {error && <div className=\"text-sm text-status-error-text\">{error}</div>}\n              <div className=\"grid gap-1\">\n                <Label htmlFor=\"email\">{t('auth.email')}</Label>\n                <EmailInput id=\"email\" name=\"email\" required aria-invalid={!!fieldError} aria-describedby={fieldError ? 'email-error' : undefined} />\n                {fieldError && <p id=\"email-error\" className=\"text-sm text-status-error-text\">{fieldError}</p>}\n              </div>\n              <Button type=\"submit\" className=\"mt-2 w-full\" disabled={submitting}>\n                {submitting ? '...' : t('auth.sendResetLink')}\n              </Button>\n              <div className=\"text-center\">\n                <Link href=\"/login\" className=\"text-xs text-muted-foreground underline\">\n                  {t('auth.reset.backToLogin', 'Back to login')}\n                </Link>\n              </div>\n            </form>\n          )}\n        </CardContent>\n      </Card>\n    </div>\n  )\n}\n"],
+  "mappings": ";AA0CQ,SACE,KADF;AAzCR,SAAS,gBAAgB;AACzB,OAAO,UAAU;AACjB,SAAS,MAAM,aAAa,YAAY,WAAW,uBAAuB;AAC1E,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,aAAa;AACtB,SAAS,YAAY;AAEN,SAAR,YAA6B;AAClC,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,IAAI;AACtD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAwB,IAAI;AAEhE,iBAAe,SAAS,GAAqC;AAC3D,MAAE,eAAe;AACjB,aAAS,IAAI;AACb,kBAAc,IAAI;AAClB,kBAAc,IAAI;AAClB,QAAI;AACF,YAAM,OAAO,IAAI,SAAS,EAAE,aAAa;AACzC,YAAM,MAAM,MAAM,MAAM,mBAAmB,EAAE,QAAQ,QAAQ,MAAM,KAAK,CAAC;AACzE,UAAI,CAAC,IAAI,IAAI;AACX,cAAM,OAAO,MAAM,IAAI,KAAK,EAAE,MAAM,MAAM,IAAI;AAC9C,YAAI,MAAM,aAAa,OAAO,QAAQ;AACpC,wBAAc,EAAE,kCAAkC,qCAAqC,CAAC;AACxF;AAAA,QACF;AACA,iBAAS,MAAM,SAAS,EAAE,oBAAoB,sBAAsB,CAAC;AACrE;AAAA,MACF;AACA,cAAQ,IAAI;AAAA,IACd,UAAE;AACA,oBAAc,KAAK;AAAA,IACrB;AAAA,EACF;AAEA,SACE,oBAAC,SAAI,WAAU,kDACb,+BAAC,QAAK,WAAU,mBACd;AAAA,yBAAC,cACC;AAAA,0BAAC,aAAW,YAAE,oBAAoB,GAAE;AAAA,MACpC,oBAAC,mBAAiB,YAAE,0BAA0B,wCAAwC,GAAE;AAAA,OAC1F;AAAA,IACA,oBAAC,eACE,iBACC,qBAAC,SAAI,WAAU,cACb;AAAA,0BAAC,OAAE,WAAU,iCACV,YAAE,mBAAmB,sFAAsF,GAC9G;AAAA,MACA,oBAAC,QAAK,MAAK,UAAS,WAAU,qBAC3B,YAAE,0BAA0B,eAAe,GAC9C;AAAA,OACF,IAEA,qBAAC,UAAK,WAAU,cAAa,UAAoB,YAAU,MACxD;AAAA,eAAS,oBAAC,SAAI,WAAU,kCAAkC,iBAAM;AAAA,MACjE,qBAAC,SAAI,WAAU,cACb;AAAA,4BAAC,SAAM,SAAQ,SAAS,YAAE,YAAY,GAAE;AAAA,QACxC,oBAAC,cAAW,IAAG,SAAQ,MAAK,SAAQ,UAAQ,MAAC,gBAAc,CAAC,CAAC,YAAY,oBAAkB,aAAa,gBAAgB,QAAW;AAAA,QAClI,cAAc,oBAAC,OAAE,IAAG,eAAc,WAAU,kCAAkC,sBAAW;AAAA,SAC5F;AAAA,MACA,oBAAC,UAAO,MAAK,UAAS,WAAU,eAAc,UAAU,YACrD,uBAAa,QAAQ,EAAE,oBAAoB,GAC9C;AAAA,MACA,oBAAC,SAAI,WAAU,eACb,8BAAC,QAAK,MAAK,UAAS,WAAU,2CAC3B,YAAE,0BAA0B,eAAe,GAC9C,GACF;AAAA,OACF,GAEJ;AAAA,KACF,GACF;AAEJ;",
   "names": []
 }

package/dist/modules/business_rules/components/ActionRow.js

@@ -289,7 +289,7 @@ function ActionRow({
           onClick: () => onDelete(index),
           variant: "ghost",
           size: "xs",
-          className: "hover:text-status-error-text",
+          className: "hover:bg-destructive/10 hover:text-destructive",
           title: t("business_rules.components.actionRow.delete"),
           "aria-label": t("business_rules.components.actionRow.delete"),
           children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" })

package/dist/modules/business_rules/components/ActionRow.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/business_rules/components/ActionRow.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { X, ChevronUp, ChevronDown } from 'lucide-react'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { ComboboxInput, type ComboboxOption } from '@open-mercato/ui/backend/inputs'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport type { Action } from './utils/actionValidation'\nimport { getActionTypeOptions, getRequiredConfigFields, getOptionalConfigFields } from './utils/actionValidation'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type {\n  OpenMercatoApiKeyOption,\n  OpenMercatoEndpointOption,\n} from '../lib/openmercato-call-options-types'\n\nexport type OpenMercatoCallOptionsState = {\n  endpoints: OpenMercatoEndpointOption[]\n  apiKeys: OpenMercatoApiKeyOption[]\n  loading: boolean\n  error: string | null\n}\n\nexport type ActionRowProps = {\n  action: Action\n  index: number\n  onChange: (index: number, action: Action) => void\n  onDelete: (index: number) => void\n  onMoveUp?: (index: number) => void\n  onMoveDown?: (index: number) => void\n  canMoveUp?: boolean\n  canMoveDown?: boolean\n  error?: string\n  openMercatoOptions?: OpenMercatoCallOptionsState\n}\n\nexport function ActionRow({\n  action,\n  index,\n  onChange,\n  onDelete,\n  onMoveUp,\n  onMoveDown,\n  canMoveUp,\n  canMoveDown,\n  error,\n  openMercatoOptions,\n}: ActionRowProps) {\n  const t = useT()\n  const actionTypes = getActionTypeOptions(t)\n  const requiredFields = getRequiredConfigFields(action.type)\n  const optionalFields = getOptionalConfigFields(action.type)\n\n  const handleTypeChange = (e: React.ChangeEvent<HTMLSelectElement>) => {\n    onChange(index, {\n      ...action,\n      type: e.target.value,\n      config: {}, // Reset config when type changes\n    })\n  }\n\n  const handleConfigChange = (field: string, value: any) => {\n    onChange(index, {\n      ...action,\n      config: {\n        ...(action.config || {}),\n        [field]: value,\n      },\n    })\n  }\n\n  const renderOpenMercatoConfig = () => {\n    const options = openMercatoOptions ?? { endpoints: [], apiKeys: [], loading: false, error: null }\n    const endpointValue = action.config?.endpoint && action.config?.method\n      ? `${String(action.config.method).toUpperCase()} ${action.config.endpoint}`\n      : undefined\n    const apiKeyValue = action.config?.apiKeyId || undefined\n    const endpointOptions = options.endpoints.map<ComboboxOption>((option) => ({\n      value: option.id,\n      label: option.label,\n      description: option.summary || option.operationId || null,\n    }))\n    const bodyValue = action.config?.body == null\n      ? ''\n      : typeof action.config.body === 'string'\n        ? action.config.body\n        : JSON.stringify(action.config.body, null, 2)\n\n    const handleEndpointChange = (value: string) => {\n      const option = options.endpoints.find((candidate) => candidate.id === value)\n      if (!option) return\n      onChange(index, {\n        ...action,\n        config: {\n          ...(action.config || {}),\n          endpoint: option.path,\n          method: option.method,\n        },\n      })\n    }\n\n    return (\n      <div className=\"space-y-2\">\n        {options.loading && (\n          <p className=\"text-xs text-muted-foreground col-start-2\">\n            {t('business_rules.components.actionRow.openMercato.options.loading')}\n          </p>\n        )}\n        {options.error && (\n          <p className=\"text-xs text-status-error-text col-start-2\">\n            {t('business_rules.components.actionRow.openMercato.options.error', { error: options.error })}\n          </p>\n        )}\n        {!options.loading && !options.error && options.endpoints.length === 0 && (\n          <p className=\"text-xs text-muted-foreground col-start-2\">\n            {t('business_rules.components.actionRow.openMercato.options.noEndpoints')}\n          </p>\n        )}\n        {!options.loading && !options.error && options.apiKeys.length === 0 && (\n          <p className=\"text-xs text-muted-foreground col-start-2\">\n            {t('business_rules.components.actionRow.openMercato.options.noApiKeys')}\n          </p>\n        )}\n\n        <div className=\"grid grid-cols-4 gap-2 items-center\">\n          <label className=\"text-xs font-medium text-foreground col-span-1\">\n            {t('business_rules.components.actionRow.config.endpoint')} <span className=\"text-status-error-text\">{t('business_rules.components.actionRow.actionType.required')}</span>\n          </label>\n          <div className=\"col-span-3\">\n            <ComboboxInput\n              value={endpointValue ?? ''}\n              onChange={handleEndpointChange}\n              suggestions={endpointOptions}\n              placeholder={t('business_rules.components.actionRow.config.endpoint.placeholder')}\n              disabled={options.loading || !!options.error || options.endpoints.length === 0}\n              allowCustomValues={false}\n            />\n          </div>\n        </div>\n\n        <div className=\"grid grid-cols-4 gap-2 items-center\">\n          <label className=\"text-xs font-medium text-foreground col-span-1\">\n            {t('business_rules.components.actionRow.config.apiKey')} <span className=\"text-status-error-text\">{t('business_rules.components.actionRow.actionType.required')}</span>\n          </label>\n          <Select\n            value={apiKeyValue}\n            onValueChange={(next) => handleConfigChange('apiKeyId', next)}\n            disabled={options.loading || !!options.error || options.apiKeys.length === 0}\n          >\n            <SelectTrigger size=\"sm\" className=\"col-span-3\">\n              <SelectValue placeholder={t('business_rules.components.actionRow.config.apiKey.placeholder')} />\n            </SelectTrigger>\n            <SelectContent>\n              {options.apiKeys.map((apiKey) => (\n                <SelectItem key={apiKey.id} value={apiKey.id}>\n                  {apiKey.organizationName\n                    ? `${apiKey.name} (${apiKey.keyPrefix}, ${apiKey.organizationName})`\n                    : `${apiKey.name} (${apiKey.keyPrefix})`}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n\n        <div className=\"grid grid-cols-4 gap-2 items-start\">\n          <label className=\"text-xs font-medium text-foreground col-span-1\">\n            {t('business_rules.components.actionRow.config.body')}\n          </label>\n          <Textarea\n            value={bodyValue}\n            onChange={(e) => handleConfigChange('body', e.target.value)}\n            placeholder={t('business_rules.components.actionRow.config.body.placeholder')}\n            rows={3}\n            className=\"col-span-3\"\n          />\n        </div>\n      </div>\n    )\n  }\n\n  const renderConfigField = (field: string, required: boolean) => {\n    const value = action.config?.[field] || ''\n\n    // Special handling for different field types\n    if (field === 'recipients' && action.type === 'NOTIFY') {\n      return (\n        <div key={field} className=\"grid grid-cols-4 gap-2 items-start\">\n          <label className=\"text-xs font-medium text-foreground col-span-1\">\n            {t('business_rules.components.actionRow.config.recipients')} {required && <span className=\"text-status-error-text\">{t('business_rules.components.actionRow.actionType.required')}</span>}\n          </label>\n          <Input\n            type=\"text\"\n            value={value}\n            onChange={(e) => handleConfigChange(field, e.target.value.split(',').map((s) => s.trim()))}\n            placeholder={t('business_rules.components.actionRow.config.recipients.placeholder')}\n            className=\"col-span-3\"\n          />\n          <div className=\"col-span-4 col-start-2\">\n            <p className=\"text-xs text-muted-foreground\">{t('business_rules.components.actionRow.config.recipients.help')}</p>\n          </div>\n        </div>\n      )\n    }\n\n    if (field === 'level' && action.type === 'LOG') {\n      return (\n        <div key={field} className=\"grid grid-cols-4 gap-2 items-center\">\n          <label className=\"text-xs font-medium text-foreground col-span-1\">{t('business_rules.components.actionRow.config.level')}</label>\n          <Select\n            value={value || 'info'}\n            onValueChange={(next) => handleConfigChange(field, next)}\n          >\n            <SelectTrigger size=\"sm\" className=\"col-span-3\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value=\"info\">{t('business_rules.components.actionRow.config.level.info')}</SelectItem>\n              <SelectItem value=\"warn\">{t('business_rules.components.actionRow.config.level.warn')}</SelectItem>\n              <SelectItem value=\"error\">{t('business_rules.components.actionRow.config.level.error')}</SelectItem>\n              <SelectItem value=\"debug\">{t('business_rules.components.actionRow.config.level.debug')}</SelectItem>\n            </SelectContent>\n          </Select>\n        </div>\n      )\n    }\n\n    if (field === 'method' && action.type === 'CALL_WEBHOOK') {\n      return (\n        <div key={field} className=\"grid grid-cols-4 gap-2 items-center\">\n          <label className=\"text-xs font-medium text-foreground col-span-1\">{t('business_rules.components.actionRow.config.method')}</label>\n          <Select\n            value={value || 'POST'}\n            onValueChange={(next) => handleConfigChange(field, next)}\n          >\n            <SelectTrigger size=\"sm\" className=\"col-span-3\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value=\"GET\">GET</SelectItem>\n              <SelectItem value=\"POST\">POST</SelectItem>\n              <SelectItem value=\"PUT\">PUT</SelectItem>\n              <SelectItem value=\"PATCH\">PATCH</SelectItem>\n              <SelectItem value=\"DELETE\">DELETE</SelectItem>\n            </SelectContent>\n          </Select>\n        </div>\n      )\n    }\n\n    if (field === 'message') {\n      return (\n        <div key={field} className=\"grid grid-cols-4 gap-2 items-start\">\n          <label className=\"text-xs font-medium text-foreground col-span-1\">\n            {t('business_rules.components.actionRow.config.message')} {required && <span className=\"text-status-error-text\">{t('business_rules.components.actionRow.actionType.required')}</span>}\n          </label>\n          <Textarea\n            value={value}\n            onChange={(e) => handleConfigChange(field, e.target.value)}\n            placeholder={t('business_rules.components.actionRow.config.message.placeholder')}\n            rows={2}\n            className=\"col-span-3\"\n          />\n          <div className=\"col-span-4 col-start-2\">\n            <p className=\"text-xs text-muted-foreground\">{t('business_rules.components.actionRow.config.message.help')}</p>\n          </div>\n        </div>\n      )\n    }\n\n    // Default text input\n    return (\n      <div key={field} className=\"grid grid-cols-4 gap-2 items-center\">\n        <label className=\"text-xs font-medium text-foreground col-span-1\">\n          {field} {required && <span className=\"text-status-error-text\">{t('business_rules.components.actionRow.actionType.required')}</span>}\n        </label>\n        <Input\n          type=\"text\"\n          value={value}\n          onChange={(e) => handleConfigChange(field, e.target.value)}\n          placeholder={t('business_rules.components.actionRow.config.field.placeholder', { field })}\n          className=\"col-span-3\"\n        />\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"flex items-start gap-2 p-3 bg-muted rounded border border-border\">\n      <div className=\"flex-1 space-y-2\">\n        {/* Action Type */}\n        <div className=\"grid grid-cols-4 gap-2 items-center\">\n          <label className=\"text-xs font-medium text-foreground col-span-1\">\n            {t('business_rules.components.actionRow.actionType')} <span className=\"text-status-error-text\">{t('business_rules.components.actionRow.actionType.required')}</span>\n          </label>\n          <Select\n            value={action.type || undefined}\n            onValueChange={(value) => handleTypeChange({ target: { value } } as React.ChangeEvent<HTMLSelectElement>)}\n          >\n            <SelectTrigger size=\"sm\" className=\"col-span-3 font-medium\">\n              <SelectValue placeholder={t('business_rules.components.actionRow.actionType.placeholder')} />\n            </SelectTrigger>\n            <SelectContent>\n              {actionTypes.map((type) => (\n                <SelectItem key={type.value} value={type.value}>\n                  {type.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n\n        {/* Config Fields */}\n        {action.type && (\n          <>\n            {action.type === 'CALL_OPEN_MERCATO'\n              ? renderOpenMercatoConfig()\n              : (\n                <>\n                  {requiredFields.map((field) => renderConfigField(field, true))}\n                  {optionalFields.map((field) => renderConfigField(field, false))}\n                </>\n              )}\n          </>\n        )}\n\n        {/* Error Display */}\n        {error && (\n          <div className=\"mt-2\">\n            <p className=\"text-xs text-status-error-text\">{error}</p>\n          </div>\n        )}\n      </div>\n\n      {/* Control Buttons */}\n      <div className=\"flex flex-col gap-1\">\n        {onMoveUp && (\n          <IconButton\n            type=\"button\"\n            onClick={() => onMoveUp(index)}\n            disabled={!canMoveUp}\n            variant=\"ghost\"\n            size=\"xs\"\n            title={t('business_rules.components.actionRow.moveUp')}\n            aria-label={t('business_rules.components.actionRow.moveUp')}\n          >\n            <ChevronUp className=\"w-4 h-4\" />\n          </IconButton>\n        )}\n        {onMoveDown && (\n          <IconButton\n            type=\"button\"\n            onClick={() => onMoveDown(index)}\n            disabled={!canMoveDown}\n            variant=\"ghost\"\n            size=\"xs\"\n            title={t('business_rules.components.actionRow.moveDown')}\n            aria-label={t('business_rules.components.actionRow.moveDown')}\n          >\n            <ChevronDown className=\"w-4 h-4\" />\n          </IconButton>\n        )}\n        <IconButton\n          type=\"button\"\n          onClick={() => onDelete(index)}\n          variant=\"ghost\"\n          size=\"xs\"\n          className=\"hover:text-status-error-text\"\n          title={t('business_rules.components.actionRow.delete')}\n          aria-label={t('business_rules.components.actionRow.delete')}\n        >\n          <X className=\"w-4 h-4\" />\n        </IconButton>\n      </div>\n    </div>\n  )\n}\n"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { X, ChevronUp, ChevronDown } from 'lucide-react'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { ComboboxInput, type ComboboxOption } from '@open-mercato/ui/backend/inputs'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport type { Action } from './utils/actionValidation'\nimport { getActionTypeOptions, getRequiredConfigFields, getOptionalConfigFields } from './utils/actionValidation'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type {\n  OpenMercatoApiKeyOption,\n  OpenMercatoEndpointOption,\n} from '../lib/openmercato-call-options-types'\n\nexport type OpenMercatoCallOptionsState = {\n  endpoints: OpenMercatoEndpointOption[]\n  apiKeys: OpenMercatoApiKeyOption[]\n  loading: boolean\n  error: string | null\n}\n\nexport type ActionRowProps = {\n  action: Action\n  index: number\n  onChange: (index: number, action: Action) => void\n  onDelete: (index: number) => void\n  onMoveUp?: (index: number) => void\n  onMoveDown?: (index: number) => void\n  canMoveUp?: boolean\n  canMoveDown?: boolean\n  error?: string\n  openMercatoOptions?: OpenMercatoCallOptionsState\n}\n\nexport function ActionRow({\n  action,\n  index,\n  onChange,\n  onDelete,\n  onMoveUp,\n  onMoveDown,\n  canMoveUp,\n  canMoveDown,\n  error,\n  openMercatoOptions,\n}: ActionRowProps) {\n  const t = useT()\n  const actionTypes = getActionTypeOptions(t)\n  const requiredFields = getRequiredConfigFields(action.type)\n  const optionalFields = getOptionalConfigFields(action.type)\n\n  const handleTypeChange = (e: React.ChangeEvent<HTMLSelectElement>) => {\n    onChange(index, {\n      ...action,\n      type: e.target.value,\n      config: {}, // Reset config when type changes\n    })\n  }\n\n  const handleConfigChange = (field: string, value: any) => {\n    onChange(index, {\n      ...action,\n      config: {\n        ...(action.config || {}),\n        [field]: value,\n      },\n    })\n  }\n\n  const renderOpenMercatoConfig = () => {\n    const options = openMercatoOptions ?? { endpoints: [], apiKeys: [], loading: false, error: null }\n    const endpointValue = action.config?.endpoint && action.config?.method\n      ? `${String(action.config.method).toUpperCase()} ${action.config.endpoint}`\n      : undefined\n    const apiKeyValue = action.config?.apiKeyId || undefined\n    const endpointOptions = options.endpoints.map<ComboboxOption>((option) => ({\n      value: option.id,\n      label: option.label,\n      description: option.summary || option.operationId || null,\n    }))\n    const bodyValue = action.config?.body == null\n      ? ''\n      : typeof action.config.body === 'string'\n        ? action.config.body\n        : JSON.stringify(action.config.body, null, 2)\n\n    const handleEndpointChange = (value: string) => {\n      const option = options.endpoints.find((candidate) => candidate.id === value)\n      if (!option) return\n      onChange(index, {\n        ...action,\n        config: {\n          ...(action.config || {}),\n          endpoint: option.path,\n          method: option.method,\n        },\n      })\n    }\n\n    return (\n      <div className=\"space-y-2\">\n        {options.loading && (\n          <p className=\"text-xs text-muted-foreground col-start-2\">\n            {t('business_rules.components.actionRow.openMercato.options.loading')}\n          </p>\n        )}\n        {options.error && (\n          <p className=\"text-xs text-status-error-text col-start-2\">\n            {t('business_rules.components.actionRow.openMercato.options.error', { error: options.error })}\n          </p>\n        )}\n        {!options.loading && !options.error && options.endpoints.length === 0 && (\n          <p className=\"text-xs text-muted-foreground col-start-2\">\n            {t('business_rules.components.actionRow.openMercato.options.noEndpoints')}\n          </p>\n        )}\n        {!options.loading && !options.error && options.apiKeys.length === 0 && (\n          <p className=\"text-xs text-muted-foreground col-start-2\">\n            {t('business_rules.components.actionRow.openMercato.options.noApiKeys')}\n          </p>\n        )}\n\n        <div className=\"grid grid-cols-4 gap-2 items-center\">\n          <label className=\"text-xs font-medium text-foreground col-span-1\">\n            {t('business_rules.components.actionRow.config.endpoint')} <span className=\"text-status-error-text\">{t('business_rules.components.actionRow.actionType.required')}</span>\n          </label>\n          <div className=\"col-span-3\">\n            <ComboboxInput\n              value={endpointValue ?? ''}\n              onChange={handleEndpointChange}\n              suggestions={endpointOptions}\n              placeholder={t('business_rules.components.actionRow.config.endpoint.placeholder')}\n              disabled={options.loading || !!options.error || options.endpoints.length === 0}\n              allowCustomValues={false}\n            />\n          </div>\n        </div>\n\n        <div className=\"grid grid-cols-4 gap-2 items-center\">\n          <label className=\"text-xs font-medium text-foreground col-span-1\">\n            {t('business_rules.components.actionRow.config.apiKey')} <span className=\"text-status-error-text\">{t('business_rules.components.actionRow.actionType.required')}</span>\n          </label>\n          <Select\n            value={apiKeyValue}\n            onValueChange={(next) => handleConfigChange('apiKeyId', next)}\n            disabled={options.loading || !!options.error || options.apiKeys.length === 0}\n          >\n            <SelectTrigger size=\"sm\" className=\"col-span-3\">\n              <SelectValue placeholder={t('business_rules.components.actionRow.config.apiKey.placeholder')} />\n            </SelectTrigger>\n            <SelectContent>\n              {options.apiKeys.map((apiKey) => (\n                <SelectItem key={apiKey.id} value={apiKey.id}>\n                  {apiKey.organizationName\n                    ? `${apiKey.name} (${apiKey.keyPrefix}, ${apiKey.organizationName})`\n                    : `${apiKey.name} (${apiKey.keyPrefix})`}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n\n        <div className=\"grid grid-cols-4 gap-2 items-start\">\n          <label className=\"text-xs font-medium text-foreground col-span-1\">\n            {t('business_rules.components.actionRow.config.body')}\n          </label>\n          <Textarea\n            value={bodyValue}\n            onChange={(e) => handleConfigChange('body', e.target.value)}\n            placeholder={t('business_rules.components.actionRow.config.body.placeholder')}\n            rows={3}\n            className=\"col-span-3\"\n          />\n        </div>\n      </div>\n    )\n  }\n\n  const renderConfigField = (field: string, required: boolean) => {\n    const value = action.config?.[field] || ''\n\n    // Special handling for different field types\n    if (field === 'recipients' && action.type === 'NOTIFY') {\n      return (\n        <div key={field} className=\"grid grid-cols-4 gap-2 items-start\">\n          <label className=\"text-xs font-medium text-foreground col-span-1\">\n            {t('business_rules.components.actionRow.config.recipients')} {required && <span className=\"text-status-error-text\">{t('business_rules.components.actionRow.actionType.required')}</span>}\n          </label>\n          <Input\n            type=\"text\"\n            value={value}\n            onChange={(e) => handleConfigChange(field, e.target.value.split(',').map((s) => s.trim()))}\n            placeholder={t('business_rules.components.actionRow.config.recipients.placeholder')}\n            className=\"col-span-3\"\n          />\n          <div className=\"col-span-4 col-start-2\">\n            <p className=\"text-xs text-muted-foreground\">{t('business_rules.components.actionRow.config.recipients.help')}</p>\n          </div>\n        </div>\n      )\n    }\n\n    if (field === 'level' && action.type === 'LOG') {\n      return (\n        <div key={field} className=\"grid grid-cols-4 gap-2 items-center\">\n          <label className=\"text-xs font-medium text-foreground col-span-1\">{t('business_rules.components.actionRow.config.level')}</label>\n          <Select\n            value={value || 'info'}\n            onValueChange={(next) => handleConfigChange(field, next)}\n          >\n            <SelectTrigger size=\"sm\" className=\"col-span-3\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value=\"info\">{t('business_rules.components.actionRow.config.level.info')}</SelectItem>\n              <SelectItem value=\"warn\">{t('business_rules.components.actionRow.config.level.warn')}</SelectItem>\n              <SelectItem value=\"error\">{t('business_rules.components.actionRow.config.level.error')}</SelectItem>\n              <SelectItem value=\"debug\">{t('business_rules.components.actionRow.config.level.debug')}</SelectItem>\n            </SelectContent>\n          </Select>\n        </div>\n      )\n    }\n\n    if (field === 'method' && action.type === 'CALL_WEBHOOK') {\n      return (\n        <div key={field} className=\"grid grid-cols-4 gap-2 items-center\">\n          <label className=\"text-xs font-medium text-foreground col-span-1\">{t('business_rules.components.actionRow.config.method')}</label>\n          <Select\n            value={value || 'POST'}\n            onValueChange={(next) => handleConfigChange(field, next)}\n          >\n            <SelectTrigger size=\"sm\" className=\"col-span-3\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value=\"GET\">GET</SelectItem>\n              <SelectItem value=\"POST\">POST</SelectItem>\n              <SelectItem value=\"PUT\">PUT</SelectItem>\n              <SelectItem value=\"PATCH\">PATCH</SelectItem>\n              <SelectItem value=\"DELETE\">DELETE</SelectItem>\n            </SelectContent>\n          </Select>\n        </div>\n      )\n    }\n\n    if (field === 'message') {\n      return (\n        <div key={field} className=\"grid grid-cols-4 gap-2 items-start\">\n          <label className=\"text-xs font-medium text-foreground col-span-1\">\n            {t('business_rules.components.actionRow.config.message')} {required && <span className=\"text-status-error-text\">{t('business_rules.components.actionRow.actionType.required')}</span>}\n          </label>\n          <Textarea\n            value={value}\n            onChange={(e) => handleConfigChange(field, e.target.value)}\n            placeholder={t('business_rules.components.actionRow.config.message.placeholder')}\n            rows={2}\n            className=\"col-span-3\"\n          />\n          <div className=\"col-span-4 col-start-2\">\n            <p className=\"text-xs text-muted-foreground\">{t('business_rules.components.actionRow.config.message.help')}</p>\n          </div>\n        </div>\n      )\n    }\n\n    // Default text input\n    return (\n      <div key={field} className=\"grid grid-cols-4 gap-2 items-center\">\n        <label className=\"text-xs font-medium text-foreground col-span-1\">\n          {field} {required && <span className=\"text-status-error-text\">{t('business_rules.components.actionRow.actionType.required')}</span>}\n        </label>\n        <Input\n          type=\"text\"\n          value={value}\n          onChange={(e) => handleConfigChange(field, e.target.value)}\n          placeholder={t('business_rules.components.actionRow.config.field.placeholder', { field })}\n          className=\"col-span-3\"\n        />\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"flex items-start gap-2 p-3 bg-muted rounded border border-border\">\n      <div className=\"flex-1 space-y-2\">\n        {/* Action Type */}\n        <div className=\"grid grid-cols-4 gap-2 items-center\">\n          <label className=\"text-xs font-medium text-foreground col-span-1\">\n            {t('business_rules.components.actionRow.actionType')} <span className=\"text-status-error-text\">{t('business_rules.components.actionRow.actionType.required')}</span>\n          </label>\n          <Select\n            value={action.type || undefined}\n            onValueChange={(value) => handleTypeChange({ target: { value } } as React.ChangeEvent<HTMLSelectElement>)}\n          >\n            <SelectTrigger size=\"sm\" className=\"col-span-3 font-medium\">\n              <SelectValue placeholder={t('business_rules.components.actionRow.actionType.placeholder')} />\n            </SelectTrigger>\n            <SelectContent>\n              {actionTypes.map((type) => (\n                <SelectItem key={type.value} value={type.value}>\n                  {type.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n\n        {/* Config Fields */}\n        {action.type && (\n          <>\n            {action.type === 'CALL_OPEN_MERCATO'\n              ? renderOpenMercatoConfig()\n              : (\n                <>\n                  {requiredFields.map((field) => renderConfigField(field, true))}\n                  {optionalFields.map((field) => renderConfigField(field, false))}\n                </>\n              )}\n          </>\n        )}\n\n        {/* Error Display */}\n        {error && (\n          <div className=\"mt-2\">\n            <p className=\"text-xs text-status-error-text\">{error}</p>\n          </div>\n        )}\n      </div>\n\n      {/* Control Buttons */}\n      <div className=\"flex flex-col gap-1\">\n        {onMoveUp && (\n          <IconButton\n            type=\"button\"\n            onClick={() => onMoveUp(index)}\n            disabled={!canMoveUp}\n            variant=\"ghost\"\n            size=\"xs\"\n            title={t('business_rules.components.actionRow.moveUp')}\n            aria-label={t('business_rules.components.actionRow.moveUp')}\n          >\n            <ChevronUp className=\"w-4 h-4\" />\n          </IconButton>\n        )}\n        {onMoveDown && (\n          <IconButton\n            type=\"button\"\n            onClick={() => onMoveDown(index)}\n            disabled={!canMoveDown}\n            variant=\"ghost\"\n            size=\"xs\"\n            title={t('business_rules.components.actionRow.moveDown')}\n            aria-label={t('business_rules.components.actionRow.moveDown')}\n          >\n            <ChevronDown className=\"w-4 h-4\" />\n          </IconButton>\n        )}\n        <IconButton\n          type=\"button\"\n          onClick={() => onDelete(index)}\n          variant=\"ghost\"\n          size=\"xs\"\n          className=\"hover:bg-destructive/10 hover:text-destructive\"\n          title={t('business_rules.components.actionRow.delete')}\n          aria-label={t('business_rules.components.actionRow.delete')}\n        >\n          <X className=\"w-4 h-4\" />\n        </IconButton>\n      </div>\n    </div>\n  )\n}\n"],
   "mappings": "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",
   "names": []
 }

package/dist/modules/business_rules/components/ConditionRow.js

@@ -1,6 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
 import { Input } from "@open-mercato/ui/primitives/input";
 import {
   Select,
@@ -62,7 +63,7 @@ function ConditionRow({ condition, onChange, onDelete, error }) {
             "aria-invalid": fieldError ? true : void 0
           }
         ),
-        fieldError && /* @__PURE__ */ jsx("p", { className: "text-xs text-red-600 mt-0.5", children: t("business_rules.components.conditionRow.field.invalidPath") })
+        fieldError && /* @__PURE__ */ jsx("p", { className: "text-xs text-status-error-text mt-0.5", children: t("business_rules.components.conditionRow.field.invalidPath") })
       ] }),
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium text-foreground mb-1", children: t("business_rules.components.conditionRow.operator") }),
@@ -105,16 +106,19 @@ function ConditionRow({ condition, onChange, onDelete, error }) {
       ] })
     ] }),
     /* @__PURE__ */ jsx(
-      "button",
+      IconButton,
       {
         type: "button",
         onClick: onDelete,
-        className: "p-1.5 text-muted-foreground hover:text-red-600 hover:bg-red-50 dark:hover:bg-red-900/20 rounded transition-colors",
+        variant: "ghost",
+        size: "xs",
+        className: "hover:bg-destructive/10 hover:text-destructive",
         title: t("business_rules.components.conditionRow.deleteCondition"),
+        "aria-label": t("business_rules.components.conditionRow.deleteCondition"),
         children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" })
       }
     ),
-    error && /* @__PURE__ */ jsx("div", { className: "col-span-full mt-2", children: /* @__PURE__ */ jsx("p", { className: "text-xs text-red-600", children: error }) })
+    error && /* @__PURE__ */ jsx("div", { className: "col-span-full mt-2", children: /* @__PURE__ */ jsx("p", { className: "text-xs text-status-error-text", children: error }) })
   ] });
 }
 export {

package/dist/modules/business_rules/components/ConditionRow.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/business_rules/components/ConditionRow.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { X } from 'lucide-react'\nimport type { SimpleCondition } from './utils/conditionValidation'\nimport { getComparisonOperators, isValidFieldPath } from './utils/conditionValidation'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport type ConditionRowProps = {\n  condition: SimpleCondition\n  onChange: (condition: SimpleCondition) => void\n  onDelete: () => void\n  entityType?: string\n  error?: string\n}\n\nexport function ConditionRow({ condition, onChange, onDelete, error }: ConditionRowProps) {\n  const t = useT()\n  const operators = getComparisonOperators(t)\n  const [useFieldComparison, setUseFieldComparison] = React.useState(!!condition.valueField)\n\n  const handleFieldChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    onChange({ ...condition, field: e.target.value })\n  }\n\n  const handleOperatorChange = (e: React.ChangeEvent<HTMLSelectElement>) => {\n    onChange({ ...condition, operator: e.target.value as any })\n  }\n\n  const handleValueChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const rawValue = e.target.value\n\n    // Try to parse as JSON for arrays/objects\n    let parsedValue: any = rawValue\n    if (rawValue.trim().startsWith('[') || rawValue.trim().startsWith('{')) {\n      try {\n        parsedValue = JSON.parse(rawValue)\n      } catch {\n        // Keep as string if not valid JSON\n        parsedValue = rawValue\n      }\n    }\n\n    onChange({ ...condition, value: parsedValue, valueField: undefined })\n  }\n\n  const handleValueFieldChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    onChange({ ...condition, valueField: e.target.value, value: null })\n  }\n\n  const toggleFieldComparison = () => {\n    if (useFieldComparison) {\n      onChange({ ...condition, valueField: undefined, value: null })\n      setUseFieldComparison(false)\n    } else {\n      onChange({ ...condition, value: null, valueField: '' })\n      setUseFieldComparison(true)\n    }\n  }\n\n  // Operators that don't need a value\n  const operatorNeedsValue = !['IS_EMPTY', 'IS_NOT_EMPTY'].includes(condition.operator)\n\n  const fieldError = condition.field && !isValidFieldPath(condition.field)\n\n  return (\n    <div className=\"flex items-start gap-2 p-3 bg-muted rounded border border-border\">\n      <div className=\"flex-1 grid grid-cols-1 md:grid-cols-3 gap-2\">\n        {/* Field Input */}\n        <div>\n          <label className=\"block text-xs font-medium text-foreground mb-1\">\n            {t('business_rules.components.conditionRow.field')}\n          </label>\n          <Input\n            type=\"text\"\n            value={condition.field || ''}\n            onChange={handleFieldChange}\n            placeholder={t('business_rules.components.conditionRow.field.placeholder')}\n            aria-invalid={fieldError ? true : undefined}\n          />\n          {fieldError && (\n            <p className=\"text-xs text-red-600 mt-0.5\">\n              {t('business_rules.components.conditionRow.field.invalidPath')}\n            </p>\n          )}\n        </div>\n\n        {/* Operator Select */}\n        <div>\n          <label className=\"block text-xs font-medium text-foreground mb-1\">\n            {t('business_rules.components.conditionRow.operator')}\n          </label>\n          <Select\n            value={condition.operator || '='}\n            onValueChange={(value) => handleOperatorChange({ target: { value } } as React.ChangeEvent<HTMLSelectElement>)}\n          >\n            <SelectTrigger size=\"sm\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              {operators.map((op) => (\n                <SelectItem key={op.value} value={op.value}>\n                  {op.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n\n        {/* Value Input */}\n        {operatorNeedsValue && (\n          <div>\n            <div className=\"flex items-center justify-between mb-1\">\n              <label className=\"block text-xs font-medium text-foreground\">\n                {useFieldComparison\n                  ? t('business_rules.components.conditionRow.compareToField')\n                  : t('business_rules.components.conditionRow.value')\n                }\n              </label>\n              <button\n                type=\"button\"\n                onClick={toggleFieldComparison}\n                className=\"text-xs text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300\"\n                title={t('business_rules.components.conditionRow.toggleFieldComparison')}\n              >\n                {useFieldComparison\n                  ? t('business_rules.components.conditionRow.useValue')\n                  : t('business_rules.components.conditionRow.useField')\n                }\n              </button>\n            </div>\n            <Input\n              type=\"text\"\n              value={\n                useFieldComparison\n                  ? (condition.valueField || '')\n                  : (condition.value === null || condition.value === undefined)\n                    ? ''\n                    : typeof condition.value === 'string'\n                      ? condition.value\n                      : JSON.stringify(condition.value)\n              }\n              onChange={useFieldComparison ? handleValueFieldChange : handleValueChange}\n              placeholder={useFieldComparison\n                ? t('business_rules.components.conditionRow.field.comparisonPlaceholder')\n                : t('business_rules.components.conditionRow.value.placeholder')\n              }\n            />\n            <p className=\"text-xs text-muted-foreground mt-0.5\">\n              {useFieldComparison\n                ? t('business_rules.components.conditionRow.field.comparisonHelp')\n                : t('business_rules.components.conditionRow.value.help')\n              }\n            </p>\n          </div>\n        )}\n      </div>\n\n      {/* Delete Button */}\n      <button\n        type=\"button\"\n        onClick={onDelete}\n        className=\"p-1.5 text-muted-foreground hover:text-red-600 hover:bg-red-50 dark:hover:bg-red-900/20 rounded transition-colors\"\n        title={t('business_rules.components.conditionRow.deleteCondition')}\n      >\n        <X className=\"w-4 h-4\" />\n      </button>\n\n      {/* Error Display */}\n      {error && (\n        <div className=\"col-span-full mt-2\">\n          <p className=\"text-xs text-red-600\">{error}</p>\n        </div>\n      )}\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { X } from 'lucide-react'\nimport type { SimpleCondition } from './utils/conditionValidation'\nimport { getComparisonOperators, isValidFieldPath } from './utils/conditionValidation'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport type ConditionRowProps = {\n  condition: SimpleCondition\n  onChange: (condition: SimpleCondition) => void\n  onDelete: () => void\n  entityType?: string\n  error?: string\n}\n\nexport function ConditionRow({ condition, onChange, onDelete, error }: ConditionRowProps) {\n  const t = useT()\n  const operators = getComparisonOperators(t)\n  const [useFieldComparison, setUseFieldComparison] = React.useState(!!condition.valueField)\n\n  const handleFieldChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    onChange({ ...condition, field: e.target.value })\n  }\n\n  const handleOperatorChange = (e: React.ChangeEvent<HTMLSelectElement>) => {\n    onChange({ ...condition, operator: e.target.value as any })\n  }\n\n  const handleValueChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const rawValue = e.target.value\n\n    // Try to parse as JSON for arrays/objects\n    let parsedValue: any = rawValue\n    if (rawValue.trim().startsWith('[') || rawValue.trim().startsWith('{')) {\n      try {\n        parsedValue = JSON.parse(rawValue)\n      } catch {\n        // Keep as string if not valid JSON\n        parsedValue = rawValue\n      }\n    }\n\n    onChange({ ...condition, value: parsedValue, valueField: undefined })\n  }\n\n  const handleValueFieldChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    onChange({ ...condition, valueField: e.target.value, value: null })\n  }\n\n  const toggleFieldComparison = () => {\n    if (useFieldComparison) {\n      onChange({ ...condition, valueField: undefined, value: null })\n      setUseFieldComparison(false)\n    } else {\n      onChange({ ...condition, value: null, valueField: '' })\n      setUseFieldComparison(true)\n    }\n  }\n\n  // Operators that don't need a value\n  const operatorNeedsValue = !['IS_EMPTY', 'IS_NOT_EMPTY'].includes(condition.operator)\n\n  const fieldError = condition.field && !isValidFieldPath(condition.field)\n\n  return (\n    <div className=\"flex items-start gap-2 p-3 bg-muted rounded border border-border\">\n      <div className=\"flex-1 grid grid-cols-1 md:grid-cols-3 gap-2\">\n        {/* Field Input */}\n        <div>\n          <label className=\"block text-xs font-medium text-foreground mb-1\">\n            {t('business_rules.components.conditionRow.field')}\n          </label>\n          <Input\n            type=\"text\"\n            value={condition.field || ''}\n            onChange={handleFieldChange}\n            placeholder={t('business_rules.components.conditionRow.field.placeholder')}\n            aria-invalid={fieldError ? true : undefined}\n          />\n          {fieldError && (\n            <p className=\"text-xs text-status-error-text mt-0.5\">\n              {t('business_rules.components.conditionRow.field.invalidPath')}\n            </p>\n          )}\n        </div>\n\n        {/* Operator Select */}\n        <div>\n          <label className=\"block text-xs font-medium text-foreground mb-1\">\n            {t('business_rules.components.conditionRow.operator')}\n          </label>\n          <Select\n            value={condition.operator || '='}\n            onValueChange={(value) => handleOperatorChange({ target: { value } } as React.ChangeEvent<HTMLSelectElement>)}\n          >\n            <SelectTrigger size=\"sm\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              {operators.map((op) => (\n                <SelectItem key={op.value} value={op.value}>\n                  {op.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n\n        {/* Value Input */}\n        {operatorNeedsValue && (\n          <div>\n            <div className=\"flex items-center justify-between mb-1\">\n              <label className=\"block text-xs font-medium text-foreground\">\n                {useFieldComparison\n                  ? t('business_rules.components.conditionRow.compareToField')\n                  : t('business_rules.components.conditionRow.value')\n                }\n              </label>\n              <button\n                type=\"button\"\n                onClick={toggleFieldComparison}\n                className=\"text-xs text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300\"\n                title={t('business_rules.components.conditionRow.toggleFieldComparison')}\n              >\n                {useFieldComparison\n                  ? t('business_rules.components.conditionRow.useValue')\n                  : t('business_rules.components.conditionRow.useField')\n                }\n              </button>\n            </div>\n            <Input\n              type=\"text\"\n              value={\n                useFieldComparison\n                  ? (condition.valueField || '')\n                  : (condition.value === null || condition.value === undefined)\n                    ? ''\n                    : typeof condition.value === 'string'\n                      ? condition.value\n                      : JSON.stringify(condition.value)\n              }\n              onChange={useFieldComparison ? handleValueFieldChange : handleValueChange}\n              placeholder={useFieldComparison\n                ? t('business_rules.components.conditionRow.field.comparisonPlaceholder')\n                : t('business_rules.components.conditionRow.value.placeholder')\n              }\n            />\n            <p className=\"text-xs text-muted-foreground mt-0.5\">\n              {useFieldComparison\n                ? t('business_rules.components.conditionRow.field.comparisonHelp')\n                : t('business_rules.components.conditionRow.value.help')\n              }\n            </p>\n          </div>\n        )}\n      </div>\n\n      {/* Delete Button */}\n      <IconButton\n        type=\"button\"\n        onClick={onDelete}\n        variant=\"ghost\"\n        size=\"xs\"\n        className=\"hover:bg-destructive/10 hover:text-destructive\"\n        title={t('business_rules.components.conditionRow.deleteCondition')}\n        aria-label={t('business_rules.components.conditionRow.deleteCondition')}\n      >\n        <X className=\"w-4 h-4\" />\n      </IconButton>\n\n      {/* Error Display */}\n      {error && (\n        <div className=\"col-span-full mt-2\">\n          <p className=\"text-xs text-status-error-text\">{error}</p>\n        </div>\n      )}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/catalog/backend/catalog/products/[id]/page.js

@@ -2117,7 +2117,7 @@ function ProductMetaSection({
           )
         }
       ),
-      errors.subtitle ? /* @__PURE__ */ jsx("p", { className: "text-xs text-red-600", children: errors.subtitle }) : null
+      errors.subtitle ? /* @__PURE__ */ jsx("p", { className: "text-xs text-status-error-text", children: errors.subtitle }) : null
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
@@ -2148,7 +2148,7 @@ function ProductMetaSection({
         "catalog.products.create.handleHelp",
         "Handle is used for URLs and must be unique."
       ) }),
-      errors.handle ? /* @__PURE__ */ jsx("p", { className: "text-xs text-red-600", children: errors.handle }) : null
+      errors.handle ? /* @__PURE__ */ jsx("p", { className: "text-xs text-status-error-text", children: errors.handle }) : null
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ jsx(Label, { children: t("catalog.products.form.sku", "SKU") }),
@@ -2168,7 +2168,7 @@ function ProductMetaSection({
         "catalog.products.create.skuHelp",
         "Unique product identifier. Letters, numbers, hyphens, underscores, periods."
       ) }),
-      errors.sku ? /* @__PURE__ */ jsx("p", { className: "text-xs text-red-600", children: errors.sku }) : null
+      errors.sku ? /* @__PURE__ */ jsx("p", { className: "text-xs text-status-error-text", children: errors.sku }) : null
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ jsx(Label, { children: t("catalog.products.form.productType", "Product type") }),
@@ -2198,7 +2198,7 @@ function ProductMetaSection({
           ]
         }
       ),
-      errors.productType ? /* @__PURE__ */ jsx("p", { className: "text-xs text-red-600", children: errors.productType }) : null
+      errors.productType ? /* @__PURE__ */ jsx("p", { className: "text-xs text-status-error-text", children: errors.productType }) : null
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [