npm - @open-mercato/core - Versions diffs - 0.6.7 → 0.6.8-develop.6874.1.982d6097d8 - Mend

@open-mercato/core 0.6.7 → 0.6.8-develop.6874.1.982d6097d8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1508) hide show

package/dist/modules/workflows/components/fields/FormFieldArrayEditor.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/workflows/components/fields/FormFieldArrayEditor.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { useState } from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { Alert, AlertDescription } from '@open-mercato/ui/primitives/alert'\nimport { ChevronDown, Plus, Trash2 } from 'lucide-react'\nimport type { CrudCustomFieldRenderProps } from '@open-mercato/ui/backend/CrudForm'\n\n/**\n * Form field definition structure\n */\nexport interface FormField {\n  name: string\n  type: string\n  label: string\n  required: boolean\n  placeholder?: string\n  options?: string[]\n  defaultValue?: string\n}\n\ninterface FormFieldArrayEditorProps extends CrudCustomFieldRenderProps {\n  value: FormField[]\n  isJsonSchemaFormat?: boolean\n}\n\n/**\n * FormFieldArrayEditor - Custom field component for managing UserTask form fields\n *\n * Provides an interface to add, edit, and remove form field definitions for user tasks.\n * Supports 12 field types with conditional options for select/radio types.\n *\n * Displays a warning banner if the form was converted from JSON Schema format.\n *\n * Used by NodeEditDialog (UserTask type only)\n */\nexport function FormFieldArrayEditor({\n  id,\n  value = [],\n  error,\n  setValue,\n  disabled,\n  isJsonSchemaFormat = false,\n}: FormFieldArrayEditorProps) {\n  const t = useT()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const [expandedIndices, setExpandedIndices] = useState<Set<number>>(new Set())\n\n  const formFields = Array.isArray(value) ? value : []\n\n  const toggleExpanded = (index: number) => {\n    const newExpanded = new Set(expandedIndices)\n    if (newExpanded.has(index)) {\n      newExpanded.delete(index)\n    } else {\n      newExpanded.add(index)\n    }\n    setExpandedIndices(newExpanded)\n  }\n\n  const addFormField = () => {\n    const newField: FormField = {\n      name: `field_${Date.now()}`,\n      type: 'text',\n      label: t('workflows.form.newField'),\n      required: false,\n      placeholder: '',\n    }\n    const newFields = [...formFields, newField]\n    setValue(newFields)\n\n    // Auto-expand the newly added field\n    const newExpanded = new Set(expandedIndices)\n    newExpanded.add(formFields.length)\n    setExpandedIndices(newExpanded)\n  }\n\n  const removeFormField = async (index: number) => {\n    const confirmed = await confirm({\n      title: t('workflows.fieldEditors.formFields.removeField'),\n      text: t('workflows.fieldEditors.formFields.confirmRemove'),\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n\n    const newFields = formFields.filter((_, i) => i !== index)\n    setValue(newFields)\n\n    // Remove from expanded set\n    const newExpanded = new Set(expandedIndices)\n    newExpanded.delete(index)\n    setExpandedIndices(newExpanded)\n  }\n\n  const updateFormField = (index: number, fieldKey: keyof FormField, fieldValue: any) => {\n    const updated = [...formFields]\n    updated[index] = { ...updated[index], [fieldKey]: fieldValue }\n    setValue(updated)\n  }\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div>\n          <Label className=\"text-sm font-semibold\">{t('workflows.fieldEditors.formFields.title')} ({formFields.length})</Label>\n          <p className=\"text-xs text-muted-foreground mt-0.5\">\n            {t('workflows.fieldEditors.formFields.description')}\n          </p>\n          {error && <p className=\"text-xs text-red-600 mt-1\">{error}</p>}\n        </div>\n        <Button\n          type=\"button\"\n          size=\"sm\"\n          onClick={addFormField}\n          disabled={disabled}\n          className=\"w-full sm:w-auto\"\n        >\n          <Plus className=\"size-3 mr-1\" />\n          {t('workflows.fieldEditors.formFields.addField')}\n        </Button>\n      </div>\n\n      {/* JSON Schema Format Notice */}\n      {isJsonSchemaFormat && (\n        <Alert variant=\"info\">\n          <AlertDescription className=\"text-xs\">\n            {t('workflows.fieldEditors.formFields.jsonSchemaNotice')}\n          </AlertDescription>\n        </Alert>\n      )}\n\n      {formFields.length === 0 ? (\n        <div className=\"p-4 text-center text-sm text-muted-foreground bg-muted rounded-lg border\">\n          {t('workflows.fieldEditors.formFields.emptyState')}\n        </div>\n      ) : (\n        <div className=\"space-y-2\">\n          {formFields.map((field, index) => {\n            const isExpanded = expandedIndices.has(index)\n            return (\n              <div key={index} className=\"border border-gray-200 rounded-lg bg-gray-50\">\n                {/* Collapsed Header */}\n                <button\n                  type=\"button\"\n                  onClick={() => toggleExpanded(index)}\n                  disabled={disabled}\n                  className=\"w-full px-4 py-3 text-left flex items-center justify-between hover:bg-gray-100 transition-colors rounded-t-lg disabled:opacity-50\"\n                >\n                  <div className=\"flex-1\">\n                    <div className=\"flex flex-wrap items-center gap-2\">\n                      <span className=\"text-sm font-semibold text-gray-900\">\n                        {field.label || field.name}\n                      </span>\n                      <Badge variant=\"secondary\" className=\"text-xs\">\n                        {field.type}\n                      </Badge>\n                      {field.required && (\n                        <Badge variant=\"destructive\" className=\"text-xs text-white\">\n                          {t('workflows.form.required')}\n                        </Badge>\n                      )}\n                    </div>\n                    <p className=\"text-xs text-gray-600 mt-1\">\n                      Field name: <code className=\"bg-white px-1 rounded\">{field.name}</code>\n                    </p>\n                  </div>\n                  <ChevronDown\n                    className={`w-5 h-5 text-gray-400 transition-transform ${isExpanded ? 'rotate-180' : ''}`}\n                  />\n                </button>\n\n                {/* Expanded Content */}\n                {isExpanded && (\n                  <div className=\"px-4 pb-4 space-y-3 border-t border-gray-200 bg-white\">\n                    {/* Field Name */}\n                    <div className=\"pt-3\">\n                      <Label htmlFor={`${id}-${index}-name`} className=\"text-xs font-medium mb-1\">\n                        {t('workflows.fieldEditors.formFields.fieldName')} *\n                      </Label>\n                      <Input\n                        id={`${id}-${index}-name`}\n                        type=\"text\"\n                        value={field.name}\n                        onChange={(e) => updateFormField(index, 'name', e.target.value)}\n                        placeholder={t('workflows.fieldEditors.formFields.fieldNamePlaceholder')}\n                        className=\"text-xs\"\n                        disabled={disabled}\n                      />\n                      <p className=\"text-xs text-muted-foreground mt-0.5\">{t('workflows.fieldEditors.formFields.fieldNameHint')}</p>\n                    </div>\n\n                    {/* Field Label */}\n                    <div>\n                      <Label htmlFor={`${id}-${index}-label`} className=\"text-xs font-medium mb-1\">\n                        {t('workflows.fieldEditors.formFields.fieldLabel')} *\n                      </Label>\n                      <Input\n                        id={`${id}-${index}-label`}\n                        type=\"text\"\n                        value={field.label}\n                        onChange={(e) => updateFormField(index, 'label', e.target.value)}\n                        placeholder={t('workflows.fieldEditors.formFields.fieldLabelPlaceholder')}\n                        className=\"text-xs\"\n                        disabled={disabled}\n                      />\n                      <p className=\"text-xs text-muted-foreground mt-0.5\">{t('workflows.fieldEditors.formFields.fieldLabelHint')}</p>\n                    </div>\n\n                    {/* Field Type */}\n                    <div>\n                      <Label htmlFor={`${id}-${index}-type`} className=\"text-xs font-medium mb-1\">\n                        {t('workflows.fieldEditors.formFields.fieldType')} *\n                      </Label>\n                      <Select\n                        value={field.type}\n                        onValueChange={(value) => updateFormField(index, 'type', value)}\n                        disabled={disabled}\n                      >\n                        <SelectTrigger id={`${id}-${index}-type`}>\n                          <SelectValue />\n                        </SelectTrigger>\n                        <SelectContent>\n                          <SelectItem value=\"text\">{t('workflows.form.fieldTypes.text')}</SelectItem>\n                          <SelectItem value=\"number\">{t('workflows.form.fieldTypes.number')}</SelectItem>\n                          <SelectItem value=\"email\">{t('workflows.form.fieldTypes.email')}</SelectItem>\n                          <SelectItem value=\"tel\">{t('workflows.form.fieldTypes.tel')}</SelectItem>\n                          <SelectItem value=\"url\">{t('workflows.form.fieldTypes.url')}</SelectItem>\n                          <SelectItem value=\"textarea\">{t('workflows.form.fieldTypes.textarea')}</SelectItem>\n                          <SelectItem value=\"select\">{t('workflows.form.fieldTypes.select')}</SelectItem>\n                          <SelectItem value=\"radio\">{t('workflows.form.fieldTypes.radio')}</SelectItem>\n                          <SelectItem value=\"checkbox\">{t('workflows.form.fieldTypes.checkbox')}</SelectItem>\n                          <SelectItem value=\"date\">{t('workflows.form.fieldTypes.date')}</SelectItem>\n                          <SelectItem value=\"time\">{t('workflows.form.fieldTypes.time')}</SelectItem>\n                          <SelectItem value=\"datetime-local\">{t('workflows.form.fieldTypes.datetime-local')}</SelectItem>\n                        </SelectContent>\n                      </Select>\n                    </div>\n\n                    {/* Placeholder */}\n                    <div>\n                      <Label htmlFor={`${id}-${index}-placeholder`} className=\"text-xs font-medium mb-1\">\n                        {t('workflows.fieldEditors.formFields.placeholder')}\n                      </Label>\n                      <Input\n                        id={`${id}-${index}-placeholder`}\n                        type=\"text\"\n                        value={field.placeholder || ''}\n                        onChange={(e) => updateFormField(index, 'placeholder', e.target.value)}\n                        placeholder={t('workflows.fieldEditors.formFields.placeholderPlaceholder')}\n                        className=\"text-xs\"\n                        disabled={disabled}\n                      />\n                    </div>\n\n                    {/* Default Value */}\n                    <div>\n                      <Label htmlFor={`${id}-${index}-defaultValue`} className=\"text-xs font-medium mb-1\">\n                        {t('workflows.fieldEditors.formFields.defaultValue')}\n                      </Label>\n                      <Input\n                        id={`${id}-${index}-defaultValue`}\n                        type=\"text\"\n                        value={field.defaultValue || ''}\n                        onChange={(e) => updateFormField(index, 'defaultValue', e.target.value)}\n                        placeholder={t('workflows.fieldEditors.formFields.defaultValuePlaceholder')}\n                        className=\"text-xs\"\n                        disabled={disabled}\n                      />\n                    </div>\n\n                    {/* Options (for select/radio) */}\n                    {(field.type === 'select' || field.type === 'radio') && (\n                      <div>\n                        <Label htmlFor={`${id}-${index}-options`} className=\"text-xs font-medium mb-1\">\n                          {t('workflows.fieldEditors.formFields.options')}\n                        </Label>\n                        <Input\n                          id={`${id}-${index}-options`}\n                          type=\"text\"\n                          value={field.options?.join(', ') || ''}\n                          onChange={(e) =>\n                            updateFormField(\n                              index,\n                              'options',\n                              e.target.value\n                                .split(',')\n                                .map((o) => o.trim())\n                                .filter(Boolean)\n                            )\n                          }\n                          placeholder={t('workflows.fieldEditors.formFields.optionsPlaceholder')}\n                          className=\"text-xs\"\n                          disabled={disabled}\n                        />\n                        <p className=\"text-xs text-muted-foreground mt-0.5\">{t('workflows.fieldEditors.formFields.optionsHint')}</p>\n                      </div>\n                    )}\n\n                    {/* Required Checkbox */}\n                    <div>\n                      <div className=\"flex items-center gap-2\">\n                        <input\n                          type=\"checkbox\"\n                          id={`${id}-${index}-required`}\n                          checked={field.required}\n                          onChange={(e) => updateFormField(index, 'required', e.target.checked)}\n                          className=\"h-4 w-4 rounded border-gray-300 text-blue-600 focus-visible:ring-ring\"\n                          disabled={disabled}\n                        />\n                        <Label htmlFor={`${id}-${index}-required`} className=\"text-xs font-medium cursor-pointer\">\n                          {t('workflows.fieldEditors.formFields.requiredField')}\n                        </Label>\n                      </div>\n                    </div>\n\n                    {/* Delete Button */}\n                    <div className=\"border-t border-gray-200 pt-3\">\n                      <Button\n                        type=\"button\"\n                        variant=\"destructive\"\n                        size=\"sm\"\n                        onClick={() => removeFormField(index)}\n                        disabled={disabled}\n                      >\n                        <Trash2 className=\"size-4 mr-1\" />\n                        {t('workflows.fieldEditors.formFields.removeField')}\n                      </Button>\n                    </div>\n                  </div>\n                )}\n              </div>\n            )\n          })}\n        </div>\n      )}\n      {ConfirmDialogElement}\n    </div>\n  )\n}\n"],
-  "mappings": ";AAoHU,SACA,KADA;AAlHV,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,wBAAwB;AACjC,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,OAAO,wBAAwB;AACxC,SAAS,aAAa,MAAM,cAAc;AA+BnC,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA,QAAQ,CAAC;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA,qBAAqB;AACvB,GAA8B;AAC5B,QAAM,IAAI,KAAK;AACf,QAAM,EAAE,SAAS,qBAAqB,IAAI,iBAAiB;AAC3D,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAsB,oBAAI,IAAI,CAAC;AAE7E,QAAM,aAAa,MAAM,QAAQ,KAAK,IAAI,QAAQ,CAAC;AAEnD,QAAM,iBAAiB,CAAC,UAAkB;AACxC,UAAM,cAAc,IAAI,IAAI,eAAe;AAC3C,QAAI,YAAY,IAAI,KAAK,GAAG;AAC1B,kBAAY,OAAO,KAAK;AAAA,IAC1B,OAAO;AACL,kBAAY,IAAI,KAAK;AAAA,IACvB;AACA,uBAAmB,WAAW;AAAA,EAChC;AAEA,QAAM,eAAe,MAAM;AACzB,UAAM,WAAsB;AAAA,MAC1B,MAAM,SAAS,KAAK,IAAI,CAAC;AAAA,MACzB,MAAM;AAAA,MACN,OAAO,EAAE,yBAAyB;AAAA,MAClC,UAAU;AAAA,MACV,aAAa;AAAA,IACf;AACA,UAAM,YAAY,CAAC,GAAG,YAAY,QAAQ;AAC1C,aAAS,SAAS;AAGlB,UAAM,cAAc,IAAI,IAAI,eAAe;AAC3C,gBAAY,IAAI,WAAW,MAAM;AACjC,uBAAmB,WAAW;AAAA,EAChC;AAEA,QAAM,kBAAkB,OAAO,UAAkB;AAC/C,UAAM,YAAY,MAAM,QAAQ;AAAA,MAC9B,OAAO,EAAE,+CAA+C;AAAA,MACxD,MAAM,EAAE,iDAAiD;AAAA,MACzD,SAAS;AAAA,IACX,CAAC;AACD,QAAI,CAAC,UAAW;AAEhB,UAAM,YAAY,WAAW,OAAO,CAAC,GAAG,MAAM,MAAM,KAAK;AACzD,aAAS,SAAS;AAGlB,UAAM,cAAc,IAAI,IAAI,eAAe;AAC3C,gBAAY,OAAO,KAAK;AACxB,uBAAmB,WAAW;AAAA,EAChC;AAEA,QAAM,kBAAkB,CAAC,OAAe,UAA2B,eAAoB;AACrF,UAAM,UAAU,CAAC,GAAG,UAAU;AAC9B,YAAQ,KAAK,IAAI,EAAE,GAAG,QAAQ,KAAK,GAAG,CAAC,QAAQ,GAAG,WAAW;AAC7D,aAAS,OAAO;AAAA,EAClB;AAEA,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,yBAAC,SAAI,WAAU,sEACb;AAAA,2BAAC,SACC;AAAA,6BAAC,SAAM,WAAU,yBAAyB;AAAA,YAAE,yCAAyC;AAAA,UAAE;AAAA,UAAG,WAAW;AAAA,UAAO;AAAA,WAAC;AAAA,QAC7G,oBAAC,OAAE,WAAU,wCACV,YAAE,+CAA+C,GACpD;AAAA,QACC,SAAS,oBAAC,OAAE,WAAU,6BAA6B,iBAAM;AAAA,SAC5D;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,MAAK;AAAA,UACL,SAAS;AAAA,UACT;AAAA,UACA,WAAU;AAAA,UAEV;AAAA,gCAAC,QAAK,WAAU,eAAc;AAAA,YAC7B,EAAE,4CAA4C;AAAA;AAAA;AAAA,MACjD;AAAA,OACF;AAAA,IAGC,sBACC,oBAAC,SAAM,SAAQ,QACb,8BAAC,oBAAiB,WAAU,WACzB,YAAE,oDAAoD,GACzD,GACF;AAAA,IAGD,WAAW,WAAW,IACrB,oBAAC,SAAI,WAAU,4EACZ,YAAE,8CAA8C,GACnD,IAEA,oBAAC,SAAI,WAAU,aACZ,qBAAW,IAAI,CAAC,OAAO,UAAU;AAChC,YAAM,aAAa,gBAAgB,IAAI,KAAK;AAC5C,aACE,qBAAC,SAAgB,WAAU,gDAEzB;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS,MAAM,eAAe,KAAK;AAAA,YACnC;AAAA,YACA,WAAU;AAAA,YAEV;AAAA,mCAAC,SAAI,WAAU,UACb;AAAA,qCAAC,SAAI,WAAU,qCACb;AAAA,sCAAC,UAAK,WAAU,uCACb,gBAAM,SAAS,MAAM,MACxB;AAAA,kBACA,oBAAC,SAAM,SAAQ,aAAY,WAAU,WAClC,gBAAM,MACT;AAAA,kBACC,MAAM,YACL,oBAAC,SAAM,SAAQ,eAAc,WAAU,sBACpC,YAAE,yBAAyB,GAC9B;AAAA,mBAEJ;AAAA,gBACA,qBAAC,OAAE,WAAU,8BAA6B;AAAA;AAAA,kBAC5B,oBAAC,UAAK,WAAU,yBAAyB,gBAAM,MAAK;AAAA,mBAClE;AAAA,iBACF;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAW,8CAA8C,aAAa,eAAe,EAAE;AAAA;AAAA,cACzF;AAAA;AAAA;AAAA,QACF;AAAA,QAGC,cACC,qBAAC,SAAI,WAAU,yDAEb;AAAA,+BAAC,SAAI,WAAU,QACb;AAAA,iCAAC,SAAM,SAAS,GAAG,EAAE,IAAI,KAAK,SAAS,WAAU,4BAC9C;AAAA,gBAAE,6CAA6C;AAAA,cAAE;AAAA,eACpD;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,IAAI,GAAG,EAAE,IAAI,KAAK;AAAA,gBAClB,MAAK;AAAA,gBACL,OAAO,MAAM;AAAA,gBACb,UAAU,CAAC,MAAM,gBAAgB,OAAO,QAAQ,EAAE,OAAO,KAAK;AAAA,gBAC9D,aAAa,EAAE,wDAAwD;AAAA,gBACvE,WAAU;AAAA,gBACV;AAAA;AAAA,YACF;AAAA,YACA,oBAAC,OAAE,WAAU,wCAAwC,YAAE,iDAAiD,GAAE;AAAA,aAC5G;AAAA,UAGA,qBAAC,SACC;AAAA,iCAAC,SAAM,SAAS,GAAG,EAAE,IAAI,KAAK,UAAU,WAAU,4BAC/C;AAAA,gBAAE,8CAA8C;AAAA,cAAE;AAAA,eACrD;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,IAAI,GAAG,EAAE,IAAI,KAAK;AAAA,gBAClB,MAAK;AAAA,gBACL,OAAO,MAAM;AAAA,gBACb,UAAU,CAAC,MAAM,gBAAgB,OAAO,SAAS,EAAE,OAAO,KAAK;AAAA,gBAC/D,aAAa,EAAE,yDAAyD;AAAA,gBACxE,WAAU;AAAA,gBACV;AAAA;AAAA,YACF;AAAA,YACA,oBAAC,OAAE,WAAU,wCAAwC,YAAE,kDAAkD,GAAE;AAAA,aAC7G;AAAA,UAGA,qBAAC,SACC;AAAA,iCAAC,SAAM,SAAS,GAAG,EAAE,IAAI,KAAK,SAAS,WAAU,4BAC9C;AAAA,gBAAE,6CAA6C;AAAA,cAAE;AAAA,eACpD;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO,MAAM;AAAA,gBACb,eAAe,CAACA,WAAU,gBAAgB,OAAO,QAAQA,MAAK;AAAA,gBAC9D;AAAA,gBAEA;AAAA,sCAAC,iBAAc,IAAI,GAAG,EAAE,IAAI,KAAK,SAC/B,8BAAC,eAAY,GACf;AAAA,kBACA,qBAAC,iBACC;AAAA,wCAAC,cAAW,OAAM,QAAQ,YAAE,gCAAgC,GAAE;AAAA,oBAC9D,oBAAC,cAAW,OAAM,UAAU,YAAE,kCAAkC,GAAE;AAAA,oBAClE,oBAAC,cAAW,OAAM,SAAS,YAAE,iCAAiC,GAAE;AAAA,oBAChE,oBAAC,cAAW,OAAM,OAAO,YAAE,+BAA+B,GAAE;AAAA,oBAC5D,oBAAC,cAAW,OAAM,OAAO,YAAE,+BAA+B,GAAE;AAAA,oBAC5D,oBAAC,cAAW,OAAM,YAAY,YAAE,oCAAoC,GAAE;AAAA,oBACtE,oBAAC,cAAW,OAAM,UAAU,YAAE,kCAAkC,GAAE;AAAA,oBAClE,oBAAC,cAAW,OAAM,SAAS,YAAE,iCAAiC,GAAE;AAAA,oBAChE,oBAAC,cAAW,OAAM,YAAY,YAAE,oCAAoC,GAAE;AAAA,oBACtE,oBAAC,cAAW,OAAM,QAAQ,YAAE,gCAAgC,GAAE;AAAA,oBAC9D,oBAAC,cAAW,OAAM,QAAQ,YAAE,gCAAgC,GAAE;AAAA,oBAC9D,oBAAC,cAAW,OAAM,kBAAkB,YAAE,0CAA0C,GAAE;AAAA,qBACpF;AAAA;AAAA;AAAA,YACF;AAAA,aACF;AAAA,UAGA,qBAAC,SACC;AAAA,gCAAC,SAAM,SAAS,GAAG,EAAE,IAAI,KAAK,gBAAgB,WAAU,4BACrD,YAAE,+CAA+C,GACpD;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,IAAI,GAAG,EAAE,IAAI,KAAK;AAAA,gBAClB,MAAK;AAAA,gBACL,OAAO,MAAM,eAAe;AAAA,gBAC5B,UAAU,CAAC,MAAM,gBAAgB,OAAO,eAAe,EAAE,OAAO,KAAK;AAAA,gBACrE,aAAa,EAAE,0DAA0D;AAAA,gBACzE,WAAU;AAAA,gBACV;AAAA;AAAA,YACF;AAAA,aACF;AAAA,UAGA,qBAAC,SACC;AAAA,gCAAC,SAAM,SAAS,GAAG,EAAE,IAAI,KAAK,iBAAiB,WAAU,4BACtD,YAAE,gDAAgD,GACrD;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,IAAI,GAAG,EAAE,IAAI,KAAK;AAAA,gBAClB,MAAK;AAAA,gBACL,OAAO,MAAM,gBAAgB;AAAA,gBAC7B,UAAU,CAAC,MAAM,gBAAgB,OAAO,gBAAgB,EAAE,OAAO,KAAK;AAAA,gBACtE,aAAa,EAAE,2DAA2D;AAAA,gBAC1E,WAAU;AAAA,gBACV;AAAA;AAAA,YACF;AAAA,aACF;AAAA,WAGE,MAAM,SAAS,YAAY,MAAM,SAAS,YAC1C,qBAAC,SACC;AAAA,gCAAC,SAAM,SAAS,GAAG,EAAE,IAAI,KAAK,YAAY,WAAU,4BACjD,YAAE,2CAA2C,GAChD;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,IAAI,GAAG,EAAE,IAAI,KAAK;AAAA,gBAClB,MAAK;AAAA,gBACL,OAAO,MAAM,SAAS,KAAK,IAAI,KAAK;AAAA,gBACpC,UAAU,CAAC,MACT;AAAA,kBACE;AAAA,kBACA;AAAA,kBACA,EAAE,OAAO,MACN,MAAM,GAAG,EACT,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,EACnB,OAAO,OAAO;AAAA,gBACnB;AAAA,gBAEF,aAAa,EAAE,sDAAsD;AAAA,gBACrE,WAAU;AAAA,gBACV;AAAA;AAAA,YACF;AAAA,YACA,oBAAC,OAAE,WAAU,wCAAwC,YAAE,+CAA+C,GAAE;AAAA,aAC1G;AAAA,UAIF,oBAAC,SACC,+BAAC,SAAI,WAAU,2BACb;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,IAAI,GAAG,EAAE,IAAI,KAAK;AAAA,gBAClB,SAAS,MAAM;AAAA,gBACf,UAAU,CAAC,MAAM,gBAAgB,OAAO,YAAY,EAAE,OAAO,OAAO;AAAA,gBACpE,WAAU;AAAA,gBACV;AAAA;AAAA,YACF;AAAA,YACA,oBAAC,SAAM,SAAS,GAAG,EAAE,IAAI,KAAK,aAAa,WAAU,sCAClD,YAAE,iDAAiD,GACtD;AAAA,aACF,GACF;AAAA,UAGA,oBAAC,SAAI,WAAU,iCACb;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,SAAS,MAAM,gBAAgB,KAAK;AAAA,cACpC;AAAA,cAEA;AAAA,oCAAC,UAAO,WAAU,eAAc;AAAA,gBAC/B,EAAE,+CAA+C;AAAA;AAAA;AAAA,UACpD,GACF;AAAA,WACF;AAAA,WA5LM,KA8LV;AAAA,IAEJ,CAAC,GACH;AAAA,IAED;AAAA,KACH;AAEJ;",
+  "sourcesContent": ["'use client'\n\nimport { useState } from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { Alert, AlertDescription } from '@open-mercato/ui/primitives/alert'\nimport { ChevronDown, Plus, Trash2 } from 'lucide-react'\nimport type { CrudCustomFieldRenderProps } from '@open-mercato/ui/backend/CrudForm'\n\n/**\n * Form field definition structure\n */\nexport interface FormField {\n  name: string\n  type: string\n  label: string\n  required: boolean\n  placeholder?: string\n  options?: string[]\n  defaultValue?: string\n}\n\ninterface FormFieldArrayEditorProps extends CrudCustomFieldRenderProps {\n  value: FormField[]\n  isJsonSchemaFormat?: boolean\n}\n\n/**\n * FormFieldArrayEditor - Custom field component for managing UserTask form fields\n *\n * Provides an interface to add, edit, and remove form field definitions for user tasks.\n * Supports 12 field types with conditional options for select/radio types.\n *\n * Displays a warning banner if the form was converted from JSON Schema format.\n *\n * Used by NodeEditDialog (UserTask type only)\n */\nexport function FormFieldArrayEditor({\n  id,\n  value = [],\n  error,\n  setValue,\n  disabled,\n  isJsonSchemaFormat = false,\n}: FormFieldArrayEditorProps) {\n  const t = useT()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const [expandedIndices, setExpandedIndices] = useState<Set<number>>(new Set())\n\n  const formFields = Array.isArray(value) ? value : []\n\n  const toggleExpanded = (index: number) => {\n    const newExpanded = new Set(expandedIndices)\n    if (newExpanded.has(index)) {\n      newExpanded.delete(index)\n    } else {\n      newExpanded.add(index)\n    }\n    setExpandedIndices(newExpanded)\n  }\n\n  const addFormField = () => {\n    const newField: FormField = {\n      name: `field_${Date.now()}`,\n      type: 'text',\n      label: t('workflows.form.newField'),\n      required: false,\n      placeholder: '',\n    }\n    const newFields = [...formFields, newField]\n    setValue(newFields)\n\n    // Auto-expand the newly added field\n    const newExpanded = new Set(expandedIndices)\n    newExpanded.add(formFields.length)\n    setExpandedIndices(newExpanded)\n  }\n\n  const removeFormField = async (index: number) => {\n    const confirmed = await confirm({\n      title: t('workflows.fieldEditors.formFields.removeField'),\n      text: t('workflows.fieldEditors.formFields.confirmRemove'),\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n\n    const newFields = formFields.filter((_, i) => i !== index)\n    setValue(newFields)\n\n    // Remove from expanded set\n    const newExpanded = new Set(expandedIndices)\n    newExpanded.delete(index)\n    setExpandedIndices(newExpanded)\n  }\n\n  const updateFormField = (index: number, fieldKey: keyof FormField, fieldValue: any) => {\n    const updated = [...formFields]\n    updated[index] = { ...updated[index], [fieldKey]: fieldValue }\n    setValue(updated)\n  }\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div>\n          <Label className=\"text-sm font-semibold\">{t('workflows.fieldEditors.formFields.title')} ({formFields.length})</Label>\n          <p className=\"text-xs text-muted-foreground mt-0.5\">\n            {t('workflows.fieldEditors.formFields.description')}\n          </p>\n          {error && <p className=\"text-xs text-status-error-text mt-1\">{error}</p>}\n        </div>\n        <Button\n          type=\"button\"\n          size=\"sm\"\n          onClick={addFormField}\n          disabled={disabled}\n          className=\"w-full sm:w-auto\"\n        >\n          <Plus className=\"size-3 mr-1\" />\n          {t('workflows.fieldEditors.formFields.addField')}\n        </Button>\n      </div>\n\n      {/* JSON Schema Format Notice */}\n      {isJsonSchemaFormat && (\n        <Alert status=\"information\">\n          <AlertDescription className=\"text-xs\">\n            {t('workflows.fieldEditors.formFields.jsonSchemaNotice')}\n          </AlertDescription>\n        </Alert>\n      )}\n\n      {formFields.length === 0 ? (\n        <div className=\"p-4 text-center text-sm text-muted-foreground bg-muted rounded-lg border\">\n          {t('workflows.fieldEditors.formFields.emptyState')}\n        </div>\n      ) : (\n        <div className=\"space-y-2\">\n          {formFields.map((field, index) => {\n            const isExpanded = expandedIndices.has(index)\n            return (\n              <div key={index} className=\"border border-gray-200 rounded-lg bg-gray-50\">\n                {/* Collapsed Header */}\n                <button\n                  type=\"button\"\n                  onClick={() => toggleExpanded(index)}\n                  disabled={disabled}\n                  className=\"w-full px-4 py-3 text-left flex items-center justify-between hover:bg-gray-100 transition-colors rounded-t-lg disabled:opacity-50\"\n                >\n                  <div className=\"flex-1\">\n                    <div className=\"flex flex-wrap items-center gap-2\">\n                      <span className=\"text-sm font-semibold text-gray-900\">\n                        {field.label || field.name}\n                      </span>\n                      <Badge variant=\"secondary\" className=\"text-xs\">\n                        {field.type}\n                      </Badge>\n                      {field.required && (\n                        <Badge variant=\"destructive\" className=\"text-xs text-white\">\n                          {t('workflows.form.required')}\n                        </Badge>\n                      )}\n                    </div>\n                    <p className=\"text-xs text-gray-600 mt-1\">\n                      Field name: <code className=\"bg-white px-1 rounded\">{field.name}</code>\n                    </p>\n                  </div>\n                  <ChevronDown\n                    className={`w-5 h-5 text-gray-400 transition-transform ${isExpanded ? 'rotate-180' : ''}`}\n                  />\n                </button>\n\n                {/* Expanded Content */}\n                {isExpanded && (\n                  <div className=\"px-4 pb-4 space-y-3 border-t border-gray-200 bg-white\">\n                    {/* Field Name */}\n                    <div className=\"pt-3\">\n                      <Label htmlFor={`${id}-${index}-name`} className=\"text-xs font-medium mb-1\">\n                        {t('workflows.fieldEditors.formFields.fieldName')} *\n                      </Label>\n                      <Input\n                        id={`${id}-${index}-name`}\n                        type=\"text\"\n                        value={field.name}\n                        onChange={(e) => updateFormField(index, 'name', e.target.value)}\n                        placeholder={t('workflows.fieldEditors.formFields.fieldNamePlaceholder')}\n                        className=\"text-xs\"\n                        disabled={disabled}\n                      />\n                      <p className=\"text-xs text-muted-foreground mt-0.5\">{t('workflows.fieldEditors.formFields.fieldNameHint')}</p>\n                    </div>\n\n                    {/* Field Label */}\n                    <div>\n                      <Label htmlFor={`${id}-${index}-label`} className=\"text-xs font-medium mb-1\">\n                        {t('workflows.fieldEditors.formFields.fieldLabel')} *\n                      </Label>\n                      <Input\n                        id={`${id}-${index}-label`}\n                        type=\"text\"\n                        value={field.label}\n                        onChange={(e) => updateFormField(index, 'label', e.target.value)}\n                        placeholder={t('workflows.fieldEditors.formFields.fieldLabelPlaceholder')}\n                        className=\"text-xs\"\n                        disabled={disabled}\n                      />\n                      <p className=\"text-xs text-muted-foreground mt-0.5\">{t('workflows.fieldEditors.formFields.fieldLabelHint')}</p>\n                    </div>\n\n                    {/* Field Type */}\n                    <div>\n                      <Label htmlFor={`${id}-${index}-type`} className=\"text-xs font-medium mb-1\">\n                        {t('workflows.fieldEditors.formFields.fieldType')} *\n                      </Label>\n                      <Select\n                        value={field.type}\n                        onValueChange={(value) => updateFormField(index, 'type', value)}\n                        disabled={disabled}\n                      >\n                        <SelectTrigger id={`${id}-${index}-type`}>\n                          <SelectValue />\n                        </SelectTrigger>\n                        <SelectContent>\n                          <SelectItem value=\"text\">{t('workflows.form.fieldTypes.text')}</SelectItem>\n                          <SelectItem value=\"number\">{t('workflows.form.fieldTypes.number')}</SelectItem>\n                          <SelectItem value=\"email\">{t('workflows.form.fieldTypes.email')}</SelectItem>\n                          <SelectItem value=\"tel\">{t('workflows.form.fieldTypes.tel')}</SelectItem>\n                          <SelectItem value=\"url\">{t('workflows.form.fieldTypes.url')}</SelectItem>\n                          <SelectItem value=\"textarea\">{t('workflows.form.fieldTypes.textarea')}</SelectItem>\n                          <SelectItem value=\"select\">{t('workflows.form.fieldTypes.select')}</SelectItem>\n                          <SelectItem value=\"radio\">{t('workflows.form.fieldTypes.radio')}</SelectItem>\n                          <SelectItem value=\"checkbox\">{t('workflows.form.fieldTypes.checkbox')}</SelectItem>\n                          <SelectItem value=\"date\">{t('workflows.form.fieldTypes.date')}</SelectItem>\n                          <SelectItem value=\"time\">{t('workflows.form.fieldTypes.time')}</SelectItem>\n                          <SelectItem value=\"datetime-local\">{t('workflows.form.fieldTypes.datetime-local')}</SelectItem>\n                        </SelectContent>\n                      </Select>\n                    </div>\n\n                    {/* Placeholder */}\n                    <div>\n                      <Label htmlFor={`${id}-${index}-placeholder`} className=\"text-xs font-medium mb-1\">\n                        {t('workflows.fieldEditors.formFields.placeholder')}\n                      </Label>\n                      <Input\n                        id={`${id}-${index}-placeholder`}\n                        type=\"text\"\n                        value={field.placeholder || ''}\n                        onChange={(e) => updateFormField(index, 'placeholder', e.target.value)}\n                        placeholder={t('workflows.fieldEditors.formFields.placeholderPlaceholder')}\n                        className=\"text-xs\"\n                        disabled={disabled}\n                      />\n                    </div>\n\n                    {/* Default Value */}\n                    <div>\n                      <Label htmlFor={`${id}-${index}-defaultValue`} className=\"text-xs font-medium mb-1\">\n                        {t('workflows.fieldEditors.formFields.defaultValue')}\n                      </Label>\n                      <Input\n                        id={`${id}-${index}-defaultValue`}\n                        type=\"text\"\n                        value={field.defaultValue || ''}\n                        onChange={(e) => updateFormField(index, 'defaultValue', e.target.value)}\n                        placeholder={t('workflows.fieldEditors.formFields.defaultValuePlaceholder')}\n                        className=\"text-xs\"\n                        disabled={disabled}\n                      />\n                    </div>\n\n                    {/* Options (for select/radio) */}\n                    {(field.type === 'select' || field.type === 'radio') && (\n                      <div>\n                        <Label htmlFor={`${id}-${index}-options`} className=\"text-xs font-medium mb-1\">\n                          {t('workflows.fieldEditors.formFields.options')}\n                        </Label>\n                        <Input\n                          id={`${id}-${index}-options`}\n                          type=\"text\"\n                          value={field.options?.join(', ') || ''}\n                          onChange={(e) =>\n                            updateFormField(\n                              index,\n                              'options',\n                              e.target.value\n                                .split(',')\n                                .map((o) => o.trim())\n                                .filter(Boolean)\n                            )\n                          }\n                          placeholder={t('workflows.fieldEditors.formFields.optionsPlaceholder')}\n                          className=\"text-xs\"\n                          disabled={disabled}\n                        />\n                        <p className=\"text-xs text-muted-foreground mt-0.5\">{t('workflows.fieldEditors.formFields.optionsHint')}</p>\n                      </div>\n                    )}\n\n                    {/* Required Checkbox */}\n                    <div>\n                      <div className=\"flex items-center gap-2\">\n                        <input\n                          type=\"checkbox\"\n                          id={`${id}-${index}-required`}\n                          checked={field.required}\n                          onChange={(e) => updateFormField(index, 'required', e.target.checked)}\n                          className=\"h-4 w-4 rounded border-gray-300 text-blue-600 focus-visible:ring-ring\"\n                          disabled={disabled}\n                        />\n                        <Label htmlFor={`${id}-${index}-required`} className=\"text-xs font-medium cursor-pointer\">\n                          {t('workflows.fieldEditors.formFields.requiredField')}\n                        </Label>\n                      </div>\n                    </div>\n\n                    {/* Delete Button */}\n                    <div className=\"border-t border-gray-200 pt-3\">\n                      <Button\n                        type=\"button\"\n                        variant=\"destructive\"\n                        size=\"sm\"\n                        onClick={() => removeFormField(index)}\n                        disabled={disabled}\n                      >\n                        <Trash2 className=\"size-4 mr-1\" />\n                        {t('workflows.fieldEditors.formFields.removeField')}\n                      </Button>\n                    </div>\n                  </div>\n                )}\n              </div>\n            )\n          })}\n        </div>\n      )}\n      {ConfirmDialogElement}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": ["value"]
 }

package/dist/modules/workflows/components/fields/MappingArrayEditor.js CHANGED Viewed

@@ -70,7 +70,7 @@ function MappingArrayEditor({
           ")"
         ] }),
         /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-0.5", children: description }),
-        error && /* @__PURE__ */ jsx("p", { className: "text-xs text-red-600 mt-1", children: error })
+        error && /* @__PURE__ */ jsx("p", { className: "text-xs text-status-error-text mt-1", children: error })
       ] }),
       /* @__PURE__ */ jsxs(
         Button,

package/dist/modules/workflows/components/fields/MappingArrayEditor.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/workflows/components/fields/MappingArrayEditor.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { useState } from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { ChevronDown, Plus, Trash2 } from 'lucide-react'\nimport type { CrudCustomFieldRenderProps } from '@open-mercato/ui/backend/CrudForm'\n\n/**\n * Mapping definition structure for SubWorkflow input/output\n */\nexport interface Mapping {\n  key: string\n  value: string\n}\n\ninterface MappingArrayEditorProps extends CrudCustomFieldRenderProps {\n  value: Mapping[]\n  label?: string\n  description?: string\n}\n\n/**\n * MappingArrayEditor - Custom field component for managing SubWorkflow input/output mappings\n *\n * Provides an interface to add, edit, and remove key-value pair mappings.\n * Values support template expressions like {{context.foo}} for dynamic data binding.\n *\n * Used by NodeEditDialog (SubWorkflow type only)\n */\nexport function MappingArrayEditor({\n  id,\n  value = [],\n  error,\n  setValue,\n  disabled,\n  label: labelProp,\n  description: descriptionProp,\n}: MappingArrayEditorProps) {\n  const t = useT()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const label = labelProp ?? t('workflows.fieldEditors.mappings.label')\n  const description = descriptionProp ?? t('workflows.fieldEditors.mappings.description')\n  const [expandedIndices, setExpandedIndices] = useState<Set<number>>(new Set())\n\n  const mappings = Array.isArray(value) ? value : []\n\n  const toggleExpanded = (index: number) => {\n    const newExpanded = new Set(expandedIndices)\n    if (newExpanded.has(index)) {\n      newExpanded.delete(index)\n    } else {\n      newExpanded.add(index)\n    }\n    setExpandedIndices(newExpanded)\n  }\n\n  const addMapping = () => {\n    const newMapping: Mapping = {\n      key: `key_${Date.now()}`,\n      value: '',\n    }\n    const newMappings = [...mappings, newMapping]\n    setValue(newMappings)\n\n    // Auto-expand the newly added mapping\n    const newExpanded = new Set(expandedIndices)\n    newExpanded.add(mappings.length)\n    setExpandedIndices(newExpanded)\n  }\n\n  const removeMapping = async (index: number) => {\n    const confirmed = await confirm({\n      title: t('workflows.fieldEditors.mappings.removeMapping'),\n      text: t('workflows.fieldEditors.mappings.confirmRemove'),\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n\n    const newMappings = mappings.filter((_, i) => i !== index)\n    setValue(newMappings)\n\n    // Remove from expanded set\n    const newExpanded = new Set(expandedIndices)\n    newExpanded.delete(index)\n    setExpandedIndices(newExpanded)\n  }\n\n  const updateMapping = (index: number, field: keyof Mapping, fieldValue: string) => {\n    const updated = [...mappings]\n    updated[index] = { ...updated[index], [field]: fieldValue }\n    setValue(updated)\n  }\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div>\n          <Label className=\"text-sm font-semibold\">{label} ({mappings.length})</Label>\n          <p className=\"text-xs text-muted-foreground mt-0.5\">\n            {description}\n          </p>\n          {error && <p className=\"text-xs text-red-600 mt-1\">{error}</p>}\n        </div>\n        <Button\n          type=\"button\"\n          size=\"sm\"\n          onClick={addMapping}\n          disabled={disabled}\n          className=\"w-full sm:w-auto\"\n        >\n          <Plus className=\"size-3 mr-1\" />\n          {t('workflows.fieldEditors.mappings.addMapping')}\n        </Button>\n      </div>\n\n      {mappings.length === 0 ? (\n        <div className=\"p-4 text-center text-sm text-muted-foreground bg-muted rounded-lg border\">\n          {t('workflows.fieldEditors.mappings.emptyState')}\n        </div>\n      ) : (\n        <div className=\"space-y-2\">\n          {mappings.map((mapping, index) => {\n            const isExpanded = expandedIndices.has(index)\n            return (\n              <div key={index} className=\"border border-gray-200 rounded-lg bg-gray-50\">\n                {/* Collapsed Header */}\n                <button\n                  type=\"button\"\n                  onClick={() => toggleExpanded(index)}\n                  disabled={disabled}\n                  className=\"w-full px-4 py-3 text-left flex items-center justify-between hover:bg-gray-100 transition-colors rounded-t-lg disabled:opacity-50\"\n                >\n                  <div className=\"flex-1\">\n                    <div className=\"flex items-center gap-2\">\n                      <span className=\"text-sm font-semibold text-gray-900\">\n                        {mapping.key || `Mapping ${index + 1}`}\n                      </span>\n                    </div>\n                    <p className=\"text-xs text-gray-600 mt-1 font-mono truncate\">\n                      {mapping.value ? (\n                        <>\n                          <span className=\"text-gray-400\">=</span> {mapping.value}\n                        </>\n                      ) : (\n                        <span className=\"text-gray-400 italic\">{t('workflows.common.noValueSet')}</span>\n                      )}\n                    </p>\n                  </div>\n                  <ChevronDown\n                    className={`w-5 h-5 text-gray-400 transition-transform ${isExpanded ? 'rotate-180' : ''}`}\n                  />\n                </button>\n\n                {/* Expanded Content */}\n                {isExpanded && (\n                  <div className=\"px-4 pb-4 space-y-3 border-t border-gray-200 bg-white\">\n                    {/* Key Field */}\n                    <div className=\"pt-3\">\n                      <Label htmlFor={`${id}-${index}-key`} className=\"text-xs font-medium mb-1\">\n                        {t('workflows.fieldEditors.mappings.key')} *\n                      </Label>\n                      <Input\n                        id={`${id}-${index}-key`}\n                        type=\"text\"\n                        value={mapping.key}\n                        onChange={(e) => updateMapping(index, 'key', e.target.value)}\n                        placeholder={t('workflows.fieldEditors.mappings.keyPlaceholder')}\n                        className=\"text-xs\"\n                        disabled={disabled}\n                      />\n                      <p className=\"text-xs text-muted-foreground mt-0.5\">\n                        {t('workflows.fieldEditors.mappings.keyHint')}\n                      </p>\n                    </div>\n\n                    {/* Value Field */}\n                    <div>\n                      <Label htmlFor={`${id}-${index}-value`} className=\"text-xs font-medium mb-1\">\n                        {t('workflows.fieldEditors.mappings.value')} *\n                      </Label>\n                      <Input\n                        id={`${id}-${index}-value`}\n                        type=\"text\"\n                        value={mapping.value}\n                        onChange={(e) => updateMapping(index, 'value', e.target.value)}\n                        placeholder={t('workflows.fieldEditors.mappings.valuePlaceholder')}\n                        className=\"text-xs font-mono\"\n                        disabled={disabled}\n                      />\n                      <p className=\"text-xs text-muted-foreground mt-0.5\">\n                        {t('workflows.fieldEditors.mappings.valueHint')}\n                      </p>\n                    </div>\n\n                    {/* Delete Button */}\n                    <div className=\"border-t border-gray-200 pt-3\">\n                      <Button\n                        type=\"button\"\n                        variant=\"destructive\"\n                        size=\"sm\"\n                        onClick={() => removeMapping(index)}\n                        disabled={disabled}\n                      >\n                        <Trash2 className=\"size-4 mr-1\" />\n                        {t('workflows.fieldEditors.mappings.removeMapping')}\n                      </Button>\n                    </div>\n                  </div>\n                )}\n              </div>\n            )\n          })}\n        </div>\n      )}\n      {ConfirmDialogElement}\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport { useState } from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { ChevronDown, Plus, Trash2 } from 'lucide-react'\nimport type { CrudCustomFieldRenderProps } from '@open-mercato/ui/backend/CrudForm'\n\n/**\n * Mapping definition structure for SubWorkflow input/output\n */\nexport interface Mapping {\n  key: string\n  value: string\n}\n\ninterface MappingArrayEditorProps extends CrudCustomFieldRenderProps {\n  value: Mapping[]\n  label?: string\n  description?: string\n}\n\n/**\n * MappingArrayEditor - Custom field component for managing SubWorkflow input/output mappings\n *\n * Provides an interface to add, edit, and remove key-value pair mappings.\n * Values support template expressions like {{context.foo}} for dynamic data binding.\n *\n * Used by NodeEditDialog (SubWorkflow type only)\n */\nexport function MappingArrayEditor({\n  id,\n  value = [],\n  error,\n  setValue,\n  disabled,\n  label: labelProp,\n  description: descriptionProp,\n}: MappingArrayEditorProps) {\n  const t = useT()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const label = labelProp ?? t('workflows.fieldEditors.mappings.label')\n  const description = descriptionProp ?? t('workflows.fieldEditors.mappings.description')\n  const [expandedIndices, setExpandedIndices] = useState<Set<number>>(new Set())\n\n  const mappings = Array.isArray(value) ? value : []\n\n  const toggleExpanded = (index: number) => {\n    const newExpanded = new Set(expandedIndices)\n    if (newExpanded.has(index)) {\n      newExpanded.delete(index)\n    } else {\n      newExpanded.add(index)\n    }\n    setExpandedIndices(newExpanded)\n  }\n\n  const addMapping = () => {\n    const newMapping: Mapping = {\n      key: `key_${Date.now()}`,\n      value: '',\n    }\n    const newMappings = [...mappings, newMapping]\n    setValue(newMappings)\n\n    // Auto-expand the newly added mapping\n    const newExpanded = new Set(expandedIndices)\n    newExpanded.add(mappings.length)\n    setExpandedIndices(newExpanded)\n  }\n\n  const removeMapping = async (index: number) => {\n    const confirmed = await confirm({\n      title: t('workflows.fieldEditors.mappings.removeMapping'),\n      text: t('workflows.fieldEditors.mappings.confirmRemove'),\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n\n    const newMappings = mappings.filter((_, i) => i !== index)\n    setValue(newMappings)\n\n    // Remove from expanded set\n    const newExpanded = new Set(expandedIndices)\n    newExpanded.delete(index)\n    setExpandedIndices(newExpanded)\n  }\n\n  const updateMapping = (index: number, field: keyof Mapping, fieldValue: string) => {\n    const updated = [...mappings]\n    updated[index] = { ...updated[index], [field]: fieldValue }\n    setValue(updated)\n  }\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div>\n          <Label className=\"text-sm font-semibold\">{label} ({mappings.length})</Label>\n          <p className=\"text-xs text-muted-foreground mt-0.5\">\n            {description}\n          </p>\n          {error && <p className=\"text-xs text-status-error-text mt-1\">{error}</p>}\n        </div>\n        <Button\n          type=\"button\"\n          size=\"sm\"\n          onClick={addMapping}\n          disabled={disabled}\n          className=\"w-full sm:w-auto\"\n        >\n          <Plus className=\"size-3 mr-1\" />\n          {t('workflows.fieldEditors.mappings.addMapping')}\n        </Button>\n      </div>\n\n      {mappings.length === 0 ? (\n        <div className=\"p-4 text-center text-sm text-muted-foreground bg-muted rounded-lg border\">\n          {t('workflows.fieldEditors.mappings.emptyState')}\n        </div>\n      ) : (\n        <div className=\"space-y-2\">\n          {mappings.map((mapping, index) => {\n            const isExpanded = expandedIndices.has(index)\n            return (\n              <div key={index} className=\"border border-gray-200 rounded-lg bg-gray-50\">\n                {/* Collapsed Header */}\n                <button\n                  type=\"button\"\n                  onClick={() => toggleExpanded(index)}\n                  disabled={disabled}\n                  className=\"w-full px-4 py-3 text-left flex items-center justify-between hover:bg-gray-100 transition-colors rounded-t-lg disabled:opacity-50\"\n                >\n                  <div className=\"flex-1\">\n                    <div className=\"flex items-center gap-2\">\n                      <span className=\"text-sm font-semibold text-gray-900\">\n                        {mapping.key || `Mapping ${index + 1}`}\n                      </span>\n                    </div>\n                    <p className=\"text-xs text-gray-600 mt-1 font-mono truncate\">\n                      {mapping.value ? (\n                        <>\n                          <span className=\"text-gray-400\">=</span> {mapping.value}\n                        </>\n                      ) : (\n                        <span className=\"text-gray-400 italic\">{t('workflows.common.noValueSet')}</span>\n                      )}\n                    </p>\n                  </div>\n                  <ChevronDown\n                    className={`w-5 h-5 text-gray-400 transition-transform ${isExpanded ? 'rotate-180' : ''}`}\n                  />\n                </button>\n\n                {/* Expanded Content */}\n                {isExpanded && (\n                  <div className=\"px-4 pb-4 space-y-3 border-t border-gray-200 bg-white\">\n                    {/* Key Field */}\n                    <div className=\"pt-3\">\n                      <Label htmlFor={`${id}-${index}-key`} className=\"text-xs font-medium mb-1\">\n                        {t('workflows.fieldEditors.mappings.key')} *\n                      </Label>\n                      <Input\n                        id={`${id}-${index}-key`}\n                        type=\"text\"\n                        value={mapping.key}\n                        onChange={(e) => updateMapping(index, 'key', e.target.value)}\n                        placeholder={t('workflows.fieldEditors.mappings.keyPlaceholder')}\n                        className=\"text-xs\"\n                        disabled={disabled}\n                      />\n                      <p className=\"text-xs text-muted-foreground mt-0.5\">\n                        {t('workflows.fieldEditors.mappings.keyHint')}\n                      </p>\n                    </div>\n\n                    {/* Value Field */}\n                    <div>\n                      <Label htmlFor={`${id}-${index}-value`} className=\"text-xs font-medium mb-1\">\n                        {t('workflows.fieldEditors.mappings.value')} *\n                      </Label>\n                      <Input\n                        id={`${id}-${index}-value`}\n                        type=\"text\"\n                        value={mapping.value}\n                        onChange={(e) => updateMapping(index, 'value', e.target.value)}\n                        placeholder={t('workflows.fieldEditors.mappings.valuePlaceholder')}\n                        className=\"text-xs font-mono\"\n                        disabled={disabled}\n                      />\n                      <p className=\"text-xs text-muted-foreground mt-0.5\">\n                        {t('workflows.fieldEditors.mappings.valueHint')}\n                      </p>\n                    </div>\n\n                    {/* Delete Button */}\n                    <div className=\"border-t border-gray-200 pt-3\">\n                      <Button\n                        type=\"button\"\n                        variant=\"destructive\"\n                        size=\"sm\"\n                        onClick={() => removeMapping(index)}\n                        disabled={disabled}\n                      >\n                        <Trash2 className=\"size-4 mr-1\" />\n                        {t('workflows.fieldEditors.mappings.removeMapping')}\n                      </Button>\n                    </div>\n                  </div>\n                )}\n              </div>\n            )\n          })}\n        </div>\n      )}\n      {ConfirmDialogElement}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/workflows/components/fields/StartPreConditionsEditor.js CHANGED Viewed

@@ -248,7 +248,7 @@ function StartPreConditionsEditor({
                   size: "sm",
                   title: t("workflows.common.delete"),
                   disabled,
-                  children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4 text-red-600" })
+                  children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4 text-destructive" })
                 }
               ),
               title: t("workflows.fieldEditors.preConditions.removePreCondition"),

package/dist/modules/workflows/components/fields/StartPreConditionsEditor.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/workflows/components/fields/StartPreConditionsEditor.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { useState, useEffect, useCallback } from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { Plus, Trash2, AlertCircle, ChevronUp, ChevronDown } from 'lucide-react'\nimport { BusinessRulesSelector, type BusinessRule } from '../BusinessRulesSelector'\nimport { apiFetch } from '@open-mercato/ui/backend/utils/api'\nimport { EmptyState } from '@open-mercato/ui/backend/EmptyState'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { SwitchField } from '@open-mercato/ui/primitives/switch-field'\nimport { ConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { createLogger } from '@open-mercato/shared/lib/logger'\n\nconst logger = createLogger('workflows')\n\n/**\n * StartPreCondition interface matching the schema in validators.ts\n */\nexport interface StartPreCondition {\n  ruleId: string\n  required: boolean\n  validationMessage?: Record<string, string> // e.g., { en: 'Message', pl: 'Wiadomo\u015B\u0107' }\n}\n\ninterface StartPreConditionsEditorProps {\n  value?: StartPreCondition[] | unknown\n  setValue?: ((value: unknown) => void) | ((value: StartPreCondition[]) => void)\n  disabled?: boolean\n}\n\ninterface ConditionWithDetails extends StartPreCondition {\n  ruleName?: string\n  ruleType?: string\n  loading?: boolean\n  error?: boolean\n}\n\n/**\n * LocalizedMessageTextarea - Textarea with local state that only updates parent on blur\n */\nfunction LocalizedMessageTextarea({\n  value,\n  onChange,\n  disabled,\n  id,\n  placeholder,\n  hint,\n}: {\n  value: Record<string, string> | undefined\n  onChange: (messages: Record<string, string>) => void\n  disabled?: boolean\n  id: string\n  placeholder: string\n  hint: string\n}) {\n  const getValidationMessagesString = (messages: Record<string, string> | undefined): string => {\n    if (!messages) return ''\n    return Object.entries(messages)\n      .filter(([_, msg]) => msg)\n      .map(([locale, msg]) => `${locale}: ${msg}`)\n      .join('\\n')\n  }\n\n  const parseValidationMessagesString = (str: string): Record<string, string> => {\n    const result: Record<string, string> = {}\n    str.split('\\n').forEach(line => {\n      const match = line.match(/^(\\w+):\\s*(.*)$/)\n      if (match) {\n        result[match[1]] = match[2]\n      }\n    })\n    return result\n  }\n\n  const [localValue, setLocalValue] = useState(() => getValidationMessagesString(value))\n\n  // Update local value when external value changes\n  useEffect(() => {\n    setLocalValue(getValidationMessagesString(value))\n  }, [value])\n\n  const handleBlur = useCallback(() => {\n    onChange(parseValidationMessagesString(localValue))\n  }, [localValue, onChange])\n\n  return (\n    <>\n      <Textarea\n        id={id}\n        value={localValue}\n        onChange={(e) => setLocalValue(e.target.value)}\n        onBlur={handleBlur}\n        placeholder={placeholder}\n        rows={2}\n        className=\"mt-1 font-mono text-xs\"\n        disabled={disabled}\n      />\n      <p className=\"text-xs text-muted-foreground mt-1\">\n        {hint}\n      </p>\n    </>\n  )\n}\n\n/**\n * StartPreConditionsEditor - Editor for START step pre-conditions\n *\n * Uses BusinessRulesSelector modal for selecting business rules (searchable).\n * Supports localized validation messages for each pre-condition.\n * Matches the style of TransitionsEditor and BusinessRuleConditionsEditor.\n */\nexport function StartPreConditionsEditor({\n  value,\n  setValue,\n  disabled = false,\n}: StartPreConditionsEditorProps) {\n  const t = useT()\n  const [isModalOpen, setIsModalOpen] = useState(false)\n  const [conditionsWithDetails, setConditionsWithDetails] = useState<ConditionWithDetails[]>([])\n\n  // Safely cast value to StartPreCondition array\n  const conditions: StartPreCondition[] = Array.isArray(value) ? value : []\n\n  // Helper to call setValue with proper typing\n  const updateValue = (newValue: StartPreCondition[]) => {\n    if (setValue) {\n      setValue(newValue)\n    }\n  }\n\n  // Fetch rule details when conditions change\n  useEffect(() => {\n    const withDetails: ConditionWithDetails[] = conditions.map((c) => ({\n      ...c,\n      loading: true,\n    }))\n    setConditionsWithDetails(withDetails)\n\n    // Fetch details for each rule\n    conditions.forEach((condition, index) => {\n      fetchRuleDetails(condition.ruleId, index)\n    })\n  }, [JSON.stringify(conditions.map(c => c.ruleId))])\n\n  const fetchRuleDetails = async (ruleId: string, index: number) => {\n    try {\n      const params = new URLSearchParams({ ruleId, pageSize: '1' })\n      const response = await apiFetch(`/api/business_rules/rules?${params.toString()}`)\n\n      if (response.ok) {\n        const data = await response.json()\n        const rule = data.items?.[0] as BusinessRule | undefined\n\n        setConditionsWithDetails((prev) => {\n          const updated = [...prev]\n          if (updated[index]) {\n            updated[index] = {\n              ...updated[index],\n              ruleName: rule?.ruleName || ruleId,\n              ruleType: rule?.ruleType,\n              loading: false,\n              error: !rule,\n            }\n          }\n          return updated\n        })\n      } else {\n        setConditionsWithDetails((prev) => {\n          const updated = [...prev]\n          if (updated[index]) {\n            updated[index] = {\n              ...updated[index],\n              ruleName: ruleId,\n              loading: false,\n              error: true,\n            }\n          }\n          return updated\n        })\n      }\n    } catch (err) {\n      logger.error('Failed to fetch rule details', { ruleId, err })\n      setConditionsWithDetails((prev) => {\n        const updated = [...prev]\n        if (updated[index]) {\n          updated[index] = {\n            ...updated[index],\n            ruleName: ruleId,\n            loading: false,\n            error: true,\n          }\n        }\n        return updated\n      })\n    }\n  }\n\n  const addCondition = (ruleId: string, _rule: BusinessRule) => {\n    const newCondition: StartPreCondition = {\n      ruleId,\n      required: true,\n      validationMessage: { en: '' },\n    }\n    updateValue([...conditions, newCondition])\n    setIsModalOpen(false)\n  }\n\n  const updateCondition = (index: number, updates: Partial<StartPreCondition>) => {\n    const updated = [...conditions]\n    updated[index] = { ...updated[index], ...updates }\n    updateValue(updated)\n  }\n\n  const removeCondition = (index: number) => {\n    updateValue(conditions.filter((_, i) => i !== index))\n  }\n\n  const moveCondition = (index: number, direction: 'up' | 'down') => {\n    const newIndex = direction === 'up' ? index - 1 : index + 1\n    if (newIndex < 0 || newIndex >= conditions.length) return\n\n    const updated = [...conditions]\n    const temp = updated[index]\n    updated[index] = updated[newIndex]\n    updated[newIndex] = temp\n    updateValue(updated)\n  }\n\n  const getExcludedRuleIds = (): string[] => {\n    return conditions.map((c) => c.ruleId)\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div>\n          <p className=\"text-sm text-muted-foreground\">\n            {t('workflows.fieldEditors.preConditions.description')}\n          </p>\n        </div>\n        <Button\n          type=\"button\"\n          onClick={() => setIsModalOpen(true)}\n          variant=\"outline\"\n          size=\"sm\"\n          disabled={disabled}\n          className=\"w-full sm:w-auto\"\n        >\n          <Plus className=\"h-4 w-4 mr-1\" />\n          {t('workflows.fieldEditors.preConditions.addRule')}\n        </Button>\n      </div>\n\n      {conditions.length === 0 && (\n        <EmptyState\n          title={t('workflows.fieldEditors.preConditions.emptyTitle')}\n          description={t('workflows.fieldEditors.preConditions.emptyDescription')}\n          action={{ label: t('workflows.fieldEditors.preConditions.addRule'), onClick: () => setIsModalOpen(true), disabled }}\n        />\n      )}\n\n      <div className=\"space-y-3\">\n        {conditionsWithDetails.map((condition, index) => (\n          <div key={index} className=\"border border-gray-200 rounded-lg bg-white p-4\">\n            <div className=\"space-y-3\">\n              {/* Header row with rule info and actions */}\n              <div className=\"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\">\n                <div className=\"flex-1 min-w-0\">\n                  {/* Rule Name/ID */}\n                  {condition.loading ? (\n                    <div className=\"flex items-center gap-2\">\n                      <Spinner size=\"sm\" />\n                      <span className=\"text-sm text-muted-foreground\">{t('workflows.common.loadingDetails')}</span>\n                    </div>\n                  ) : condition.error ? (\n                    <div className=\"flex items-center gap-2\">\n                      <AlertCircle className=\"size-4 text-amber-600\" />\n                      <div>\n                        <span className=\"text-sm font-semibold text-foreground\">{condition.ruleId}</span>\n                        <p className=\"text-xs text-amber-600\">{t('workflows.common.ruleNotFound')}</p>\n                      </div>\n                    </div>\n                  ) : (\n                    <div>\n                      <div className=\"flex items-center gap-2\">\n                        <span className=\"text-sm font-semibold text-foreground\">{condition.ruleName}</span>\n                        {condition.ruleType && (\n                          <Badge variant=\"secondary\" className=\"text-xs\">\n                            {condition.ruleType}\n                          </Badge>\n                        )}\n                      </div>\n                      <p className=\"text-xs text-muted-foreground mt-0.5\">\n                        ID: <code className=\"bg-muted px-1 rounded font-mono\">{condition.ruleId}</code>\n                      </p>\n                    </div>\n                  )}\n                </div>\n\n                {/* Action buttons */}\n                <div className=\"flex items-center gap-1 self-end sm:self-auto\">\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    onClick={() => moveCondition(index, 'up')}\n                    disabled={index === 0 || disabled}\n                    title={t('workflows.common.moveUp')}\n                  >\n                    <ChevronUp className=\"h-4 w-4\" />\n                  </Button>\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    onClick={() => moveCondition(index, 'down')}\n                    disabled={index === conditions.length - 1 || disabled}\n                    title={t('workflows.common.moveDown')}\n                  >\n                    <ChevronDown className=\"h-4 w-4\" />\n                  </Button>\n                  <ConfirmDialog\n                    trigger={\n                      <Button\n                        type=\"button\"\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        title={t('workflows.common.delete')}\n                        disabled={disabled}\n                      >\n                        <Trash2 className=\"h-4 w-4 text-red-600\" />\n                      </Button>\n                    }\n                    title={t('workflows.fieldEditors.preConditions.removePreCondition')}\n                    text={t('workflows.fieldEditors.preConditions.confirmRemove')}\n                    variant=\"destructive\"\n                    onConfirm={() => removeCondition(index)}\n                  />\n                </div>\n              </div>\n\n              {/* Required toggle */}\n              <SwitchField\n                id={`precondition-${index}-required`}\n                label={t('workflows.fieldEditors.preConditions.requiredLabel')}\n                flip\n                checked={conditions[index]?.required ?? true}\n                onCheckedChange={(checked) => updateCondition(index, { required: checked })}\n                disabled={disabled}\n              />\n\n              {/* Validation Messages */}\n              <div>\n                <Label htmlFor={`precondition-${index}-messages`} className=\"text-xs\">\n                  {t('workflows.fieldEditors.preConditions.validationMessages')}\n                </Label>\n                <LocalizedMessageTextarea\n                  id={`precondition-${index}-messages`}\n                  value={conditions[index]?.validationMessage}\n                  onChange={(messages) => updateCondition(index, { validationMessage: messages })}\n                  disabled={disabled}\n                  placeholder={t('workflows.fieldEditors.preConditions.validationMessagesPlaceholder')}\n                  hint={t('workflows.fieldEditors.preConditions.validationMessagesHint')}\n                />\n              </div>\n            </div>\n          </div>\n        ))}\n      </div>\n\n      {/* Business Rules Selector Modal */}\n      <BusinessRulesSelector\n        isOpen={isModalOpen}\n        onClose={() => setIsModalOpen(false)}\n        onSelect={addCondition}\n        excludeRuleIds={getExcludedRuleIds()}\n        title={t('workflows.fieldEditors.preConditions.selectBusinessRule')}\n        description={t('workflows.fieldEditors.preConditions.selectBusinessRuleDescription')}\n        filterRuleType=\"GUARD\"\n        onlyEnabled={true}\n      />\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport { useState, useEffect, useCallback } from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { Plus, Trash2, AlertCircle, ChevronUp, ChevronDown } from 'lucide-react'\nimport { BusinessRulesSelector, type BusinessRule } from '../BusinessRulesSelector'\nimport { apiFetch } from '@open-mercato/ui/backend/utils/api'\nimport { EmptyState } from '@open-mercato/ui/backend/EmptyState'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { SwitchField } from '@open-mercato/ui/primitives/switch-field'\nimport { ConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { createLogger } from '@open-mercato/shared/lib/logger'\n\nconst logger = createLogger('workflows')\n\n/**\n * StartPreCondition interface matching the schema in validators.ts\n */\nexport interface StartPreCondition {\n  ruleId: string\n  required: boolean\n  validationMessage?: Record<string, string> // e.g., { en: 'Message', pl: 'Wiadomo\u015B\u0107' }\n}\n\ninterface StartPreConditionsEditorProps {\n  value?: StartPreCondition[] | unknown\n  setValue?: ((value: unknown) => void) | ((value: StartPreCondition[]) => void)\n  disabled?: boolean\n}\n\ninterface ConditionWithDetails extends StartPreCondition {\n  ruleName?: string\n  ruleType?: string\n  loading?: boolean\n  error?: boolean\n}\n\n/**\n * LocalizedMessageTextarea - Textarea with local state that only updates parent on blur\n */\nfunction LocalizedMessageTextarea({\n  value,\n  onChange,\n  disabled,\n  id,\n  placeholder,\n  hint,\n}: {\n  value: Record<string, string> | undefined\n  onChange: (messages: Record<string, string>) => void\n  disabled?: boolean\n  id: string\n  placeholder: string\n  hint: string\n}) {\n  const getValidationMessagesString = (messages: Record<string, string> | undefined): string => {\n    if (!messages) return ''\n    return Object.entries(messages)\n      .filter(([_, msg]) => msg)\n      .map(([locale, msg]) => `${locale}: ${msg}`)\n      .join('\\n')\n  }\n\n  const parseValidationMessagesString = (str: string): Record<string, string> => {\n    const result: Record<string, string> = {}\n    str.split('\\n').forEach(line => {\n      const match = line.match(/^(\\w+):\\s*(.*)$/)\n      if (match) {\n        result[match[1]] = match[2]\n      }\n    })\n    return result\n  }\n\n  const [localValue, setLocalValue] = useState(() => getValidationMessagesString(value))\n\n  // Update local value when external value changes\n  useEffect(() => {\n    setLocalValue(getValidationMessagesString(value))\n  }, [value])\n\n  const handleBlur = useCallback(() => {\n    onChange(parseValidationMessagesString(localValue))\n  }, [localValue, onChange])\n\n  return (\n    <>\n      <Textarea\n        id={id}\n        value={localValue}\n        onChange={(e) => setLocalValue(e.target.value)}\n        onBlur={handleBlur}\n        placeholder={placeholder}\n        rows={2}\n        className=\"mt-1 font-mono text-xs\"\n        disabled={disabled}\n      />\n      <p className=\"text-xs text-muted-foreground mt-1\">\n        {hint}\n      </p>\n    </>\n  )\n}\n\n/**\n * StartPreConditionsEditor - Editor for START step pre-conditions\n *\n * Uses BusinessRulesSelector modal for selecting business rules (searchable).\n * Supports localized validation messages for each pre-condition.\n * Matches the style of TransitionsEditor and BusinessRuleConditionsEditor.\n */\nexport function StartPreConditionsEditor({\n  value,\n  setValue,\n  disabled = false,\n}: StartPreConditionsEditorProps) {\n  const t = useT()\n  const [isModalOpen, setIsModalOpen] = useState(false)\n  const [conditionsWithDetails, setConditionsWithDetails] = useState<ConditionWithDetails[]>([])\n\n  // Safely cast value to StartPreCondition array\n  const conditions: StartPreCondition[] = Array.isArray(value) ? value : []\n\n  // Helper to call setValue with proper typing\n  const updateValue = (newValue: StartPreCondition[]) => {\n    if (setValue) {\n      setValue(newValue)\n    }\n  }\n\n  // Fetch rule details when conditions change\n  useEffect(() => {\n    const withDetails: ConditionWithDetails[] = conditions.map((c) => ({\n      ...c,\n      loading: true,\n    }))\n    setConditionsWithDetails(withDetails)\n\n    // Fetch details for each rule\n    conditions.forEach((condition, index) => {\n      fetchRuleDetails(condition.ruleId, index)\n    })\n  }, [JSON.stringify(conditions.map(c => c.ruleId))])\n\n  const fetchRuleDetails = async (ruleId: string, index: number) => {\n    try {\n      const params = new URLSearchParams({ ruleId, pageSize: '1' })\n      const response = await apiFetch(`/api/business_rules/rules?${params.toString()}`)\n\n      if (response.ok) {\n        const data = await response.json()\n        const rule = data.items?.[0] as BusinessRule | undefined\n\n        setConditionsWithDetails((prev) => {\n          const updated = [...prev]\n          if (updated[index]) {\n            updated[index] = {\n              ...updated[index],\n              ruleName: rule?.ruleName || ruleId,\n              ruleType: rule?.ruleType,\n              loading: false,\n              error: !rule,\n            }\n          }\n          return updated\n        })\n      } else {\n        setConditionsWithDetails((prev) => {\n          const updated = [...prev]\n          if (updated[index]) {\n            updated[index] = {\n              ...updated[index],\n              ruleName: ruleId,\n              loading: false,\n              error: true,\n            }\n          }\n          return updated\n        })\n      }\n    } catch (err) {\n      logger.error('Failed to fetch rule details', { ruleId, err })\n      setConditionsWithDetails((prev) => {\n        const updated = [...prev]\n        if (updated[index]) {\n          updated[index] = {\n            ...updated[index],\n            ruleName: ruleId,\n            loading: false,\n            error: true,\n          }\n        }\n        return updated\n      })\n    }\n  }\n\n  const addCondition = (ruleId: string, _rule: BusinessRule) => {\n    const newCondition: StartPreCondition = {\n      ruleId,\n      required: true,\n      validationMessage: { en: '' },\n    }\n    updateValue([...conditions, newCondition])\n    setIsModalOpen(false)\n  }\n\n  const updateCondition = (index: number, updates: Partial<StartPreCondition>) => {\n    const updated = [...conditions]\n    updated[index] = { ...updated[index], ...updates }\n    updateValue(updated)\n  }\n\n  const removeCondition = (index: number) => {\n    updateValue(conditions.filter((_, i) => i !== index))\n  }\n\n  const moveCondition = (index: number, direction: 'up' | 'down') => {\n    const newIndex = direction === 'up' ? index - 1 : index + 1\n    if (newIndex < 0 || newIndex >= conditions.length) return\n\n    const updated = [...conditions]\n    const temp = updated[index]\n    updated[index] = updated[newIndex]\n    updated[newIndex] = temp\n    updateValue(updated)\n  }\n\n  const getExcludedRuleIds = (): string[] => {\n    return conditions.map((c) => c.ruleId)\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div>\n          <p className=\"text-sm text-muted-foreground\">\n            {t('workflows.fieldEditors.preConditions.description')}\n          </p>\n        </div>\n        <Button\n          type=\"button\"\n          onClick={() => setIsModalOpen(true)}\n          variant=\"outline\"\n          size=\"sm\"\n          disabled={disabled}\n          className=\"w-full sm:w-auto\"\n        >\n          <Plus className=\"h-4 w-4 mr-1\" />\n          {t('workflows.fieldEditors.preConditions.addRule')}\n        </Button>\n      </div>\n\n      {conditions.length === 0 && (\n        <EmptyState\n          title={t('workflows.fieldEditors.preConditions.emptyTitle')}\n          description={t('workflows.fieldEditors.preConditions.emptyDescription')}\n          action={{ label: t('workflows.fieldEditors.preConditions.addRule'), onClick: () => setIsModalOpen(true), disabled }}\n        />\n      )}\n\n      <div className=\"space-y-3\">\n        {conditionsWithDetails.map((condition, index) => (\n          <div key={index} className=\"border border-gray-200 rounded-lg bg-white p-4\">\n            <div className=\"space-y-3\">\n              {/* Header row with rule info and actions */}\n              <div className=\"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\">\n                <div className=\"flex-1 min-w-0\">\n                  {/* Rule Name/ID */}\n                  {condition.loading ? (\n                    <div className=\"flex items-center gap-2\">\n                      <Spinner size=\"sm\" />\n                      <span className=\"text-sm text-muted-foreground\">{t('workflows.common.loadingDetails')}</span>\n                    </div>\n                  ) : condition.error ? (\n                    <div className=\"flex items-center gap-2\">\n                      <AlertCircle className=\"size-4 text-amber-600\" />\n                      <div>\n                        <span className=\"text-sm font-semibold text-foreground\">{condition.ruleId}</span>\n                        <p className=\"text-xs text-amber-600\">{t('workflows.common.ruleNotFound')}</p>\n                      </div>\n                    </div>\n                  ) : (\n                    <div>\n                      <div className=\"flex items-center gap-2\">\n                        <span className=\"text-sm font-semibold text-foreground\">{condition.ruleName}</span>\n                        {condition.ruleType && (\n                          <Badge variant=\"secondary\" className=\"text-xs\">\n                            {condition.ruleType}\n                          </Badge>\n                        )}\n                      </div>\n                      <p className=\"text-xs text-muted-foreground mt-0.5\">\n                        ID: <code className=\"bg-muted px-1 rounded font-mono\">{condition.ruleId}</code>\n                      </p>\n                    </div>\n                  )}\n                </div>\n\n                {/* Action buttons */}\n                <div className=\"flex items-center gap-1 self-end sm:self-auto\">\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    onClick={() => moveCondition(index, 'up')}\n                    disabled={index === 0 || disabled}\n                    title={t('workflows.common.moveUp')}\n                  >\n                    <ChevronUp className=\"h-4 w-4\" />\n                  </Button>\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    onClick={() => moveCondition(index, 'down')}\n                    disabled={index === conditions.length - 1 || disabled}\n                    title={t('workflows.common.moveDown')}\n                  >\n                    <ChevronDown className=\"h-4 w-4\" />\n                  </Button>\n                  <ConfirmDialog\n                    trigger={\n                      <Button\n                        type=\"button\"\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        title={t('workflows.common.delete')}\n                        disabled={disabled}\n                      >\n                        <Trash2 className=\"h-4 w-4 text-destructive\" />\n                      </Button>\n                    }\n                    title={t('workflows.fieldEditors.preConditions.removePreCondition')}\n                    text={t('workflows.fieldEditors.preConditions.confirmRemove')}\n                    variant=\"destructive\"\n                    onConfirm={() => removeCondition(index)}\n                  />\n                </div>\n              </div>\n\n              {/* Required toggle */}\n              <SwitchField\n                id={`precondition-${index}-required`}\n                label={t('workflows.fieldEditors.preConditions.requiredLabel')}\n                flip\n                checked={conditions[index]?.required ?? true}\n                onCheckedChange={(checked) => updateCondition(index, { required: checked })}\n                disabled={disabled}\n              />\n\n              {/* Validation Messages */}\n              <div>\n                <Label htmlFor={`precondition-${index}-messages`} className=\"text-xs\">\n                  {t('workflows.fieldEditors.preConditions.validationMessages')}\n                </Label>\n                <LocalizedMessageTextarea\n                  id={`precondition-${index}-messages`}\n                  value={conditions[index]?.validationMessage}\n                  onChange={(messages) => updateCondition(index, { validationMessage: messages })}\n                  disabled={disabled}\n                  placeholder={t('workflows.fieldEditors.preConditions.validationMessagesPlaceholder')}\n                  hint={t('workflows.fieldEditors.preConditions.validationMessagesHint')}\n                />\n              </div>\n            </div>\n          </div>\n        ))}\n      </div>\n\n      {/* Business Rules Selector Modal */}\n      <BusinessRulesSelector\n        isOpen={isModalOpen}\n        onClose={() => setIsModalOpen(false)}\n        onSelect={addCondition}\n        excludeRuleIds={getExcludedRuleIds()}\n        title={t('workflows.fieldEditors.preConditions.selectBusinessRule')}\n        description={t('workflows.fieldEditors.preConditions.selectBusinessRuleDescription')}\n        filterRuleType=\"GUARD\"\n        onlyEnabled={true}\n      />\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/workflows/components/fields/WorkflowSelectorField.js CHANGED Viewed

@@ -85,7 +85,7 @@ function WorkflowSelectorField({
     /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx(Label, { htmlFor: id, className: "text-sm font-medium", children: label }),
       /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-0.5", children: description }),
-      error && /* @__PURE__ */ jsx("p", { className: "text-xs text-red-600 mt-1", children: error })
+      error && /* @__PURE__ */ jsx("p", { className: "text-xs text-status-error-text mt-1", children: error })
     ] }),
     !workflowId ? (
       /* No Workflow Selected */
@@ -114,10 +114,10 @@ function WorkflowSelectorField({
           /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: t("workflows.common.loadingDetails") })
         ] }) : workflowDetails?.error ? /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx(AlertCircle, { className: "size-4 text-yellow-600" }),
+            /* @__PURE__ */ jsx(AlertCircle, { className: "size-4 text-status-warning-text" }),
             /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-gray-900", children: workflowId })
           ] }),
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-yellow-600", children: t("workflows.common.workflowNotFoundOrUnavailable") })
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-status-warning-text", children: t("workflows.common.workflowNotFoundOrUnavailable") })
         ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
