@open-mercato/core 0.6.7 → 0.6.8-develop.6875.1.871a4afc94

package/src/modules/business_rules/components/ActionRow.tsx

@@ -3,6 +3,9 @@
 import * as React from 'react'
 import { X, ChevronUp, ChevronDown } from 'lucide-react'
 import { Input } from '@open-mercato/ui/primitives/input'
+import { Textarea } from '@open-mercato/ui/primitives/textarea'
+import { IconButton } from '@open-mercato/ui/primitives/icon-button'
+import { ComboboxInput, type ComboboxOption } from '@open-mercato/ui/backend/inputs'
 import {
   Select,
   SelectContent,
@@ -13,6 +16,17 @@ import {
 import type { Action } from './utils/actionValidation'
 import { getActionTypeOptions, getRequiredConfigFields, getOptionalConfigFields } from './utils/actionValidation'
 import { useT } from '@open-mercato/shared/lib/i18n/context'
+import type {
+  OpenMercatoApiKeyOption,
+  OpenMercatoEndpointOption,
+} from '../lib/openmercato-call-options-types'
+
+export type OpenMercatoCallOptionsState = {
+  endpoints: OpenMercatoEndpointOption[]
+  apiKeys: OpenMercatoApiKeyOption[]
+  loading: boolean
+  error: string | null
+}
 
 export type ActionRowProps = {
   action: Action
@@ -24,6 +38,7 @@ export type ActionRowProps = {
   canMoveUp?: boolean
   canMoveDown?: boolean
   error?: string
+  openMercatoOptions?: OpenMercatoCallOptionsState
 }
 
 export function ActionRow({
@@ -36,6 +51,7 @@ export function ActionRow({
   canMoveUp,
   canMoveDown,
   error,
+  openMercatoOptions,
 }: ActionRowProps) {
   const t = useT()
   const actionTypes = getActionTypeOptions(t)
@@ -60,6 +76,115 @@ export function ActionRow({
     })
   }
 
+  const renderOpenMercatoConfig = () => {
+    const options = openMercatoOptions ?? { endpoints: [], apiKeys: [], loading: false, error: null }
+    const endpointValue = action.config?.endpoint && action.config?.method
+      ? `${String(action.config.method).toUpperCase()} ${action.config.endpoint}`
+      : undefined
+    const apiKeyValue = action.config?.apiKeyId || undefined
+    const endpointOptions = options.endpoints.map<ComboboxOption>((option) => ({
+      value: option.id,
+      label: option.label,
+      description: option.summary || option.operationId || null,
+    }))
+    const bodyValue = action.config?.body == null
+      ? ''
+      : typeof action.config.body === 'string'
+        ? action.config.body
+        : JSON.stringify(action.config.body, null, 2)
+
+    const handleEndpointChange = (value: string) => {
+      const option = options.endpoints.find((candidate) => candidate.id === value)
+      if (!option) return
+      onChange(index, {
+        ...action,
+        config: {
+          ...(action.config || {}),
+          endpoint: option.path,
+          method: option.method,
+        },
+      })
+    }
+
+    return (
+      <div className="space-y-2">
+        {options.loading && (
+          <p className="text-xs text-muted-foreground col-start-2">
+            {t('business_rules.components.actionRow.openMercato.options.loading')}
+          </p>
+        )}
+        {options.error && (
+          <p className="text-xs text-status-error-text col-start-2">
+            {t('business_rules.components.actionRow.openMercato.options.error', { error: options.error })}
+          </p>
+        )}
+        {!options.loading && !options.error && options.endpoints.length === 0 && (
+          <p className="text-xs text-muted-foreground col-start-2">
+            {t('business_rules.components.actionRow.openMercato.options.noEndpoints')}
+          </p>
+        )}
+        {!options.loading && !options.error && options.apiKeys.length === 0 && (
+          <p className="text-xs text-muted-foreground col-start-2">
+            {t('business_rules.components.actionRow.openMercato.options.noApiKeys')}
+          </p>
+        )}
+
+        <div className="grid grid-cols-4 gap-2 items-center">
+          <label className="text-xs font-medium text-foreground col-span-1">
+            {t('business_rules.components.actionRow.config.endpoint')} <span className="text-status-error-text">{t('business_rules.components.actionRow.actionType.required')}</span>
+          </label>
+          <div className="col-span-3">
+            <ComboboxInput
+              value={endpointValue ?? ''}
+              onChange={handleEndpointChange}
+              suggestions={endpointOptions}
+              placeholder={t('business_rules.components.actionRow.config.endpoint.placeholder')}
+              disabled={options.loading || !!options.error || options.endpoints.length === 0}
+              allowCustomValues={false}
+            />
+          </div>
+        </div>
+
+        <div className="grid grid-cols-4 gap-2 items-center">
+          <label className="text-xs font-medium text-foreground col-span-1">
+            {t('business_rules.components.actionRow.config.apiKey')} <span className="text-status-error-text">{t('business_rules.components.actionRow.actionType.required')}</span>
+          </label>
+          <Select
+            value={apiKeyValue}
+            onValueChange={(next) => handleConfigChange('apiKeyId', next)}
+            disabled={options.loading || !!options.error || options.apiKeys.length === 0}
+          >
+            <SelectTrigger size="sm" className="col-span-3">
+              <SelectValue placeholder={t('business_rules.components.actionRow.config.apiKey.placeholder')} />
+            </SelectTrigger>
+            <SelectContent>
+              {options.apiKeys.map((apiKey) => (
+                <SelectItem key={apiKey.id} value={apiKey.id}>
+                  {apiKey.organizationName
+                    ? `${apiKey.name} (${apiKey.keyPrefix}, ${apiKey.organizationName})`
+                    : `${apiKey.name} (${apiKey.keyPrefix})`}
+                </SelectItem>
+              ))}
+            </SelectContent>
+          </Select>
+        </div>
+
+        <div className="grid grid-cols-4 gap-2 items-start">
+          <label className="text-xs font-medium text-foreground col-span-1">
+            {t('business_rules.components.actionRow.config.body')}
+          </label>
+          <Textarea
+            value={bodyValue}
+            onChange={(e) => handleConfigChange('body', e.target.value)}
+            placeholder={t('business_rules.components.actionRow.config.body.placeholder')}
+            rows={3}
+            className="col-span-3"
+          />
+        </div>
+      </div>
+    )
+  }
+
   const renderConfigField = (field: string, required: boolean) => {
     const value = action.config?.[field] || ''
 
@@ -68,7 +193,7 @@ export function ActionRow({
       return (
         <div key={field} className="grid grid-cols-4 gap-2 items-start">
           <label className="text-xs font-medium text-foreground col-span-1">
-            {t('business_rules.components.actionRow.config.recipients')} {required && <span className="text-red-500">{t('business_rules.components.actionRow.actionType.required')}</span>}
+            {t('business_rules.components.actionRow.config.recipients')} {required && <span className="text-status-error-text">{t('business_rules.components.actionRow.actionType.required')}</span>}
           </label>
           <Input
             type="text"
@@ -133,14 +258,14 @@ export function ActionRow({
       return (
         <div key={field} className="grid grid-cols-4 gap-2 items-start">
           <label className="text-xs font-medium text-foreground col-span-1">
-            {t('business_rules.components.actionRow.config.message')} {required && <span className="text-red-500">{t('business_rules.components.actionRow.actionType.required')}</span>}
+            {t('business_rules.components.actionRow.config.message')} {required && <span className="text-status-error-text">{t('business_rules.components.actionRow.actionType.required')}</span>}
           </label>
-          <textarea
+          <Textarea
             value={value}
             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-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+            className="col-span-3"
           />
           <div className="col-span-4 col-start-2">
             <p className="text-xs text-muted-foreground">{t('business_rules.components.actionRow.config.message.help')}</p>
@@ -153,7 +278,7 @@ export function ActionRow({
     return (
       <div key={field} className="grid grid-cols-4 gap-2 items-center">
         <label className="text-xs font-medium text-foreground col-span-1">
-          {field} {required && <span className="text-red-500">{t('business_rules.components.actionRow.actionType.required')}</span>}
+          {field} {required && <span className="text-status-error-text">{t('business_rules.components.actionRow.actionType.required')}</span>}
         </label>
         <Input
           type="text"
@@ -172,7 +297,7 @@ export function ActionRow({
         {/* Action Type */}
         <div className="grid grid-cols-4 gap-2 items-center">
           <label className="text-xs font-medium text-foreground col-span-1">
-            {t('business_rules.components.actionRow.actionType')} <span className="text-red-500">{t('business_rules.components.actionRow.actionType.required')}</span>
+            {t('business_rules.components.actionRow.actionType')} <span className="text-status-error-text">{t('business_rules.components.actionRow.actionType.required')}</span>
           </label>
           <Select
             value={action.type || undefined}
@@ -194,15 +319,21 @@ export function ActionRow({
         {/* Config Fields */}
         {action.type && (
           <>
-            {requiredFields.map((field) => renderConfigField(field, true))}
-            {optionalFields.map((field) => renderConfigField(field, false))}
+            {action.type === 'CALL_OPEN_MERCATO'
+              ? renderOpenMercatoConfig()
+              : (
+                <>
+                  {requiredFields.map((field) => renderConfigField(field, true))}
+                  {optionalFields.map((field) => renderConfigField(field, false))}
+                </>
+              )}
           </>
         )}
 
         {/* Error Display */}
         {error && (
           <div className="mt-2">
-            <p className="text-xs text-red-600">{error}</p>
+            <p className="text-xs text-status-error-text">{error}</p>
           </div>
         )}
       </div>
@@ -210,35 +341,42 @@ export function ActionRow({
       {/* Control Buttons */}
       <div className="flex flex-col gap-1">
         {onMoveUp && (
-          <button
+          <IconButton
             type="button"
             onClick={() => onMoveUp(index)}
             disabled={!canMoveUp}
-            className="p-1 text-muted-foreground hover:text-foreground hover:bg-muted rounded transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
+            variant="ghost"
+            size="xs"
             title={t('business_rules.components.actionRow.moveUp')}
+            aria-label={t('business_rules.components.actionRow.moveUp')}
           >
             <ChevronUp className="w-4 h-4" />
-          </button>
+          </IconButton>
         )}
         {onMoveDown && (
-          <button
+          <IconButton
             type="button"
             onClick={() => onMoveDown(index)}
             disabled={!canMoveDown}
-            className="p-1 text-muted-foreground hover:text-foreground hover:bg-muted rounded transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
+            variant="ghost"
+            size="xs"
             title={t('business_rules.components.actionRow.moveDown')}
+            aria-label={t('business_rules.components.actionRow.moveDown')}
           >
             <ChevronDown className="w-4 h-4" />
-          </button>
+          </IconButton>
         )}
-        <button
+        <IconButton
           type="button"
           onClick={() => onDelete(index)}
-          className="p-1 text-muted-foreground hover:text-red-600 hover:bg-red-50 dark:hover:bg-red-900/20 rounded transition-colors"
+          variant="ghost"
+          size="xs"
+          className="hover:bg-destructive/10 hover:text-destructive"
           title={t('business_rules.components.actionRow.delete')}
+          aria-label={t('business_rules.components.actionRow.delete')}
         >
           <X className="w-4 h-4" />
-        </button>
+        </IconButton>
       </div>
     </div>
   )

package/src/modules/business_rules/components/ConditionRow.tsx

@@ -1,7 +1,7 @@
 "use client"
 
 import * as React from 'react'
-import { Button } from '@open-mercato/ui/primitives/button'
+import { IconButton } from '@open-mercato/ui/primitives/icon-button'
 import { Input } from '@open-mercato/ui/primitives/input'
 import {
   Select,
@@ -88,7 +88,7 @@ export function ConditionRow({ condition, onChange, onDelete, error }: Condition
             aria-invalid={fieldError ? true : undefined}
           />
           {fieldError && (
-            <p className="text-xs text-red-600 mt-0.5">
+            <p className="text-xs text-status-error-text mt-0.5">
               {t('business_rules.components.conditionRow.field.invalidPath')}
             </p>
           )}
@@ -166,19 +166,22 @@ export function ConditionRow({ condition, onChange, onDelete, error }: Condition
       </div>
 
       {/* Delete Button */}
-      <button
+      <IconButton
         type="button"
         onClick={onDelete}
-        className="p-1.5 text-muted-foreground hover:text-red-600 hover:bg-red-50 dark:hover:bg-red-900/20 rounded transition-colors"
+        variant="ghost"
+        size="xs"
+        className="hover:bg-destructive/10 hover:text-destructive"
         title={t('business_rules.components.conditionRow.deleteCondition')}
+        aria-label={t('business_rules.components.conditionRow.deleteCondition')}
       >
         <X className="w-4 h-4" />
-      </button>
+      </IconButton>
 
       {/* Error Display */}
       {error && (
         <div className="col-span-full mt-2">
-          <p className="text-xs text-red-600">{error}</p>
+          <p className="text-xs text-status-error-text">{error}</p>
         </div>
       )}
     </div>

package/src/modules/business_rules/components/utils/actionValidation.ts

@@ -23,6 +23,7 @@ export const ACTION_TYPES = [
   'NOTIFY',
   'SET_FIELD',
   'CALL_WEBHOOK',
+  'CALL_OPEN_MERCATO',
   'EMIT_EVENT',
 ] as const
 
@@ -42,6 +43,7 @@ export function getActionTypeOptions(t: TranslatorFn): { value: string; label: s
     { value: 'NOTIFY', label: t('business_rules.validation.actionTypes.NOTIFY') },
     { value: 'SET_FIELD', label: t('business_rules.validation.actionTypes.SET_FIELD') },
     { value: 'CALL_WEBHOOK', label: t('business_rules.validation.actionTypes.CALL_WEBHOOK') },
+    { value: 'CALL_OPEN_MERCATO', label: t('business_rules.validation.actionTypes.CALL_OPEN_MERCATO') },
     { value: 'EMIT_EVENT', label: t('business_rules.validation.actionTypes.EMIT_EVENT') },
   ]
 }
@@ -62,6 +64,8 @@ export function getRequiredConfigFields(actionType: string): string[] {
       return ['field', 'value']
     case 'CALL_WEBHOOK':
       return ['url']
+    case 'CALL_OPEN_MERCATO':
+      return ['endpoint', 'method', 'apiKeyId']
     case 'EMIT_EVENT':
       return ['eventName']
     case 'ALLOW_TRANSITION':
@@ -82,6 +86,8 @@ export function getOptionalConfigFields(actionType: string): string[] {
       return ['template']
     case 'CALL_WEBHOOK':
       return ['method', 'headers', 'body']
+    case 'CALL_OPEN_MERCATO':
+      return ['body']
     case 'EMIT_EVENT':
       return ['payload']
     default:

package/src/modules/business_rules/events.ts

@@ -0,0 +1,10 @@
+import { createModuleEvents } from '@open-mercato/shared/modules/events'
+
+const events = [
+  { id: 'business_rules.rule.execution_failed', label: 'Rule Execution Failed', entity: 'rule', category: 'lifecycle' },
+] as const
+
+export const eventsConfig = createModuleEvents({ moduleId: 'business_rules', events })
+export const emitBusinessRulesEvent = eventsConfig.emit
+export type BusinessRulesEventId = typeof events[number]['id']
+export default eventsConfig

package/src/modules/business_rules/extension-points.ts

@@ -0,0 +1,10 @@
+import { dataTableExtensionHost, defineModuleExtensionPoints } from '@open-mercato/shared/modules/widgets/extension-points'
+
+export const extensionPoints = defineModuleExtensionPoints({
+  moduleId: 'business_rules',
+  hosts: {
+    rulesTable: dataTableExtensionHost({ tableId: 'business-rules.rules.list', source: 'backend/rules/page.tsx' }),
+  },
+})
+
+export default extensionPoints

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

@@ -29,6 +29,12 @@
   "business_rules.components.actionRow.actionType": "Aktionstyp",
   "business_rules.components.actionRow.actionType.placeholder": "Aktionstyp auswählen...",
   "business_rules.components.actionRow.actionType.required": "*",
+  "business_rules.components.actionRow.config.apiKey": "API-Schlüssel",
+  "business_rules.components.actionRow.config.apiKey.placeholder": "API-Schlüssel auswählen",
+  "business_rules.components.actionRow.config.body": "Body",
+  "business_rules.components.actionRow.config.body.placeholder": "JSON-Body eingeben. Verwenden Sie {{field}} für Interpolation.",
+  "business_rules.components.actionRow.config.endpoint": "Endpunkt",
+  "business_rules.components.actionRow.config.endpoint.placeholder": "Endpunkt auswählen",
   "business_rules.components.actionRow.config.field.placeholder": "{{field}} eingeben",
   "business_rules.components.actionRow.config.level": "Stufe",
   "business_rules.components.actionRow.config.level.debug": "Debug",
@@ -45,6 +51,11 @@
   "business_rules.components.actionRow.delete": "Aktion löschen",
   "business_rules.components.actionRow.moveDown": "Nach unten",
   "business_rules.components.actionRow.moveUp": "Nach oben",
+  "business_rules.components.actionRow.openMercato.options.error": "OpenMercato-Optionen nicht verfügbar: {{error}}",
+  "business_rules.components.actionRow.openMercato.options.fetchFailed": "OpenMercato-Optionen konnten nicht geladen werden ({{status}})",
+  "business_rules.components.actionRow.openMercato.options.loading": "OpenMercato-Optionen werden geladen...",
+  "business_rules.components.actionRow.openMercato.options.noApiKeys": "Keine API-Schlüsselprofile verfügbar.",
+  "business_rules.components.actionRow.openMercato.options.noEndpoints": "Keine ausführbaren OpenMercato-Endpunkte verfügbar.",
   "business_rules.components.conditionBuilder.addFirstCondition": "Erste Bedingung hinzufügen",
   "business_rules.components.conditionBuilder.clearAll": "Alle löschen",
   "business_rules.components.conditionBuilder.confirm.clearAll": "Sind Sie sicher, dass Sie alle Bedingungen löschen möchten?",
@@ -324,6 +335,7 @@
   "business_rules.validation.action.unknownType": "Unbekannter Aktionstyp \"{{type}}\". Gültige Typen sind: {{validTypes}}",
   "business_rules.validation.actionTypes.ALLOW_TRANSITION": "Übergang erlauben",
   "business_rules.validation.actionTypes.BLOCK_TRANSITION": "Übergang blockieren",
+  "business_rules.validation.actionTypes.CALL_OPEN_MERCATO": "OpenMercato aufrufen",
   "business_rules.validation.actionTypes.CALL_WEBHOOK": "Webhook aufrufen",
   "business_rules.validation.actionTypes.EMIT_EVENT": "Ereignis auslösen",
   "business_rules.validation.actionTypes.LOG": "Nachricht protokollieren",

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

@@ -29,6 +29,12 @@
   "business_rules.components.actionRow.actionType": "Action Type",
   "business_rules.components.actionRow.actionType.placeholder": "Select action type...",
   "business_rules.components.actionRow.actionType.required": "*",
+  "business_rules.components.actionRow.config.apiKey": "API key",
+  "business_rules.components.actionRow.config.apiKey.placeholder": "Select API key",
+  "business_rules.components.actionRow.config.body": "body",
+  "business_rules.components.actionRow.config.body.placeholder": "Enter JSON body. Use {{field}} for interpolation.",
+  "business_rules.components.actionRow.config.endpoint": "endpoint",
+  "business_rules.components.actionRow.config.endpoint.placeholder": "Select endpoint",
   "business_rules.components.actionRow.config.field.placeholder": "Enter {{field}}",
   "business_rules.components.actionRow.config.level": "level",
   "business_rules.components.actionRow.config.level.debug": "Debug",
@@ -45,6 +51,11 @@
   "business_rules.components.actionRow.delete": "Delete action",
   "business_rules.components.actionRow.moveDown": "Move down",
   "business_rules.components.actionRow.moveUp": "Move up",
+  "business_rules.components.actionRow.openMercato.options.error": "OpenMercato options unavailable: {{error}}",
+  "business_rules.components.actionRow.openMercato.options.fetchFailed": "Failed to load OpenMercato options ({{status}})",
+  "business_rules.components.actionRow.openMercato.options.loading": "Loading OpenMercato options...",
+  "business_rules.components.actionRow.openMercato.options.noApiKeys": "No API key profiles are available.",
+  "business_rules.components.actionRow.openMercato.options.noEndpoints": "No executable OpenMercato endpoints are available.",
   "business_rules.components.conditionBuilder.addFirstCondition": "Add First Condition",
   "business_rules.components.conditionBuilder.clearAll": "Clear All",
   "business_rules.components.conditionBuilder.confirm.clearAll": "Are you sure you want to clear all conditions?",
@@ -324,6 +335,7 @@
   "business_rules.validation.action.unknownType": "Unknown action type \"{{type}}\". Valid types are: {{validTypes}}",
   "business_rules.validation.actionTypes.ALLOW_TRANSITION": "Allow Transition",
   "business_rules.validation.actionTypes.BLOCK_TRANSITION": "Block Transition",
+  "business_rules.validation.actionTypes.CALL_OPEN_MERCATO": "Call OpenMercato",
   "business_rules.validation.actionTypes.CALL_WEBHOOK": "Call Webhook",
   "business_rules.validation.actionTypes.EMIT_EVENT": "Emit Event",
   "business_rules.validation.actionTypes.LOG": "Log Message",

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

@@ -29,6 +29,12 @@
   "business_rules.components.actionRow.actionType": "Tipo de Acción",
   "business_rules.components.actionRow.actionType.placeholder": "Seleccionar tipo de acción...",
   "business_rules.components.actionRow.actionType.required": "*",
+  "business_rules.components.actionRow.config.apiKey": "clave API",
+  "business_rules.components.actionRow.config.apiKey.placeholder": "Seleccione clave API",
+  "business_rules.components.actionRow.config.body": "body",
+  "business_rules.components.actionRow.config.body.placeholder": "Ingrese body JSON. Use {{field}} para interpolación.",
+  "business_rules.components.actionRow.config.endpoint": "endpoint",
+  "business_rules.components.actionRow.config.endpoint.placeholder": "Seleccione endpoint",
   "business_rules.components.actionRow.config.field.placeholder": "Ingrese {{field}}",
   "business_rules.components.actionRow.config.level": "nivel",
   "business_rules.components.actionRow.config.level.debug": "Debug",
@@ -45,6 +51,11 @@
   "business_rules.components.actionRow.delete": "Eliminar acción",
   "business_rules.components.actionRow.moveDown": "Mover abajo",
   "business_rules.components.actionRow.moveUp": "Mover arriba",
+  "business_rules.components.actionRow.openMercato.options.error": "Opciones de OpenMercato no disponibles: {{error}}",
+  "business_rules.components.actionRow.openMercato.options.fetchFailed": "No se pudieron cargar las opciones de OpenMercato ({{status}})",
+  "business_rules.components.actionRow.openMercato.options.loading": "Cargando opciones de OpenMercato...",
+  "business_rules.components.actionRow.openMercato.options.noApiKeys": "No hay perfiles de claves API disponibles.",
+  "business_rules.components.actionRow.openMercato.options.noEndpoints": "No hay endpoints ejecutables de OpenMercato disponibles.",
   "business_rules.components.conditionBuilder.addFirstCondition": "Añadir Primera Condición",
   "business_rules.components.conditionBuilder.clearAll": "Limpiar Todo",
   "business_rules.components.conditionBuilder.confirm.clearAll": "¿Está seguro de que desea eliminar todas las condiciones?",
@@ -324,6 +335,7 @@
   "business_rules.validation.action.unknownType": "Tipo de acción desconocido \"{{type}}\". Los tipos válidos son: {{validTypes}}",
   "business_rules.validation.actionTypes.ALLOW_TRANSITION": "Permitir transición",
   "business_rules.validation.actionTypes.BLOCK_TRANSITION": "Bloquear transición",
+  "business_rules.validation.actionTypes.CALL_OPEN_MERCATO": "Llamar OpenMercato",
   "business_rules.validation.actionTypes.CALL_WEBHOOK": "Llamar webhook",
   "business_rules.validation.actionTypes.EMIT_EVENT": "Emitir evento",
   "business_rules.validation.actionTypes.LOG": "Registrar mensaje",