@open-mercato/core 0.5.1-develop.2860.07af3a6a9d → 0.5.1-develop.2874.77704bccbd

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

@@ -51,7 +51,7 @@ function ActionRow({
             value,
             onChange: (e) => handleConfigChange(field, e.target.value.split(",").map((s) => s.trim())),
             placeholder: t("business_rules.components.actionRow.config.recipients.placeholder"),
-            className: "col-span-3 px-2 py-1.5 text-sm border border-border rounded bg-background focus:outline-none focus:ring-2 focus:ring-blue-500"
+            className: "col-span-3 px-2 py-1.5 text-sm border border-border rounded bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
           }
         ),
         /* @__PURE__ */ jsx("div", { className: "col-span-4 col-start-2", children: /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("business_rules.components.actionRow.config.recipients.help") }) })
@@ -65,7 +65,7 @@ function ActionRow({
           {
             value: value || "info",
             onChange: (e) => handleConfigChange(field, e.target.value),
-            className: "col-span-3 px-2 py-1.5 text-sm border border-border rounded bg-background focus:outline-none focus:ring-2 focus:ring-blue-500",
+            className: "col-span-3 px-2 py-1.5 text-sm border border-border rounded bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
             children: [
               /* @__PURE__ */ jsx("option", { value: "info", children: t("business_rules.components.actionRow.config.level.info") }),
               /* @__PURE__ */ jsx("option", { value: "warn", children: t("business_rules.components.actionRow.config.level.warn") }),
@@ -84,7 +84,7 @@ function ActionRow({
           {
             value: value || "POST",
             onChange: (e) => handleConfigChange(field, e.target.value),
-            className: "col-span-3 px-2 py-1.5 text-sm border border-border rounded bg-background focus:outline-none focus:ring-2 focus:ring-blue-500",
+            className: "col-span-3 px-2 py-1.5 text-sm border border-border rounded bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
             children: [
               /* @__PURE__ */ jsx("option", { value: "GET", children: "GET" }),
               /* @__PURE__ */ jsx("option", { value: "POST", children: "POST" }),
@@ -110,7 +110,7 @@ function ActionRow({
             onChange: (e) => handleConfigChange(field, e.target.value),
             placeholder: t("business_rules.components.actionRow.config.message.placeholder"),
             rows: 2,
-            className: "col-span-3 px-2 py-1.5 text-sm border border-border rounded bg-background focus:outline-none focus:ring-2 focus:ring-blue-500"
+            className: "col-span-3 px-2 py-1.5 text-sm border border-border rounded bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
           }
         ),
         /* @__PURE__ */ jsx("div", { className: "col-span-4 col-start-2", children: /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("business_rules.components.actionRow.config.message.help") }) })
@@ -129,7 +129,7 @@ function ActionRow({
           value,
           onChange: (e) => handleConfigChange(field, e.target.value),
           placeholder: t("business_rules.components.actionRow.config.field.placeholder", { field }),
-          className: "col-span-3 px-2 py-1.5 text-sm border border-border rounded bg-background focus:outline-none focus:ring-2 focus:ring-blue-500"
+          className: "col-span-3 px-2 py-1.5 text-sm border border-border rounded bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
         }
       )
     ] }, field);
@@ -147,7 +147,7 @@ function ActionRow({
           {
             value: action.type || "",
             onChange: handleTypeChange,
-            className: "col-span-3 px-2 py-1.5 text-sm border border-border rounded bg-background focus:outline-none focus:ring-2 focus:ring-blue-500 font-medium",
+            className: "col-span-3 px-2 py-1.5 text-sm border border-border rounded bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring font-medium",
             children: [
               /* @__PURE__ */ jsx("option", { value: "", children: t("business_rules.components.actionRow.actionType.placeholder") }),
               actionTypes.map((type) => /* @__PURE__ */ jsx("option", { value: type.value, children: type.label }, type.value))
@@ -168,7 +168,7 @@ function ActionRow({
           type: "button",
           onClick: () => onMoveUp(index),
           disabled: !canMoveUp,
-          className: "p-1 text-muted-foreground hover:text-foreground hover:bg-muted rounded transition-colors disabled:opacity-30 disabled:cursor-not-allowed",
+          className: "p-1 text-muted-foreground hover:text-foreground hover:bg-muted rounded transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
           title: t("business_rules.components.actionRow.moveUp"),
           children: /* @__PURE__ */ jsx(ChevronUp, { className: "w-4 h-4" })
         }
@@ -179,7 +179,7 @@ function ActionRow({
           type: "button",
           onClick: () => onMoveDown(index),
           disabled: !canMoveDown,
-          className: "p-1 text-muted-foreground hover:text-foreground hover:bg-muted rounded transition-colors disabled:opacity-30 disabled:cursor-not-allowed",
+          className: "p-1 text-muted-foreground hover:text-foreground hover:bg-muted rounded transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
           title: t("business_rules.components.actionRow.moveDown"),
           children: /* @__PURE__ */ jsx(ChevronDown, { 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 type { Action } from './utils/actionValidation'\nimport { getActionTypeOptions, getRequiredConfigFields, getOptionalConfigFields } from './utils/actionValidation'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\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}\n\nexport function ActionRow({\n  action,\n  index,\n  onChange,\n  onDelete,\n  onMoveUp,\n  onMoveDown,\n  canMoveUp,\n  canMoveDown,\n  error,\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 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-red-500\">{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 px-2 py-1.5 text-sm border border-border rounded bg-background focus:outline-none focus:ring-2 focus:ring-blue-500\"\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            onChange={(e) => handleConfigChange(field, e.target.value)}\n            className=\"col-span-3 px-2 py-1.5 text-sm border border-border rounded bg-background focus:outline-none focus:ring-2 focus:ring-blue-500\"\n          >\n            <option value=\"info\">{t('business_rules.components.actionRow.config.level.info')}</option>\n            <option value=\"warn\">{t('business_rules.components.actionRow.config.level.warn')}</option>\n            <option value=\"error\">{t('business_rules.components.actionRow.config.level.error')}</option>\n            <option value=\"debug\">{t('business_rules.components.actionRow.config.level.debug')}</option>\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            onChange={(e) => handleConfigChange(field, e.target.value)}\n            className=\"col-span-3 px-2 py-1.5 text-sm border border-border rounded bg-background focus:outline-none focus:ring-2 focus:ring-blue-500\"\n          >\n            <option value=\"GET\">GET</option>\n            <option value=\"POST\">POST</option>\n            <option value=\"PUT\">PUT</option>\n            <option value=\"PATCH\">PATCH</option>\n            <option value=\"DELETE\">DELETE</option>\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-red-500\">{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 px-2 py-1.5 text-sm border border-border rounded bg-background focus:outline-none focus:ring-2 focus:ring-blue-500\"\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-red-500\">{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 px-2 py-1.5 text-sm border border-border rounded bg-background focus:outline-none focus:ring-2 focus:ring-blue-500\"\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-red-500\">{t('business_rules.components.actionRow.actionType.required')}</span>\n          </label>\n          <select\n            value={action.type || ''}\n            onChange={handleTypeChange}\n            className=\"col-span-3 px-2 py-1.5 text-sm border border-border rounded bg-background focus:outline-none focus:ring-2 focus:ring-blue-500 font-medium\"\n          >\n            <option value=\"\">{t('business_rules.components.actionRow.actionType.placeholder')}</option>\n            {actionTypes.map((type) => (\n              <option key={type.value} value={type.value}>\n                {type.label}\n              </option>\n            ))}\n          </select>\n        </div>\n\n        {/* Config Fields */}\n        {action.type && (\n          <>\n            {requiredFields.map((field) => renderConfigField(field, true))}\n            {optionalFields.map((field) => renderConfigField(field, false))}\n          </>\n        )}\n\n        {/* Error Display */}\n        {error && (\n          <div className=\"mt-2\">\n            <p className=\"text-xs text-red-600\">{error}</p>\n          </div>\n        )}\n      </div>\n\n      {/* Control Buttons */}\n      <div className=\"flex flex-col gap-1\">\n        {onMoveUp && (\n          <button\n            type=\"button\"\n            onClick={() => onMoveUp(index)}\n            disabled={!canMoveUp}\n            className=\"p-1 text-muted-foreground hover:text-foreground hover:bg-muted rounded transition-colors disabled:opacity-30 disabled:cursor-not-allowed\"\n            title={t('business_rules.components.actionRow.moveUp')}\n          >\n            <ChevronUp className=\"w-4 h-4\" />\n          </button>\n        )}\n        {onMoveDown && (\n          <button\n            type=\"button\"\n            onClick={() => onMoveDown(index)}\n            disabled={!canMoveDown}\n            className=\"p-1 text-muted-foreground hover:text-foreground hover:bg-muted rounded transition-colors disabled:opacity-30 disabled:cursor-not-allowed\"\n            title={t('business_rules.components.actionRow.moveDown')}\n          >\n            <ChevronDown className=\"w-4 h-4\" />\n          </button>\n        )}\n        <button\n          type=\"button\"\n          onClick={() => onDelete(index)}\n          className=\"p-1 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.actionRow.delete')}\n        >\n          <X className=\"w-4 h-4\" />\n        </button>\n      </div>\n    </div>\n  )\n}\n"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { X, ChevronUp, ChevronDown } from 'lucide-react'\nimport type { Action } from './utils/actionValidation'\nimport { getActionTypeOptions, getRequiredConfigFields, getOptionalConfigFields } from './utils/actionValidation'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\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}\n\nexport function ActionRow({\n  action,\n  index,\n  onChange,\n  onDelete,\n  onMoveUp,\n  onMoveDown,\n  canMoveUp,\n  canMoveDown,\n  error,\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 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-red-500\">{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 px-2 py-1.5 text-sm border border-border rounded bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\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            onChange={(e) => handleConfigChange(field, e.target.value)}\n            className=\"col-span-3 px-2 py-1.5 text-sm border border-border rounded bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n          >\n            <option value=\"info\">{t('business_rules.components.actionRow.config.level.info')}</option>\n            <option value=\"warn\">{t('business_rules.components.actionRow.config.level.warn')}</option>\n            <option value=\"error\">{t('business_rules.components.actionRow.config.level.error')}</option>\n            <option value=\"debug\">{t('business_rules.components.actionRow.config.level.debug')}</option>\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            onChange={(e) => handleConfigChange(field, e.target.value)}\n            className=\"col-span-3 px-2 py-1.5 text-sm border border-border rounded bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n          >\n            <option value=\"GET\">GET</option>\n            <option value=\"POST\">POST</option>\n            <option value=\"PUT\">PUT</option>\n            <option value=\"PATCH\">PATCH</option>\n            <option value=\"DELETE\">DELETE</option>\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-red-500\">{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 px-2 py-1.5 text-sm border border-border rounded bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\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-red-500\">{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 px-2 py-1.5 text-sm border border-border rounded bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\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-red-500\">{t('business_rules.components.actionRow.actionType.required')}</span>\n          </label>\n          <select\n            value={action.type || ''}\n            onChange={handleTypeChange}\n            className=\"col-span-3 px-2 py-1.5 text-sm border border-border rounded bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring font-medium\"\n          >\n            <option value=\"\">{t('business_rules.components.actionRow.actionType.placeholder')}</option>\n            {actionTypes.map((type) => (\n              <option key={type.value} value={type.value}>\n                {type.label}\n              </option>\n            ))}\n          </select>\n        </div>\n\n        {/* Config Fields */}\n        {action.type && (\n          <>\n            {requiredFields.map((field) => renderConfigField(field, true))}\n            {optionalFields.map((field) => renderConfigField(field, false))}\n          </>\n        )}\n\n        {/* Error Display */}\n        {error && (\n          <div className=\"mt-2\">\n            <p className=\"text-xs text-red-600\">{error}</p>\n          </div>\n        )}\n      </div>\n\n      {/* Control Buttons */}\n      <div className=\"flex flex-col gap-1\">\n        {onMoveUp && (\n          <button\n            type=\"button\"\n            onClick={() => onMoveUp(index)}\n            disabled={!canMoveUp}\n            className=\"p-1 text-muted-foreground hover:text-foreground hover:bg-muted rounded transition-colors disabled:opacity-50 disabled:cursor-not-allowed\"\n            title={t('business_rules.components.actionRow.moveUp')}\n          >\n            <ChevronUp className=\"w-4 h-4\" />\n          </button>\n        )}\n        {onMoveDown && (\n          <button\n            type=\"button\"\n            onClick={() => onMoveDown(index)}\n            disabled={!canMoveDown}\n            className=\"p-1 text-muted-foreground hover:text-foreground hover:bg-muted rounded transition-colors disabled:opacity-50 disabled:cursor-not-allowed\"\n            title={t('business_rules.components.actionRow.moveDown')}\n          >\n            <ChevronDown className=\"w-4 h-4\" />\n          </button>\n        )}\n        <button\n          type=\"button\"\n          onClick={() => onDelete(index)}\n          className=\"p-1 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.actionRow.delete')}\n        >\n          <X className=\"w-4 h-4\" />\n        </button>\n      </div>\n    </div>\n  )\n}\n"],
   "mappings": "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",
   "names": []
 }

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

@@ -90,13 +90,13 @@ function ConditionBuilder({
           entityType
         }
       ),
-      /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(Button, { type: "button", onClick: handleClear, variant: "outline", size: "sm", className: "text-red-600", children: t("business_rules.components.conditionBuilder.clearAll") }) })
+      /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(Button, { type: "button", onClick: handleClear, variant: "outline", size: "sm", className: "text-status-error-text", children: t("business_rules.components.conditionBuilder.clearAll") }) })
     ] }),
-    !validation.valid && /* @__PURE__ */ jsxs("div", { className: "p-3 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded", children: [
-      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-red-800 dark:text-red-300 mb-1", children: t("business_rules.components.conditionBuilder.validationErrors") }),
-      /* @__PURE__ */ jsx("ul", { className: "list-disc list-inside space-y-0.5", children: validation.errors.map((err, index) => /* @__PURE__ */ jsx("li", { className: "text-xs text-red-700 dark:text-red-400", children: err }, index)) })
+    !validation.valid && /* @__PURE__ */ jsxs("div", { className: "p-3 bg-status-error-bg border border-status-error-border rounded", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-status-error-text mb-1", children: t("business_rules.components.conditionBuilder.validationErrors") }),
+      /* @__PURE__ */ jsx("ul", { className: "list-disc list-inside space-y-0.5", children: validation.errors.map((err, index) => /* @__PURE__ */ jsx("li", { className: "text-xs text-status-error-text", children: err }, index)) })
     ] }),
-    error && /* @__PURE__ */ jsx("div", { className: "p-3 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-red-700 dark:text-red-400", children: error }) }),
+    error && /* @__PURE__ */ jsx("div", { className: "p-3 bg-status-error-bg border border-status-error-border rounded", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-status-error-text", children: error }) }),
     showDebug && value && /* @__PURE__ */ jsx("div", { className: "p-3 bg-zinc-900 dark:bg-zinc-950 rounded text-xs font-mono overflow-x-auto border border-border", children: /* @__PURE__ */ jsx("pre", { className: "text-zinc-100", children: JSON.stringify(value, null, 2) }) }),
     /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground space-y-1", children: [
       /* @__PURE__ */ jsxs("p", { children: [

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/business_rules/components/ConditionBuilder.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Plus, Code } from 'lucide-react'\nimport { ConditionGroup } from './ConditionGroup'\nimport type { GroupCondition, ConditionExpression } from './utils/conditionValidation'\nimport { validateConditionExpression } from './utils/conditionValidation'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\n\nexport type ConditionBuilderProps = {\n  value: GroupCondition | null | undefined\n  onChangeAction: (value: GroupCondition) => void\n  entityType?: string\n  maxDepth?: number\n  error?: string\n  showJsonPreview?: boolean\n}\n\nexport function ConditionBuilder({\n  value,\n  onChangeAction,\n  entityType,\n  maxDepth = 5,\n  error,\n  showJsonPreview = false,\n}: ConditionBuilderProps) {\n  const t = useT()\n  const { confirm: confirmDialog, ConfirmDialogElement } = useConfirmDialog()\n  const [showDebug, setShowDebug] = React.useState(false)\n\n  const handleInitialize = () => {\n    const initialGroup: GroupCondition = {\n      operator: 'AND',\n      rules: [\n        {\n          field: '',\n          operator: '=',\n          value: null,\n        },\n      ],\n    }\n    onChangeAction(initialGroup)\n  }\n\n  const handleChange = (updatedGroup: GroupCondition) => {\n    onChangeAction(updatedGroup)\n  }\n\n  const handleClear = async () => {\n    const confirmed = await confirmDialog({\n      title: t('business_rules.components.conditionBuilder.confirm.clearAll'),\n      variant: 'destructive',\n    })\n    if (confirmed) {\n      onChangeAction({\n        operator: 'AND',\n        rules: [],\n      })\n    }\n  }\n\n  // Validate current value (memoized to avoid expensive re-computation)\n  const validation = React.useMemo(() => {\n    return value ? validateConditionExpression(value, 0, 5, t) : { valid: true, errors: [] }\n  }, [value, t])\n\n  return (\n    <div className=\"space-y-3\">\n      {/* Header */}\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-2\">\n          <h3 className=\"text-sm font-medium text-foreground\">\n            {t('business_rules.components.conditionBuilder.title')}\n          </h3>\n          {value && value.rules && value.rules.length > 0 && (\n            <span className=\"text-xs text-muted-foreground\">\n              ({t('business_rules.components.conditionBuilder.ruleCount', { count: value.rules.length })})\n            </span>\n          )}\n        </div>\n\n        {/* Debug Toggle */}\n        {showJsonPreview && value && (\n          <button\n            type=\"button\"\n            onClick={() => setShowDebug(!showDebug)}\n            className=\"flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground\"\n            title={t('business_rules.components.conditionBuilder.jsonPreview.toggle')}\n          >\n            <Code className=\"w-3 h-3\" />\n            {showDebug\n              ? t('business_rules.components.conditionBuilder.jsonPreview.hide')\n              : t('business_rules.components.conditionBuilder.jsonPreview.show')\n            }\n          </button>\n        )}\n      </div>\n\n      {/* Empty State */}\n      {!value || !value.rules || value.rules.length === 0 ? (\n        <div className=\"flex flex-col items-center justify-center p-8 border-2 border-dashed border-border rounded-lg bg-muted\">\n          <p className=\"text-sm text-muted-foreground mb-4\">\n            {t('business_rules.components.conditionBuilder.emptyMessage')}\n          </p>\n          <Button type=\"button\" onClick={handleInitialize} variant=\"outline\" size=\"sm\">\n            <Plus className=\"w-4 h-4 mr-2\" />\n            {t('business_rules.components.conditionBuilder.addFirstCondition')}\n          </Button>\n        </div>\n      ) : (\n        <>\n          {/* Condition Tree */}\n          <ConditionGroup\n            group={value}\n            onChange={handleChange}\n            depth={0}\n            maxDepth={maxDepth}\n            entityType={entityType}\n          />\n\n          {/* Clear Button */}\n          <div className=\"flex justify-end\">\n            <Button type=\"button\" onClick={handleClear} variant=\"outline\" size=\"sm\" className=\"text-red-600\">\n              {t('business_rules.components.conditionBuilder.clearAll')}\n            </Button>\n          </div>\n        </>\n      )}\n\n      {/* Validation Errors */}\n      {!validation.valid && (\n        <div className=\"p-3 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded\">\n          <p className=\"text-sm font-medium text-red-800 dark:text-red-300 mb-1\">\n            {t('business_rules.components.conditionBuilder.validationErrors')}\n          </p>\n          <ul className=\"list-disc list-inside space-y-0.5\">\n            {validation.errors.map((err, index) => (\n              <li key={index} className=\"text-xs text-red-700 dark:text-red-400\">\n                {err}\n              </li>\n            ))}\n          </ul>\n        </div>\n      )}\n\n      {/* External Error */}\n      {error && (\n        <div className=\"p-3 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded\">\n          <p className=\"text-sm text-red-700 dark:text-red-400\">{error}</p>\n        </div>\n      )}\n\n      {/* JSON Preview */}\n      {showDebug && value && (\n        <div className=\"p-3 bg-zinc-900 dark:bg-zinc-950 rounded text-xs font-mono overflow-x-auto border border-border\">\n          <pre className=\"text-zinc-100\">{JSON.stringify(value, null, 2)}</pre>\n        </div>\n      )}\n\n      {/* Help Text */}\n      <div className=\"text-xs text-muted-foreground space-y-1\">\n        <p>\n          <strong>{t('business_rules.components.conditionBuilder.help.fieldPaths')}</strong>{' '}\n          {t('business_rules.components.conditionBuilder.help.fieldPathsDescription')}\n        </p>\n        <p>\n          <strong>{t('business_rules.components.conditionBuilder.help.values')}</strong>{' '}\n          {t('business_rules.components.conditionBuilder.help.valuesDescription')}\n        </p>\n        <p>\n          <strong>{t('business_rules.components.conditionBuilder.help.fieldComparison')}</strong>{' '}\n          {t('business_rules.components.conditionBuilder.help.fieldComparisonDescription')}\n        </p>\n      </div>\n      {ConfirmDialogElement}\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Plus, Code } from 'lucide-react'\nimport { ConditionGroup } from './ConditionGroup'\nimport type { GroupCondition, ConditionExpression } from './utils/conditionValidation'\nimport { validateConditionExpression } from './utils/conditionValidation'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\n\nexport type ConditionBuilderProps = {\n  value: GroupCondition | null | undefined\n  onChangeAction: (value: GroupCondition) => void\n  entityType?: string\n  maxDepth?: number\n  error?: string\n  showJsonPreview?: boolean\n}\n\nexport function ConditionBuilder({\n  value,\n  onChangeAction,\n  entityType,\n  maxDepth = 5,\n  error,\n  showJsonPreview = false,\n}: ConditionBuilderProps) {\n  const t = useT()\n  const { confirm: confirmDialog, ConfirmDialogElement } = useConfirmDialog()\n  const [showDebug, setShowDebug] = React.useState(false)\n\n  const handleInitialize = () => {\n    const initialGroup: GroupCondition = {\n      operator: 'AND',\n      rules: [\n        {\n          field: '',\n          operator: '=',\n          value: null,\n        },\n      ],\n    }\n    onChangeAction(initialGroup)\n  }\n\n  const handleChange = (updatedGroup: GroupCondition) => {\n    onChangeAction(updatedGroup)\n  }\n\n  const handleClear = async () => {\n    const confirmed = await confirmDialog({\n      title: t('business_rules.components.conditionBuilder.confirm.clearAll'),\n      variant: 'destructive',\n    })\n    if (confirmed) {\n      onChangeAction({\n        operator: 'AND',\n        rules: [],\n      })\n    }\n  }\n\n  // Validate current value (memoized to avoid expensive re-computation)\n  const validation = React.useMemo(() => {\n    return value ? validateConditionExpression(value, 0, 5, t) : { valid: true, errors: [] }\n  }, [value, t])\n\n  return (\n    <div className=\"space-y-3\">\n      {/* Header */}\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-2\">\n          <h3 className=\"text-sm font-medium text-foreground\">\n            {t('business_rules.components.conditionBuilder.title')}\n          </h3>\n          {value && value.rules && value.rules.length > 0 && (\n            <span className=\"text-xs text-muted-foreground\">\n              ({t('business_rules.components.conditionBuilder.ruleCount', { count: value.rules.length })})\n            </span>\n          )}\n        </div>\n\n        {/* Debug Toggle */}\n        {showJsonPreview && value && (\n          <button\n            type=\"button\"\n            onClick={() => setShowDebug(!showDebug)}\n            className=\"flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground\"\n            title={t('business_rules.components.conditionBuilder.jsonPreview.toggle')}\n          >\n            <Code className=\"w-3 h-3\" />\n            {showDebug\n              ? t('business_rules.components.conditionBuilder.jsonPreview.hide')\n              : t('business_rules.components.conditionBuilder.jsonPreview.show')\n            }\n          </button>\n        )}\n      </div>\n\n      {/* Empty State */}\n      {!value || !value.rules || value.rules.length === 0 ? (\n        <div className=\"flex flex-col items-center justify-center p-8 border-2 border-dashed border-border rounded-lg bg-muted\">\n          <p className=\"text-sm text-muted-foreground mb-4\">\n            {t('business_rules.components.conditionBuilder.emptyMessage')}\n          </p>\n          <Button type=\"button\" onClick={handleInitialize} variant=\"outline\" size=\"sm\">\n            <Plus className=\"w-4 h-4 mr-2\" />\n            {t('business_rules.components.conditionBuilder.addFirstCondition')}\n          </Button>\n        </div>\n      ) : (\n        <>\n          {/* Condition Tree */}\n          <ConditionGroup\n            group={value}\n            onChange={handleChange}\n            depth={0}\n            maxDepth={maxDepth}\n            entityType={entityType}\n          />\n\n          {/* Clear Button */}\n          <div className=\"flex justify-end\">\n            <Button type=\"button\" onClick={handleClear} variant=\"outline\" size=\"sm\" className=\"text-status-error-text\">\n              {t('business_rules.components.conditionBuilder.clearAll')}\n            </Button>\n          </div>\n        </>\n      )}\n\n      {/* Validation Errors */}\n      {!validation.valid && (\n        <div className=\"p-3 bg-status-error-bg border border-status-error-border rounded\">\n          <p className=\"text-sm font-medium text-status-error-text mb-1\">\n            {t('business_rules.components.conditionBuilder.validationErrors')}\n          </p>\n          <ul className=\"list-disc list-inside space-y-0.5\">\n            {validation.errors.map((err, index) => (\n              <li key={index} className=\"text-xs text-status-error-text\">\n                {err}\n              </li>\n            ))}\n          </ul>\n        </div>\n      )}\n\n      {/* External Error */}\n      {error && (\n        <div className=\"p-3 bg-status-error-bg border border-status-error-border rounded\">\n          <p className=\"text-sm text-status-error-text\">{error}</p>\n        </div>\n      )}\n\n      {/* JSON Preview */}\n      {showDebug && value && (\n        <div className=\"p-3 bg-zinc-900 dark:bg-zinc-950 rounded text-xs font-mono overflow-x-auto border border-border\">\n          <pre className=\"text-zinc-100\">{JSON.stringify(value, null, 2)}</pre>\n        </div>\n      )}\n\n      {/* Help Text */}\n      <div className=\"text-xs text-muted-foreground space-y-1\">\n        <p>\n          <strong>{t('business_rules.components.conditionBuilder.help.fieldPaths')}</strong>{' '}\n          {t('business_rules.components.conditionBuilder.help.fieldPathsDescription')}\n        </p>\n        <p>\n          <strong>{t('business_rules.components.conditionBuilder.help.values')}</strong>{' '}\n          {t('business_rules.components.conditionBuilder.help.valuesDescription')}\n        </p>\n        <p>\n          <strong>{t('business_rules.components.conditionBuilder.help.fieldComparison')}</strong>{' '}\n          {t('business_rules.components.conditionBuilder.help.fieldComparisonDescription')}\n        </p>\n      </div>\n      {ConfirmDialogElement}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -85,7 +85,7 @@ function ConditionGroup({ group, onChange, onDelete, depth, maxDepth = 5, entity
             {
               value: group.operator,
               onChange: handleOperatorChange,
-              className: "px-3 py-1.5 text-sm font-semibold border border-border rounded bg-card focus:outline-none focus:ring-2 focus:ring-blue-500",
+              className: "px-3 py-1.5 text-sm font-semibold border border-border rounded bg-card focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
               children: logicalOperators.map((op) => /* @__PURE__ */ jsx("option", { value: op.value, children: op.label }, op.value))
             }
           ),
@@ -99,7 +99,7 @@ function ConditionGroup({ group, onChange, onDelete, depth, maxDepth = 5, entity
             {
               type: "button",
               onClick: onDelete,
-              className: "ml-auto p-1 text-muted-foreground hover:text-red-600 hover:bg-red-50 dark:hover:bg-red-900/20 rounded transition-colors",
+              className: "ml-auto p-1 text-muted-foreground hover:text-status-error-text hover:bg-status-error-bg rounded transition-colors",
               title: t("business_rules.components.conditionGroup.deleteGroup"),
               children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" })
             }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/business_rules/components/ConditionGroup.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Plus, X } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { ConditionRow } from './ConditionRow'\nimport type { GroupCondition, ConditionExpression, SimpleCondition } from './utils/conditionValidation'\nimport type { LogicalOperator } from './../data/validators'\nimport { isGroupCondition, getLogicalOperators } from './utils/conditionValidation'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport type ConditionGroupProps = {\n  group: GroupCondition\n  onChange: (group: GroupCondition) => void\n  onDelete?: () => void\n  depth: number\n  maxDepth?: number\n  entityType?: string\n}\n\nconst DEPTH_COLORS = [\n  'border-blue-300 bg-blue-50 dark:border-blue-700 dark:bg-blue-950/50',\n  'border-green-300 bg-green-50 dark:border-green-700 dark:bg-green-950/50',\n  'border-purple-300 bg-purple-50 dark:border-purple-700 dark:bg-purple-950/50',\n  'border-orange-300 bg-orange-50 dark:border-orange-700 dark:bg-orange-950/50',\n  'border-pink-300 bg-pink-50 dark:border-pink-700 dark:bg-pink-950/50',\n]\n\nexport function ConditionGroup({ group, onChange, onDelete, depth, maxDepth = 5, entityType }: ConditionGroupProps) {\n  const t = useT()\n  const logicalOperators = getLogicalOperators(t)\n  const colorClass = DEPTH_COLORS[depth % DEPTH_COLORS.length]\n\n  const handleOperatorChange = (e: React.ChangeEvent<HTMLSelectElement>) => {\n    onChange({\n      ...group,\n      operator: e.target.value as LogicalOperator,\n    })\n  }\n\n  const handleRuleChange = (index: number, updatedRule: ConditionExpression) => {\n    const newRules = [...group.rules]\n    newRules[index] = updatedRule\n    onChange({\n      ...group,\n      rules: newRules,\n    })\n  }\n\n  const handleDeleteRule = (index: number) => {\n    const newRules = group.rules.filter((_, i) => i !== index)\n    if (newRules.length === 0) {\n      // If no rules left, delete the group itself\n      onDelete?.()\n    } else {\n      onChange({\n        ...group,\n        rules: newRules,\n      })\n    }\n  }\n\n  const addSimpleCondition = () => {\n    const newCondition: SimpleCondition = {\n      field: '',\n      operator: '=',\n      value: null,\n    }\n    onChange({\n      ...group,\n      rules: [...group.rules, newCondition],\n    })\n  }\n\n  const addConditionGroup = () => {\n    if (depth >= maxDepth) {\n      alert(t('business_rules.components.conditionGroup.maxDepthReached', { maxDepth }))\n      return\n    }\n\n    const newGroup: GroupCondition = {\n      operator: 'AND',\n      rules: [\n        {\n          field: '',\n          operator: '=',\n          value: null,\n        },\n      ],\n    }\n    onChange({\n      ...group,\n      rules: [...group.rules, newGroup],\n    })\n  }\n\n  return (\n    <div\n      className={`p-3 rounded border-2 ${colorClass}`}\n      style={{ marginLeft: depth > 0 ? `${depth * 16}px` : '0' }}\n    >\n      {/* Group Header */}\n      <div className=\"flex items-center gap-2 mb-3\">\n        <span className=\"text-xs font-medium text-muted-foreground\">\n          {t('business_rules.components.conditionGroup.group', { depth: depth + 1 })}\n        </span>\n        <select\n          value={group.operator}\n          onChange={handleOperatorChange}\n          className=\"px-3 py-1.5 text-sm font-semibold border border-border rounded bg-card focus:outline-none focus:ring-2 focus:ring-blue-500\"\n        >\n          {logicalOperators.map((op) => (\n            <option key={op.value} value={op.value}>\n              {op.label}\n            </option>\n          ))}\n        </select>\n\n        <span className=\"text-xs text-muted-foreground\">\n          ({t('business_rules.components.conditionGroup.ruleCount', { count: group.rules.length })})\n        </span>\n\n        {onDelete && (\n          <button\n            type=\"button\"\n            onClick={onDelete}\n            className=\"ml-auto p-1 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.conditionGroup.deleteGroup')}\n          >\n            <X className=\"w-4 h-4\" />\n          </button>\n        )}\n      </div>\n\n      {/* Rules */}\n      <div className=\"space-y-2\">\n        {group.rules.map((rule, index) => (\n          <div key={index}>\n            {isGroupCondition(rule) ? (\n              // Recursive: Nested Group\n              <ConditionGroup\n                group={rule}\n                onChange={(updatedGroup) => handleRuleChange(index, updatedGroup)}\n                onDelete={() => handleDeleteRule(index)}\n                depth={depth + 1}\n                maxDepth={maxDepth}\n                entityType={entityType}\n              />\n            ) : (\n              // Base Case: Simple Condition\n              <ConditionRow\n                condition={rule}\n                onChange={(updatedCondition) => handleRuleChange(index, updatedCondition)}\n                onDelete={() => handleDeleteRule(index)}\n                entityType={entityType}\n              />\n            )}\n          </div>\n        ))}\n      </div>\n\n      {/* Add Buttons */}\n      <div className=\"flex gap-2 mt-3\">\n        <Button\n          type=\"button\"\n          onClick={addSimpleCondition}\n          variant=\"outline\"\n          size=\"sm\"\n          className=\"text-xs\"\n        >\n          <Plus className=\"w-3 h-3 mr-1\" />\n          {t('business_rules.components.conditionGroup.addCondition')}\n        </Button>\n\n        {depth < maxDepth && (\n          <Button\n            type=\"button\"\n            onClick={addConditionGroup}\n            variant=\"outline\"\n            size=\"sm\"\n            className=\"text-xs\"\n          >\n            <Plus className=\"w-3 h-3 mr-1\" />\n            {t('business_rules.components.conditionGroup.addGroup', { depth: depth + 2 })}\n          </Button>\n        )}\n      </div>\n    </div>\n  )\n}\n"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Plus, X } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { ConditionRow } from './ConditionRow'\nimport type { GroupCondition, ConditionExpression, SimpleCondition } from './utils/conditionValidation'\nimport type { LogicalOperator } from './../data/validators'\nimport { isGroupCondition, getLogicalOperators } from './utils/conditionValidation'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport type ConditionGroupProps = {\n  group: GroupCondition\n  onChange: (group: GroupCondition) => void\n  onDelete?: () => void\n  depth: number\n  maxDepth?: number\n  entityType?: string\n}\n\nconst DEPTH_COLORS = [\n  'border-blue-300 bg-blue-50 dark:border-blue-700 dark:bg-blue-950/50',\n  'border-green-300 bg-green-50 dark:border-green-700 dark:bg-green-950/50',\n  'border-purple-300 bg-purple-50 dark:border-purple-700 dark:bg-purple-950/50',\n  'border-orange-300 bg-orange-50 dark:border-orange-700 dark:bg-orange-950/50',\n  'border-pink-300 bg-pink-50 dark:border-pink-700 dark:bg-pink-950/50',\n]\n\nexport function ConditionGroup({ group, onChange, onDelete, depth, maxDepth = 5, entityType }: ConditionGroupProps) {\n  const t = useT()\n  const logicalOperators = getLogicalOperators(t)\n  const colorClass = DEPTH_COLORS[depth % DEPTH_COLORS.length]\n\n  const handleOperatorChange = (e: React.ChangeEvent<HTMLSelectElement>) => {\n    onChange({\n      ...group,\n      operator: e.target.value as LogicalOperator,\n    })\n  }\n\n  const handleRuleChange = (index: number, updatedRule: ConditionExpression) => {\n    const newRules = [...group.rules]\n    newRules[index] = updatedRule\n    onChange({\n      ...group,\n      rules: newRules,\n    })\n  }\n\n  const handleDeleteRule = (index: number) => {\n    const newRules = group.rules.filter((_, i) => i !== index)\n    if (newRules.length === 0) {\n      // If no rules left, delete the group itself\n      onDelete?.()\n    } else {\n      onChange({\n        ...group,\n        rules: newRules,\n      })\n    }\n  }\n\n  const addSimpleCondition = () => {\n    const newCondition: SimpleCondition = {\n      field: '',\n      operator: '=',\n      value: null,\n    }\n    onChange({\n      ...group,\n      rules: [...group.rules, newCondition],\n    })\n  }\n\n  const addConditionGroup = () => {\n    if (depth >= maxDepth) {\n      alert(t('business_rules.components.conditionGroup.maxDepthReached', { maxDepth }))\n      return\n    }\n\n    const newGroup: GroupCondition = {\n      operator: 'AND',\n      rules: [\n        {\n          field: '',\n          operator: '=',\n          value: null,\n        },\n      ],\n    }\n    onChange({\n      ...group,\n      rules: [...group.rules, newGroup],\n    })\n  }\n\n  return (\n    <div\n      className={`p-3 rounded border-2 ${colorClass}`}\n      style={{ marginLeft: depth > 0 ? `${depth * 16}px` : '0' }}\n    >\n      {/* Group Header */}\n      <div className=\"flex items-center gap-2 mb-3\">\n        <span className=\"text-xs font-medium text-muted-foreground\">\n          {t('business_rules.components.conditionGroup.group', { depth: depth + 1 })}\n        </span>\n        <select\n          value={group.operator}\n          onChange={handleOperatorChange}\n          className=\"px-3 py-1.5 text-sm font-semibold border border-border rounded bg-card focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n        >\n          {logicalOperators.map((op) => (\n            <option key={op.value} value={op.value}>\n              {op.label}\n            </option>\n          ))}\n        </select>\n\n        <span className=\"text-xs text-muted-foreground\">\n          ({t('business_rules.components.conditionGroup.ruleCount', { count: group.rules.length })})\n        </span>\n\n        {onDelete && (\n          <button\n            type=\"button\"\n            onClick={onDelete}\n            className=\"ml-auto p-1 text-muted-foreground hover:text-status-error-text hover:bg-status-error-bg rounded transition-colors\"\n            title={t('business_rules.components.conditionGroup.deleteGroup')}\n          >\n            <X className=\"w-4 h-4\" />\n          </button>\n        )}\n      </div>\n\n      {/* Rules */}\n      <div className=\"space-y-2\">\n        {group.rules.map((rule, index) => (\n          <div key={index}>\n            {isGroupCondition(rule) ? (\n              // Recursive: Nested Group\n              <ConditionGroup\n                group={rule}\n                onChange={(updatedGroup) => handleRuleChange(index, updatedGroup)}\n                onDelete={() => handleDeleteRule(index)}\n                depth={depth + 1}\n                maxDepth={maxDepth}\n                entityType={entityType}\n              />\n            ) : (\n              // Base Case: Simple Condition\n              <ConditionRow\n                condition={rule}\n                onChange={(updatedCondition) => handleRuleChange(index, updatedCondition)}\n                onDelete={() => handleDeleteRule(index)}\n                entityType={entityType}\n              />\n            )}\n          </div>\n        ))}\n      </div>\n\n      {/* Add Buttons */}\n      <div className=\"flex gap-2 mt-3\">\n        <Button\n          type=\"button\"\n          onClick={addSimpleCondition}\n          variant=\"outline\"\n          size=\"sm\"\n          className=\"text-xs\"\n        >\n          <Plus className=\"w-3 h-3 mr-1\" />\n          {t('business_rules.components.conditionGroup.addCondition')}\n        </Button>\n\n        {depth < maxDepth && (\n          <Button\n            type=\"button\"\n            onClick={addConditionGroup}\n            variant=\"outline\"\n            size=\"sm\"\n            className=\"text-xs\"\n          >\n            <Plus className=\"w-3 h-3 mr-1\" />\n            {t('business_rules.components.conditionGroup.addGroup', { depth: depth + 2 })}\n          </Button>\n        )}\n      </div>\n    </div>\n  )\n}\n"],
   "mappings": "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",
   "names": []
 }

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

@@ -51,7 +51,7 @@ function ConditionRow({ condition, onChange, onDelete, error }) {
             value: condition.field || "",
             onChange: handleFieldChange,
             placeholder: t("business_rules.components.conditionRow.field.placeholder"),
-            className: `w-full px-2 py-1.5 text-sm border rounded bg-background focus:outline-none focus:ring-2 focus:ring-blue-500 ${fieldError ? "border-red-500" : "border-border"}`
+            className: `w-full px-2 py-1.5 text-sm border rounded bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ${fieldError ? "border-red-500" : "border-border"}`
           }
         ),
         fieldError && /* @__PURE__ */ jsx("p", { className: "text-xs text-red-600 mt-0.5", children: t("business_rules.components.conditionRow.field.invalidPath") })
@@ -63,7 +63,7 @@ function ConditionRow({ condition, onChange, onDelete, error }) {
           {
             value: condition.operator || "=",
             onChange: handleOperatorChange,
-            className: "w-full px-2 py-1.5 text-sm border border-border rounded bg-background focus:outline-none focus:ring-2 focus:ring-blue-500",
+            className: "w-full px-2 py-1.5 text-sm border border-border rounded bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
             children: operators.map((op) => /* @__PURE__ */ jsx("option", { value: op.value, children: op.label }, op.value))
           }
         )
@@ -89,7 +89,7 @@ function ConditionRow({ condition, onChange, onDelete, error }) {
             value: useFieldComparison ? condition.valueField || "" : condition.value === null || condition.value === void 0 ? "" : typeof condition.value === "string" ? condition.value : JSON.stringify(condition.value),
             onChange: useFieldComparison ? handleValueFieldChange : handleValueChange,
             placeholder: useFieldComparison ? t("business_rules.components.conditionRow.field.comparisonPlaceholder") : t("business_rules.components.conditionRow.value.placeholder"),
-            className: "w-full px-2 py-1.5 text-sm border border-border rounded bg-background focus:outline-none focus:ring-2 focus:ring-blue-500"
+            className: "w-full px-2 py-1.5 text-sm border border-border rounded bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
           }
         ),
         /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-0.5", children: useFieldComparison ? t("business_rules.components.conditionRow.field.comparisonHelp") : t("business_rules.components.conditionRow.value.help") })

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 { 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            className={`w-full px-2 py-1.5 text-sm border rounded bg-background focus:outline-none focus:ring-2 focus:ring-blue-500 ${\n              fieldError ? 'border-red-500' : 'border-border'\n            }`}\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            onChange={handleOperatorChange}\n            className=\"w-full px-2 py-1.5 text-sm border border-border rounded bg-background focus:outline-none focus:ring-2 focus:ring-blue-500\"\n          >\n            {operators.map((op) => (\n              <option key={op.value} value={op.value}>\n                {op.label}\n              </option>\n            ))}\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              className=\"w-full px-2 py-1.5 text-sm border border-border rounded bg-background focus:outline-none focus:ring-2 focus:ring-blue-500\"\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 { Button } from '@open-mercato/ui/primitives/button'\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            className={`w-full px-2 py-1.5 text-sm border rounded bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ${\n              fieldError ? 'border-red-500' : 'border-border'\n            }`}\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            onChange={handleOperatorChange}\n            className=\"w-full px-2 py-1.5 text-sm border border-border rounded bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n          >\n            {operators.map((op) => (\n              <option key={op.value} value={op.value}>\n                {op.label}\n              </option>\n            ))}\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              className=\"w-full px-2 py-1.5 text-sm border border-border rounded bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\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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",
   "names": []
 }

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

@@ -61,7 +61,7 @@ function RuleSetMembers({ members, onAdd, onUpdate, onRemove }) {
               {
                 onClick: () => handleMoveUp(member, index),
                 disabled: index === 0,
-                className: "p-1 text-muted-foreground hover:text-foreground hover:bg-muted rounded transition-colors disabled:opacity-30 disabled:cursor-not-allowed",
+                className: "p-1 text-muted-foreground hover:text-foreground hover:bg-muted rounded transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
                 title: t("common.moveUp"),
                 children: /* @__PURE__ */ jsx(ChevronUp, { className: "w-4 h-4" })
               }
@@ -71,13 +71,13 @@ function RuleSetMembers({ members, onAdd, onUpdate, onRemove }) {
               {
                 onClick: () => handleMoveDown(member, index),
                 disabled: index === members.length - 1,
-                className: "p-1 text-muted-foreground hover:text-foreground hover:bg-muted rounded transition-colors disabled:opacity-30 disabled:cursor-not-allowed",
+                className: "p-1 text-muted-foreground hover:text-foreground hover:bg-muted rounded transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
                 title: t("common.moveDown"),
                 children: /* @__PURE__ */ jsx(ChevronDown, { className: "w-4 h-4" })
               }
             )
           ] }),
-          /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-8 h-8 bg-blue-100 text-blue-700 rounded font-mono text-sm font-medium dark:bg-blue-900 dark:text-blue-300", children: member.sequence }),
+          /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-8 h-8 bg-status-info-bg text-status-info-text rounded font-mono text-sm font-medium", children: member.sequence }),
           /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
             /* @__PURE__ */ jsx("div", { className: "font-medium", children: member.ruleName }),
             /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground font-mono", children: member.ruleId })
@@ -87,7 +87,7 @@ function RuleSetMembers({ members, onAdd, onUpdate, onRemove }) {
             "button",
             {
               onClick: () => handleToggleEnabled(member),
-              className: `px-2 py-1 rounded text-xs font-medium cursor-pointer ${member.enabled ? "bg-green-100 text-green-800 hover:bg-green-200 dark:bg-green-900 dark:text-green-300 dark:hover:bg-green-800" : "bg-muted text-muted-foreground hover:bg-muted/80"}`,
+              className: `px-2 py-1 rounded text-xs font-medium cursor-pointer ${member.enabled ? "bg-status-success-bg text-status-success-text hover:bg-status-success-bg/80" : "bg-muted text-muted-foreground hover:bg-muted/50"}`,
               title: t("business_rules.sets.members.actions.toggleEnabled"),
               children: member.enabled ? t("common.enabled") : t("common.disabled")
             }
@@ -96,7 +96,7 @@ function RuleSetMembers({ members, onAdd, onUpdate, onRemove }) {
             "button",
             {
               onClick: () => onRemove(member.id, member.ruleName),
-              className: "p-1.5 text-muted-foreground hover:text-red-600 hover:bg-red-50 dark:hover:bg-red-900/20 rounded transition-colors",
+              className: "p-1.5 text-muted-foreground hover:text-status-error-text hover:bg-status-error-bg rounded transition-colors",
               title: t("common.remove"),
               children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" })
             }
@@ -105,7 +105,7 @@ function RuleSetMembers({ members, onAdd, onUpdate, onRemove }) {
       },
       member.id
     )) }),
-    showAddForm ? /* @__PURE__ */ jsxs("div", { className: "p-4 bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded space-y-3", children: [
+    showAddForm ? /* @__PURE__ */ jsxs("div", { className: "p-4 bg-status-info-bg border border-status-info-border rounded space-y-3", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-3", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
           /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-foreground mb-1", children: t("business_rules.sets.members.form.selectRule") }),
@@ -114,7 +114,7 @@ function RuleSetMembers({ members, onAdd, onUpdate, onRemove }) {
             {
               value: selectedRuleId,
               onChange: (e) => setSelectedRuleId(e.target.value),
-              className: "w-full px-3 py-2 border border-border rounded bg-background focus:outline-none focus:ring-2 focus:ring-blue-500",
+              className: "w-full px-3 py-2 border border-border rounded bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
               children: [
                 /* @__PURE__ */ jsx("option", { value: "", children: t("business_rules.sets.members.form.selectRulePlaceholder") }),
                 rulesNotInSet.map((rule) => /* @__PURE__ */ jsxs("option", { value: rule.id, children: [
@@ -136,7 +136,7 @@ function RuleSetMembers({ members, onAdd, onUpdate, onRemove }) {
               value: sequence,
               onChange: (e) => setSequence(parseInt(e.target.value) || 0),
               min: 0,
-              className: "w-full px-3 py-2 border border-border rounded bg-background focus:outline-none focus:ring-2 focus:ring-blue-500"
+              className: "w-full px-3 py-2 border border-border rounded bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
             }
           )
         ] })

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/business_rules/components/RuleSetMembers.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Plus, ChevronUp, ChevronDown, X } from 'lucide-react'\nimport { useQuery } from '@tanstack/react-query'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\ntype Member = {\n  id: string\n  ruleId: string\n  ruleName: string\n  ruleType: string\n  sequence: number\n  enabled: boolean\n}\n\ntype RuleOption = {\n  id: string\n  ruleId: string\n  ruleName: string\n  ruleType: string\n}\n\ntype RuleSetMembersProps = {\n  members: Member[]\n  onAdd: (ruleId: string, sequence: number) => Promise<void>\n  onUpdate: (memberId: string, updates: { sequence?: number; enabled?: boolean }) => Promise<void>\n  onRemove: (memberId: string, ruleName: string) => Promise<void>\n}\n\nexport function RuleSetMembers({ members, onAdd, onUpdate, onRemove }: RuleSetMembersProps) {\n  const t = useT()\n  const [showAddForm, setShowAddForm] = React.useState(false)\n  const [selectedRuleId, setSelectedRuleId] = React.useState('')\n  const [sequence, setSequence] = React.useState(0)\n\n  // Fetch available rules\n  const { data: availableRules } = useQuery({\n    queryKey: ['business-rules', 'rules-list'],\n    queryFn: async () => {\n      const result = await apiCall<{ items: RuleOption[] }>(\n        '/api/business_rules/rules?page=1&pageSize=100&sortField=ruleName&sortDir=asc'\n      )\n      if (!result.ok) {\n        throw new Error('Failed to fetch rules')\n      }\n      return result.result?.items || []\n    },\n  })\n\n  // Filter out already added rules (memoized to avoid re-computation on every render)\n  const rulesNotInSet = React.useMemo(() => {\n    const memberRuleIds = new Set(members.map(m => m.ruleId))\n    return availableRules?.filter(r => !memberRuleIds.has(r.id)) || []\n  }, [members, availableRules])\n\n  const handleAdd = async () => {\n    if (!selectedRuleId) return\n    await onAdd(selectedRuleId, sequence)\n    setSelectedRuleId('')\n    setSequence(0)\n    setShowAddForm(false)\n  }\n\n  const handleMoveUp = async (member: Member, index: number) => {\n    if (index === 0) return\n    const prevMember = members[index - 1]\n    // Swap sequences\n    await onUpdate(member.id, { sequence: prevMember.sequence })\n    await onUpdate(prevMember.id, { sequence: member.sequence })\n  }\n\n  const handleMoveDown = async (member: Member, index: number) => {\n    if (index === members.length - 1) return\n    const nextMember = members[index + 1]\n    // Swap sequences\n    await onUpdate(member.id, { sequence: nextMember.sequence })\n    await onUpdate(nextMember.id, { sequence: member.sequence })\n  }\n\n  const handleToggleEnabled = async (member: Member) => {\n    await onUpdate(member.id, { enabled: !member.enabled })\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      {/* Members List */}\n      {members.length === 0 ? (\n        <div className=\"text-center py-8 text-muted-foreground\">\n          <p>{t('business_rules.sets.members.empty')}</p>\n        </div>\n      ) : (\n        <div className=\"space-y-2\">\n          {members.map((member, index) => (\n            <div\n              key={member.id}\n              className=\"flex items-center gap-3 p-3 bg-muted rounded border border-border\"\n            >\n              {/* Order Controls */}\n              <div className=\"flex flex-col gap-1\">\n                <button\n                  onClick={() => handleMoveUp(member, index)}\n                  disabled={index === 0}\n                  className=\"p-1 text-muted-foreground hover:text-foreground hover:bg-muted rounded transition-colors disabled:opacity-30 disabled:cursor-not-allowed\"\n                  title={t('common.moveUp')}\n                >\n                  <ChevronUp className=\"w-4 h-4\" />\n                </button>\n                <button\n                  onClick={() => handleMoveDown(member, index)}\n                  disabled={index === members.length - 1}\n                  className=\"p-1 text-muted-foreground hover:text-foreground hover:bg-muted rounded transition-colors disabled:opacity-30 disabled:cursor-not-allowed\"\n                  title={t('common.moveDown')}\n                >\n                  <ChevronDown className=\"w-4 h-4\" />\n                </button>\n              </div>\n\n              {/* Sequence Number */}\n              <div className=\"flex items-center justify-center w-8 h-8 bg-blue-100 text-blue-700 rounded font-mono text-sm font-medium dark:bg-blue-900 dark:text-blue-300\">\n                {member.sequence}\n              </div>\n\n              {/* Rule Info */}\n              <div className=\"flex-1\">\n                <div className=\"font-medium\">{member.ruleName}</div>\n                <div className=\"text-xs text-muted-foreground font-mono\">{member.ruleId}</div>\n              </div>\n\n              {/* Rule Type Badge */}\n              <div className=\"px-2 py-1 bg-muted text-muted-foreground text-xs rounded font-medium\">\n                {member.ruleType}\n              </div>\n\n              {/* Enabled Toggle */}\n              <button\n                onClick={() => handleToggleEnabled(member)}\n                className={`px-2 py-1 rounded text-xs font-medium cursor-pointer ${\n                  member.enabled\n                    ? 'bg-green-100 text-green-800 hover:bg-green-200 dark:bg-green-900 dark:text-green-300 dark:hover:bg-green-800'\n                    : 'bg-muted text-muted-foreground hover:bg-muted/80'\n                }`}\n                title={t('business_rules.sets.members.actions.toggleEnabled')}\n              >\n                {member.enabled ? t('common.enabled') : t('common.disabled')}\n              </button>\n\n              {/* Remove Button */}\n              <button\n                onClick={() => onRemove(member.id, member.ruleName)}\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('common.remove')}\n              >\n                <X className=\"w-4 h-4\" />\n              </button>\n            </div>\n          ))}\n        </div>\n      )}\n\n      {/* Add Rule Form */}\n      {showAddForm ? (\n        <div className=\"p-4 bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded space-y-3\">\n          <div className=\"flex items-end gap-3\">\n            <div className=\"flex-1\">\n              <label className=\"block text-sm font-medium text-foreground mb-1\">\n                {t('business_rules.sets.members.form.selectRule')}\n              </label>\n              <select\n                value={selectedRuleId}\n                onChange={(e) => setSelectedRuleId(e.target.value)}\n                className=\"w-full px-3 py-2 border border-border rounded bg-background focus:outline-none focus:ring-2 focus:ring-blue-500\"\n              >\n                <option value=\"\">{t('business_rules.sets.members.form.selectRulePlaceholder')}</option>\n                {rulesNotInSet.map((rule) => (\n                  <option key={rule.id} value={rule.id}>\n                    {rule.ruleName} ({rule.ruleId})\n                  </option>\n                ))}\n              </select>\n            </div>\n\n            <div className=\"w-32\">\n              <label className=\"block text-sm font-medium text-foreground mb-1\">\n                {t('business_rules.sets.members.form.sequence')}\n              </label>\n              <input\n                type=\"number\"\n                value={sequence}\n                onChange={(e) => setSequence(parseInt(e.target.value) || 0)}\n                min={0}\n                className=\"w-full px-3 py-2 border border-border rounded bg-background focus:outline-none focus:ring-2 focus:ring-blue-500\"\n              />\n            </div>\n          </div>\n\n          <div className=\"flex gap-2\">\n            <Button onClick={handleAdd} disabled={!selectedRuleId} size=\"sm\">\n              {t('business_rules.sets.members.actions.add')}\n            </Button>\n            <Button\n              onClick={() => {\n                setShowAddForm(false)\n                setSelectedRuleId('')\n                setSequence(0)\n              }}\n              variant=\"outline\"\n              size=\"sm\"\n            >\n              {t('common.cancel')}\n            </Button>\n          </div>\n        </div>\n      ) : (\n        <Button onClick={() => setShowAddForm(true)} variant=\"outline\" size=\"sm\">\n          <Plus className=\"w-4 h-4 mr-2\" />\n          {t('business_rules.sets.members.actions.addRule')}\n        </Button>\n      )}\n\n      {/* Help Text */}\n      <div className=\"text-xs text-muted-foreground space-y-1\">\n        <p>\n          <strong>{t('business_rules.sets.members.help.ordering')}:</strong>{' '}\n          {t('business_rules.sets.members.help.orderingDescription')}\n        </p>\n        <p>\n          <strong>{t('business_rules.sets.members.help.enabled')}:</strong>{' '}\n          {t('business_rules.sets.members.help.enabledDescription')}\n        </p>\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Plus, ChevronUp, ChevronDown, X } from 'lucide-react'\nimport { useQuery } from '@tanstack/react-query'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\ntype Member = {\n  id: string\n  ruleId: string\n  ruleName: string\n  ruleType: string\n  sequence: number\n  enabled: boolean\n}\n\ntype RuleOption = {\n  id: string\n  ruleId: string\n  ruleName: string\n  ruleType: string\n}\n\ntype RuleSetMembersProps = {\n  members: Member[]\n  onAdd: (ruleId: string, sequence: number) => Promise<void>\n  onUpdate: (memberId: string, updates: { sequence?: number; enabled?: boolean }) => Promise<void>\n  onRemove: (memberId: string, ruleName: string) => Promise<void>\n}\n\nexport function RuleSetMembers({ members, onAdd, onUpdate, onRemove }: RuleSetMembersProps) {\n  const t = useT()\n  const [showAddForm, setShowAddForm] = React.useState(false)\n  const [selectedRuleId, setSelectedRuleId] = React.useState('')\n  const [sequence, setSequence] = React.useState(0)\n\n  // Fetch available rules\n  const { data: availableRules } = useQuery({\n    queryKey: ['business-rules', 'rules-list'],\n    queryFn: async () => {\n      const result = await apiCall<{ items: RuleOption[] }>(\n        '/api/business_rules/rules?page=1&pageSize=100&sortField=ruleName&sortDir=asc'\n      )\n      if (!result.ok) {\n        throw new Error('Failed to fetch rules')\n      }\n      return result.result?.items || []\n    },\n  })\n\n  // Filter out already added rules (memoized to avoid re-computation on every render)\n  const rulesNotInSet = React.useMemo(() => {\n    const memberRuleIds = new Set(members.map(m => m.ruleId))\n    return availableRules?.filter(r => !memberRuleIds.has(r.id)) || []\n  }, [members, availableRules])\n\n  const handleAdd = async () => {\n    if (!selectedRuleId) return\n    await onAdd(selectedRuleId, sequence)\n    setSelectedRuleId('')\n    setSequence(0)\n    setShowAddForm(false)\n  }\n\n  const handleMoveUp = async (member: Member, index: number) => {\n    if (index === 0) return\n    const prevMember = members[index - 1]\n    // Swap sequences\n    await onUpdate(member.id, { sequence: prevMember.sequence })\n    await onUpdate(prevMember.id, { sequence: member.sequence })\n  }\n\n  const handleMoveDown = async (member: Member, index: number) => {\n    if (index === members.length - 1) return\n    const nextMember = members[index + 1]\n    // Swap sequences\n    await onUpdate(member.id, { sequence: nextMember.sequence })\n    await onUpdate(nextMember.id, { sequence: member.sequence })\n  }\n\n  const handleToggleEnabled = async (member: Member) => {\n    await onUpdate(member.id, { enabled: !member.enabled })\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      {/* Members List */}\n      {members.length === 0 ? (\n        <div className=\"text-center py-8 text-muted-foreground\">\n          <p>{t('business_rules.sets.members.empty')}</p>\n        </div>\n      ) : (\n        <div className=\"space-y-2\">\n          {members.map((member, index) => (\n            <div\n              key={member.id}\n              className=\"flex items-center gap-3 p-3 bg-muted rounded border border-border\"\n            >\n              {/* Order Controls */}\n              <div className=\"flex flex-col gap-1\">\n                <button\n                  onClick={() => handleMoveUp(member, index)}\n                  disabled={index === 0}\n                  className=\"p-1 text-muted-foreground hover:text-foreground hover:bg-muted rounded transition-colors disabled:opacity-50 disabled:cursor-not-allowed\"\n                  title={t('common.moveUp')}\n                >\n                  <ChevronUp className=\"w-4 h-4\" />\n                </button>\n                <button\n                  onClick={() => handleMoveDown(member, index)}\n                  disabled={index === members.length - 1}\n                  className=\"p-1 text-muted-foreground hover:text-foreground hover:bg-muted rounded transition-colors disabled:opacity-50 disabled:cursor-not-allowed\"\n                  title={t('common.moveDown')}\n                >\n                  <ChevronDown className=\"w-4 h-4\" />\n                </button>\n              </div>\n\n              {/* Sequence Number */}\n              <div className=\"flex items-center justify-center w-8 h-8 bg-status-info-bg text-status-info-text rounded font-mono text-sm font-medium\">\n                {member.sequence}\n              </div>\n\n              {/* Rule Info */}\n              <div className=\"flex-1\">\n                <div className=\"font-medium\">{member.ruleName}</div>\n                <div className=\"text-xs text-muted-foreground font-mono\">{member.ruleId}</div>\n              </div>\n\n              {/* Rule Type Badge */}\n              <div className=\"px-2 py-1 bg-muted text-muted-foreground text-xs rounded font-medium\">\n                {member.ruleType}\n              </div>\n\n              {/* Enabled Toggle */}\n              <button\n                onClick={() => handleToggleEnabled(member)}\n                className={`px-2 py-1 rounded text-xs font-medium cursor-pointer ${\n                  member.enabled\n                    ? 'bg-status-success-bg text-status-success-text hover:bg-status-success-bg/80'\n                    : 'bg-muted text-muted-foreground hover:bg-muted/50'\n                }`}\n                title={t('business_rules.sets.members.actions.toggleEnabled')}\n              >\n                {member.enabled ? t('common.enabled') : t('common.disabled')}\n              </button>\n\n              {/* Remove Button */}\n              <button\n                onClick={() => onRemove(member.id, member.ruleName)}\n                className=\"p-1.5 text-muted-foreground hover:text-status-error-text hover:bg-status-error-bg rounded transition-colors\"\n                title={t('common.remove')}\n              >\n                <X className=\"w-4 h-4\" />\n              </button>\n            </div>\n          ))}\n        </div>\n      )}\n\n      {/* Add Rule Form */}\n      {showAddForm ? (\n        <div className=\"p-4 bg-status-info-bg border border-status-info-border rounded space-y-3\">\n          <div className=\"flex items-end gap-3\">\n            <div className=\"flex-1\">\n              <label className=\"block text-sm font-medium text-foreground mb-1\">\n                {t('business_rules.sets.members.form.selectRule')}\n              </label>\n              <select\n                value={selectedRuleId}\n                onChange={(e) => setSelectedRuleId(e.target.value)}\n                className=\"w-full px-3 py-2 border border-border rounded bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n              >\n                <option value=\"\">{t('business_rules.sets.members.form.selectRulePlaceholder')}</option>\n                {rulesNotInSet.map((rule) => (\n                  <option key={rule.id} value={rule.id}>\n                    {rule.ruleName} ({rule.ruleId})\n                  </option>\n                ))}\n              </select>\n            </div>\n\n            <div className=\"w-32\">\n              <label className=\"block text-sm font-medium text-foreground mb-1\">\n                {t('business_rules.sets.members.form.sequence')}\n              </label>\n              <input\n                type=\"number\"\n                value={sequence}\n                onChange={(e) => setSequence(parseInt(e.target.value) || 0)}\n                min={0}\n                className=\"w-full px-3 py-2 border border-border rounded bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n              />\n            </div>\n          </div>\n\n          <div className=\"flex gap-2\">\n            <Button onClick={handleAdd} disabled={!selectedRuleId} size=\"sm\">\n              {t('business_rules.sets.members.actions.add')}\n            </Button>\n            <Button\n              onClick={() => {\n                setShowAddForm(false)\n                setSelectedRuleId('')\n                setSequence(0)\n              }}\n              variant=\"outline\"\n              size=\"sm\"\n            >\n              {t('common.cancel')}\n            </Button>\n          </div>\n        </div>\n      ) : (\n        <Button onClick={() => setShowAddForm(true)} variant=\"outline\" size=\"sm\">\n          <Plus className=\"w-4 h-4 mr-2\" />\n          {t('business_rules.sets.members.actions.addRule')}\n        </Button>\n      )}\n\n      {/* Help Text */}\n      <div className=\"text-xs text-muted-foreground space-y-1\">\n        <p>\n          <strong>{t('business_rules.sets.members.help.ordering')}:</strong>{' '}\n          {t('business_rules.sets.members.help.orderingDescription')}\n        </p>\n        <p>\n          <strong>{t('business_rules.sets.members.help.enabled')}:</strong>{' '}\n          {t('business_rules.sets.members.help.enabledDescription')}\n        </p>\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1518,7 +1518,7 @@ function ProductOptionsSection({ values, setValue }) {
           )
         ] })
       ] }),
-      (Array.isArray(values.options) ? values.options : []).map((option) => /* @__PURE__ */ jsxs("div", { className: "rounded-md bg-muted/40 p-4", children: [
+      (Array.isArray(values.options) ? values.options : []).map((option) => /* @__PURE__ */ jsxs("div", { className: "rounded-md bg-muted/50 p-4", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx(
             Input,
@@ -1827,7 +1827,7 @@ function ProductVariantsSection({
           /* @__PURE__ */ jsx("th", { className: "w-24 px-3 py-2 font-normal", children: t("catalog.products.edit.variants.default", "Default") }),
           /* @__PURE__ */ jsx("th", { className: "w-40 px-3 py-2 font-normal text-right", children: t("catalog.products.edit.variantList.actions", "Actions") })
         ] }) }),
-        /* @__PURE__ */ jsx("tbody", { children: variants.map((variant) => /* @__PURE__ */ jsxs("tr", { className: "border-t hover:bg-muted/40", children: [
+        /* @__PURE__ */ jsx("tbody", { children: variants.map((variant) => /* @__PURE__ */ jsxs("tr", { className: "border-t hover:bg-muted/50", children: [
           /* @__PURE__ */ jsx("td", { className: "px-3 py-2", children: /* @__PURE__ */ jsx(
             Link,
             {