@@ -126,7 +126,7 @@ function WorkflowSelectorField({
                 "v",
                 workflowDetails.version
               ] }),
-              workflowDetails?.enabled !== void 0 && (workflowDetails.enabled ? /* @__PURE__ */ jsx(Badge, { variant: "default", className: "bg-emerald-500 text-xs", children: t("common.enabled") }) : /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: t("common.disabled") }))
+              workflowDetails?.enabled !== void 0 && (workflowDetails.enabled ? /* @__PURE__ */ jsx(Badge, { variant: "default", className: "bg-status-success-solid text-status-success-solid-foreground text-xs", children: t("common.enabled") }) : /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: t("common.disabled") }))
             ] }),
             /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground font-mono mt-0.5", children: workflowId })
           ] }),

package/dist/modules/workflows/components/fields/WorkflowSelectorField.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/workflows/components/fields/WorkflowSelectorField.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { useState, useEffect } from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { Search, X, Loader2, AlertCircle, Workflow } from 'lucide-react'\nimport type { CrudCustomFieldRenderProps } from '@open-mercato/ui/backend/CrudForm'\nimport { WorkflowSelector, type WorkflowDefinition } from '../WorkflowSelector'\nimport { apiFetch } from '@open-mercato/ui/backend/utils/api'\nimport { createLogger } from '@open-mercato/shared/lib/logger'\n\nconst logger = createLogger('workflows')\n\ninterface WorkflowSelectorFieldProps extends CrudCustomFieldRenderProps {\n  value: string\n  label?: string\n  description?: string\n}\n\ninterface WorkflowDetails {\n  workflowId: string\n  workflowName?: string\n  version?: number\n  enabled?: boolean\n  description?: string | null\n  loading?: boolean\n  error?: boolean\n}\n\n/**\n * WorkflowSelectorField - Custom field component for selecting a sub-workflow\n *\n * Integrates with WorkflowSelector modal to pick a workflow.\n * Fetches and displays workflow details for the selected workflow ID.\n * Allows clearing the selection.\n *\n * Used by NodeEditDialog (SubWorkflow type only)\n */\nexport function WorkflowSelectorField({\n  id,\n  value = '',\n  error,\n  setValue,\n  disabled,\n  label: labelProp,\n  description: descriptionProp,\n}: WorkflowSelectorFieldProps) {\n  const t = useT()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const label = labelProp ?? t('workflows.fieldEditors.workflowSelector.label')\n  const description = descriptionProp ?? t('workflows.fieldEditors.workflowSelector.description')\n  const [isModalOpen, setIsModalOpen] = useState(false)\n  const [workflowDetails, setWorkflowDetails] = useState<WorkflowDetails | null>(null)\n\n  const workflowId = value || ''\n\n  // Fetch workflow details when workflowId changes\n  useEffect(() => {\n    if (workflowId) {\n      setWorkflowDetails({ workflowId, loading: true })\n      fetchWorkflowDetails(workflowId)\n    } else {\n      setWorkflowDetails(null)\n    }\n  }, [workflowId])\n\n  const fetchWorkflowDetails = async (wfId: string) => {\n    try {\n      const params = new URLSearchParams({ workflowId: wfId, limit: '1' })\n      const response = await apiFetch(`/api/workflows/definitions?${params.toString()}`)\n\n      if (response.ok) {\n        const result = await response.json()\n        const workflow = result.data?.[0] as WorkflowDefinition | undefined\n\n        setWorkflowDetails({\n          workflowId: wfId,\n          workflowName: workflow?.workflowName,\n          version: workflow?.version,\n          enabled: workflow?.enabled,\n          description: workflow?.description,\n          loading: false,\n          error: !workflow,\n        })\n      } else {\n        setWorkflowDetails({\n          workflowId: wfId,\n          loading: false,\n          error: true,\n        })\n      }\n    } catch (err) {\n      logger.error('Failed to fetch workflow details', { workflowId: wfId, err })\n      setWorkflowDetails({\n        workflowId: wfId,\n        loading: false,\n        error: true,\n      })\n    }\n  }\n\n  const handleSelect = (selectedWorkflowId: string, _workflow: WorkflowDefinition) => {\n    setValue(selectedWorkflowId)\n    setIsModalOpen(false)\n  }\n\n  const handleClear = async () => {\n    const confirmed = await confirm({\n      title: t('workflows.common.clear'),\n      text: t('workflows.fieldEditors.workflowSelector.confirmClear'),\n      variant: 'default',\n    })\n    if (!confirmed) return\n\n    setValue('')\n    setWorkflowDetails(null)\n  }\n\n  return (\n    <div className=\"space-y-2\">\n      <div>\n        <Label htmlFor={id} className=\"text-sm font-medium\">\n          {label}\n        </Label>\n        <p className=\"text-xs text-muted-foreground mt-0.5\">\n          {description}\n        </p>\n        {error && <p className=\"text-xs text-red-600 mt-1\">{error}</p>}\n      </div>\n\n      {!workflowId ? (\n        /* No Workflow Selected */\n        <div className=\"border-2 border-dashed border-gray-300 rounded-lg p-6 text-center\">\n          <Workflow className=\"size-8 text-muted-foreground mx-auto mb-2\" />\n          <p className=\"text-sm text-muted-foreground mb-3\">{t('workflows.fieldEditors.workflowSelector.noWorkflowSelected')}</p>\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            onClick={() => setIsModalOpen(true)}\n            disabled={disabled}\n          >\n            <Search className=\"size-3 mr-1\" />\n            {t('workflows.fieldEditors.workflowSelector.browseWorkflows')}\n          </Button>\n        </div>\n      ) : (\n        /* Workflow Selected */\n        <div className=\"border border-gray-200 rounded-lg bg-white p-4\">\n          <div className=\"flex items-start justify-between\">\n            <div className=\"flex-1 min-w-0 space-y-2\">\n              {workflowDetails?.loading ? (\n                <div className=\"flex items-center gap-2\">\n                  <Loader2 className=\"size-4 animate-spin text-muted-foreground\" />\n                  <span className=\"text-sm text-muted-foreground\">{t('workflows.common.loadingDetails')}</span>\n                </div>\n              ) : workflowDetails?.error ? (\n                <>\n                  <div className=\"flex items-center gap-2\">\n                    <AlertCircle className=\"size-4 text-yellow-600\" />\n                    <span className=\"text-sm font-semibold text-gray-900\">{workflowId}</span>\n                  </div>\n                  <p className=\"text-xs text-yellow-600\">{t('workflows.common.workflowNotFoundOrUnavailable')}</p>\n                </>\n              ) : (\n                <>\n                  <div>\n                    <div className=\"flex items-center gap-2\">\n                      <span className=\"text-sm font-semibold text-gray-900\">\n                        {workflowDetails?.workflowName || workflowId}\n                      </span>\n                      {workflowDetails?.version !== undefined && (\n                        <Badge variant=\"secondary\" className=\"text-xs\">\n                          v{workflowDetails.version}\n                        </Badge>\n                      )}\n                      {workflowDetails?.enabled !== undefined && (\n                        workflowDetails.enabled ? (\n                          <Badge variant=\"default\" className=\"bg-emerald-500 text-xs\">\n                            {t('common.enabled')}\n                          </Badge>\n                        ) : (\n                          <Badge variant=\"secondary\" className=\"text-xs\">\n                            {t('common.disabled')}\n                          </Badge>\n                        )\n                      )}\n                    </div>\n                    <p className=\"text-xs text-muted-foreground font-mono mt-0.5\">{workflowId}</p>\n                  </div>\n                  {workflowDetails?.description && (\n                    <p className=\"text-xs text-muted-foreground\">{workflowDetails.description}</p>\n                  )}\n                </>\n              )}\n            </div>\n\n            {/* Actions */}\n            <div className=\"flex items-center gap-2 ml-4 flex-shrink-0\">\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                size=\"sm\"\n                onClick={() => setIsModalOpen(true)}\n                disabled={disabled}\n              >\n                <Search className=\"size-3 mr-1\" />\n                {t('workflows.common.change')}\n              </Button>\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={handleClear}\n                disabled={disabled}\n              >\n                <X className=\"size-4\" />\n              </Button>\n            </div>\n          </div>\n        </div>\n      )}\n\n      {/* Workflow Selector Modal */}\n      <WorkflowSelector\n        isOpen={isModalOpen}\n        onClose={() => setIsModalOpen(false)}\n        onSelect={handleSelect}\n        excludeWorkflowIds={workflowId ? [workflowId] : []}\n        title={t('workflows.fieldEditors.workflowSelector.selectSubWorkflow')}\n        description={t('workflows.fieldEditors.workflowSelector.selectSubWorkflowDescription')}\n        onlyEnabled={true}\n      />\n      {ConfirmDialogElement}\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport { useState, useEffect } from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { Search, X, Loader2, AlertCircle, Workflow } from 'lucide-react'\nimport type { CrudCustomFieldRenderProps } from '@open-mercato/ui/backend/CrudForm'\nimport { WorkflowSelector, type WorkflowDefinition } from '../WorkflowSelector'\nimport { apiFetch } from '@open-mercato/ui/backend/utils/api'\nimport { createLogger } from '@open-mercato/shared/lib/logger'\n\nconst logger = createLogger('workflows')\n\ninterface WorkflowSelectorFieldProps extends CrudCustomFieldRenderProps {\n  value: string\n  label?: string\n  description?: string\n}\n\ninterface WorkflowDetails {\n  workflowId: string\n  workflowName?: string\n  version?: number\n  enabled?: boolean\n  description?: string | null\n  loading?: boolean\n  error?: boolean\n}\n\n/**\n * WorkflowSelectorField - Custom field component for selecting a sub-workflow\n *\n * Integrates with WorkflowSelector modal to pick a workflow.\n * Fetches and displays workflow details for the selected workflow ID.\n * Allows clearing the selection.\n *\n * Used by NodeEditDialog (SubWorkflow type only)\n */\nexport function WorkflowSelectorField({\n  id,\n  value = '',\n  error,\n  setValue,\n  disabled,\n  label: labelProp,\n  description: descriptionProp,\n}: WorkflowSelectorFieldProps) {\n  const t = useT()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const label = labelProp ?? t('workflows.fieldEditors.workflowSelector.label')\n  const description = descriptionProp ?? t('workflows.fieldEditors.workflowSelector.description')\n  const [isModalOpen, setIsModalOpen] = useState(false)\n  const [workflowDetails, setWorkflowDetails] = useState<WorkflowDetails | null>(null)\n\n  const workflowId = value || ''\n\n  // Fetch workflow details when workflowId changes\n  useEffect(() => {\n    if (workflowId) {\n      setWorkflowDetails({ workflowId, loading: true })\n      fetchWorkflowDetails(workflowId)\n    } else {\n      setWorkflowDetails(null)\n    }\n  }, [workflowId])\n\n  const fetchWorkflowDetails = async (wfId: string) => {\n    try {\n      const params = new URLSearchParams({ workflowId: wfId, limit: '1' })\n      const response = await apiFetch(`/api/workflows/definitions?${params.toString()}`)\n\n      if (response.ok) {\n        const result = await response.json()\n        const workflow = result.data?.[0] as WorkflowDefinition | undefined\n\n        setWorkflowDetails({\n          workflowId: wfId,\n          workflowName: workflow?.workflowName,\n          version: workflow?.version,\n          enabled: workflow?.enabled,\n          description: workflow?.description,\n          loading: false,\n          error: !workflow,\n        })\n      } else {\n        setWorkflowDetails({\n          workflowId: wfId,\n          loading: false,\n          error: true,\n        })\n      }\n    } catch (err) {\n      logger.error('Failed to fetch workflow details', { workflowId: wfId, err })\n      setWorkflowDetails({\n        workflowId: wfId,\n        loading: false,\n        error: true,\n      })\n    }\n  }\n\n  const handleSelect = (selectedWorkflowId: string, _workflow: WorkflowDefinition) => {\n    setValue(selectedWorkflowId)\n    setIsModalOpen(false)\n  }\n\n  const handleClear = async () => {\n    const confirmed = await confirm({\n      title: t('workflows.common.clear'),\n      text: t('workflows.fieldEditors.workflowSelector.confirmClear'),\n      variant: 'default',\n    })\n    if (!confirmed) return\n\n    setValue('')\n    setWorkflowDetails(null)\n  }\n\n  return (\n    <div className=\"space-y-2\">\n      <div>\n        <Label htmlFor={id} className=\"text-sm font-medium\">\n          {label}\n        </Label>\n        <p className=\"text-xs text-muted-foreground mt-0.5\">\n          {description}\n        </p>\n        {error && <p className=\"text-xs text-status-error-text mt-1\">{error}</p>}\n      </div>\n\n      {!workflowId ? (\n        /* No Workflow Selected */\n        <div className=\"border-2 border-dashed border-gray-300 rounded-lg p-6 text-center\">\n          <Workflow className=\"size-8 text-muted-foreground mx-auto mb-2\" />\n          <p className=\"text-sm text-muted-foreground mb-3\">{t('workflows.fieldEditors.workflowSelector.noWorkflowSelected')}</p>\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            onClick={() => setIsModalOpen(true)}\n            disabled={disabled}\n          >\n            <Search className=\"size-3 mr-1\" />\n            {t('workflows.fieldEditors.workflowSelector.browseWorkflows')}\n          </Button>\n        </div>\n      ) : (\n        /* Workflow Selected */\n        <div className=\"border border-gray-200 rounded-lg bg-white p-4\">\n          <div className=\"flex items-start justify-between\">\n            <div className=\"flex-1 min-w-0 space-y-2\">\n              {workflowDetails?.loading ? (\n                <div className=\"flex items-center gap-2\">\n                  <Loader2 className=\"size-4 animate-spin text-muted-foreground\" />\n                  <span className=\"text-sm text-muted-foreground\">{t('workflows.common.loadingDetails')}</span>\n                </div>\n              ) : workflowDetails?.error ? (\n                <>\n                  <div className=\"flex items-center gap-2\">\n                    <AlertCircle className=\"size-4 text-status-warning-text\" />\n                    <span className=\"text-sm font-semibold text-gray-900\">{workflowId}</span>\n                  </div>\n                  <p className=\"text-xs text-status-warning-text\">{t('workflows.common.workflowNotFoundOrUnavailable')}</p>\n                </>\n              ) : (\n                <>\n                  <div>\n                    <div className=\"flex items-center gap-2\">\n                      <span className=\"text-sm font-semibold text-gray-900\">\n                        {workflowDetails?.workflowName || workflowId}\n                      </span>\n                      {workflowDetails?.version !== undefined && (\n                        <Badge variant=\"secondary\" className=\"text-xs\">\n                          v{workflowDetails.version}\n                        </Badge>\n                      )}\n                      {workflowDetails?.enabled !== undefined && (\n                        workflowDetails.enabled ? (\n                          <Badge variant=\"default\" className=\"bg-status-success-solid text-status-success-solid-foreground text-xs\">\n                            {t('common.enabled')}\n                          </Badge>\n                        ) : (\n                          <Badge variant=\"secondary\" className=\"text-xs\">\n                            {t('common.disabled')}\n                          </Badge>\n                        )\n                      )}\n                    </div>\n                    <p className=\"text-xs text-muted-foreground font-mono mt-0.5\">{workflowId}</p>\n                  </div>\n                  {workflowDetails?.description && (\n                    <p className=\"text-xs text-muted-foreground\">{workflowDetails.description}</p>\n                  )}\n                </>\n              )}\n            </div>\n\n            {/* Actions */}\n            <div className=\"flex items-center gap-2 ml-4 flex-shrink-0\">\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                size=\"sm\"\n                onClick={() => setIsModalOpen(true)}\n                disabled={disabled}\n              >\n                <Search className=\"size-3 mr-1\" />\n                {t('workflows.common.change')}\n              </Button>\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={handleClear}\n                disabled={disabled}\n              >\n                <X className=\"size-4\" />\n              </Button>\n            </div>\n          </div>\n        </div>\n      )}\n\n      {/* Workflow Selector Modal */}\n      <WorkflowSelector\n        isOpen={isModalOpen}\n        onClose={() => setIsModalOpen(false)}\n        onSelect={handleSelect}\n        excludeWorkflowIds={workflowId ? [workflowId] : []}\n        title={t('workflows.fieldEditors.workflowSelector.selectSubWorkflow')}\n        description={t('workflows.fieldEditors.workflowSelector.selectSubWorkflowDescription')}\n        onlyEnabled={true}\n      />\n      {ConfirmDialogElement}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/workflows/data/validators.js CHANGED Viewed

@@ -151,6 +151,14 @@ const activityRetryPolicySchema = z.object({
   backoffCoefficient: z.number().min(1).max(10),
   maxIntervalMs: z.number().int().min(0)
 });
+const REQUIRED_ACTIVITY_CONFIG_KEYS = {
+  SEND_EMAIL: ["to", "subject"],
+  CALL_API: ["endpoint"],
+  CALL_WEBHOOK: ["url"],
+  UPDATE_ENTITY: ["commandId", "input"],
+  EMIT_EVENT: ["eventName"],
+  EXECUTE_FUNCTION: ["functionName"]
+};
 const activityDefinitionSchema = z.object({
   activityId: z.string().min(1).max(100).regex(/^[a-z0-9_-]+$/, "Activity ID must contain only lowercase letters, numbers, hyphens, and underscores"),
   activityName: z.string().min(1).max(255),
@@ -159,8 +167,18 @@ const activityDefinitionSchema = z.object({
   async: z.boolean().default(false).optional(),
   // For Phase 8.3
   retryPolicy: activityRetryPolicySchema.optional(),
+  /**
+   * Per-activity timeout in milliseconds. This is what the editor writes and
+   * what `executeActivity` reads; it was missing from the schema, so
+   * `z.object()` stripped it on save and UI-configured timeouts silently did
+   * nothing (#4424).
+   */
+  timeoutMs: z.number().int().positive().optional(),
+  /**
+   * @deprecated Use `timeoutMs`. Accepted for definitions already stored with
+   * an ISO 8601 duration string; the executor normalizes it to milliseconds.
+   */
   timeout: z.string().optional(),
-  // ISO 8601 duration
   compensation: z.object({
     activityId: z.string().min(1),
     // ID of compensation activity
@@ -169,6 +187,21 @@ const activityDefinitionSchema = z.object({
   }).optional()
   // Compensation configuration (Phase 8.2)
 }).superRefine((activity, ctx) => {
+  const requiredConfigKeys = REQUIRED_ACTIVITY_CONFIG_KEYS[activity.activityType];
+  if (requiredConfigKeys) {
+    const config2 = activity.config || {};
+    for (const key of requiredConfigKeys) {
+      const value = config2[key];
+      const isEmpty = value == null || typeof value === "string" && value.trim() === "" || key === "input" && typeof value !== "object";
+      if (isEmpty) {
+        ctx.addIssue({
+          code: "custom",
+          path: ["config", key],
+          message: `${activity.activityType} activity requires "${key}"`
+        });
+      }
+    }
+  }
   if (activity.activityType !== "WAIT") return;
   const config = activity.config || {};
   const hasDuration = config.duration != null && config.duration !== "";