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

package/dist/modules/workflows/components/TransitionsEditor.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/workflows/components/TransitionsEditor.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { 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 { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { Trash2, Plus, ChevronUp, ChevronDown } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\ninterface Activity {\n  activityId: string\n  activityName: string\n  activityType: string\n  config?: Record<string, any>\n  async?: boolean\n  retryPolicy?: {\n    maxAttempts?: number\n    retryDelay?: number\n    backoffMultiplier?: number\n  }\n  timeout?: number\n  compensation?: Record<string, any>\n}\n\ninterface Transition {\n  transitionId: string\n  transitionName: string\n  fromStepId: string\n  toStepId: string\n  trigger: string\n  preConditions?: string[]\n  postConditions?: string[]\n  activities?: Activity[]\n  priority?: number\n}\n\ninterface TransitionsEditorProps {\n  value: Transition[]\n  onChange: (transitions: Transition[]) => void\n  steps?: any[]\n  error?: string\n}\n\nconst TRIGGER_TYPES = [\n  { value: 'auto', label: 'Automatic' },\n  { value: 'manual', label: 'Manual' },\n  { value: 'signal', label: 'Signal' },\n  { value: 'timer', label: 'Timer' },\n]\n\nconst ACTIVITY_TYPES = [\n  { value: 'SEND_EMAIL', label: 'Send Email' },\n  { value: 'CALL_API', label: 'Call API' },\n  { value: 'UPDATE_ENTITY', label: 'Update Entity' },\n  { value: 'EMIT_EVENT', label: 'Emit Event' },\n  { value: 'CALL_WEBHOOK', label: 'Call Webhook' },\n  { value: 'EXECUTE_FUNCTION', label: 'Execute Function' },\n  { value: 'WAIT', label: 'Wait' },\n]\n\nexport function TransitionsEditor({ value = [], onChange, steps = [], error }: TransitionsEditorProps) {\n  const t = useT()\n\n  const addTransition = () => {\n    const newTransition: Transition = {\n      transitionId: `transition_${Date.now()}`,\n      transitionName: t('workflows.common.newTransition'),\n      fromStepId: '',\n      toStepId: '',\n      trigger: 'auto',\n      preConditions: [],\n      postConditions: [],\n      activities: [],\n      priority: 100,\n    }\n    onChange([...value, newTransition])\n  }\n\n  const updateTransition = (index: number, field: keyof Transition, fieldValue: any) => {\n    const updated = [...value]\n    updated[index] = { ...updated[index], [field]: fieldValue }\n    onChange(updated)\n  }\n\n  const removeTransition = (index: number) => {\n    onChange(value.filter((_, i) => i !== index))\n  }\n\n  const moveTransition = (index: number, direction: 'up' | 'down') => {\n    const newIndex = direction === 'up' ? index - 1 : index + 1\n    if (newIndex < 0 || newIndex >= value.length) return\n\n    const updated = [...value]\n    const temp = updated[index]\n    updated[index] = updated[newIndex]\n    updated[newIndex] = temp\n    onChange(updated)\n  }\n\n  const addActivity = (transitionIndex: number) => {\n    const newActivity: Activity = {\n      activityId: `activity_${Date.now()}`,\n      activityName: t('workflows.common.newActivity'),\n      activityType: 'CALL_API',\n      config: {},\n      async: false,\n      retryPolicy: {\n        maxAttempts: 3,\n        retryDelay: 1000,\n        backoffMultiplier: 2,\n      },\n    }\n    const updated = [...value]\n    updated[transitionIndex] = {\n      ...updated[transitionIndex],\n      activities: [...(updated[transitionIndex].activities || []), newActivity],\n    }\n    onChange(updated)\n  }\n\n  const updateActivity = (transitionIndex: number, activityIndex: number, field: keyof Activity, fieldValue: any) => {\n    const updated = [...value]\n    const activities = [...(updated[transitionIndex].activities || [])]\n    activities[activityIndex] = { ...activities[activityIndex], [field]: fieldValue }\n    updated[transitionIndex] = { ...updated[transitionIndex], activities }\n    onChange(updated)\n  }\n\n  const updateRetryPolicy = (transitionIndex: number, activityIndex: number, field: string, fieldValue: any) => {\n    const updated = [...value]\n    const activities = [...(updated[transitionIndex].activities || [])]\n    activities[activityIndex] = {\n      ...activities[activityIndex],\n      retryPolicy: {\n        ...activities[activityIndex].retryPolicy,\n        [field]: fieldValue,\n      },\n    }\n    updated[transitionIndex] = { ...updated[transitionIndex], activities }\n    onChange(updated)\n  }\n\n  const removeActivity = (transitionIndex: number, activityIndex: number) => {\n    const updated = [...value]\n    updated[transitionIndex] = {\n      ...updated[transitionIndex],\n      activities: (updated[transitionIndex].activities || []).filter((_, i) => i !== activityIndex),\n    }\n    onChange(updated)\n  }\n\n  const moveActivity = (transitionIndex: number, activityIndex: number, direction: 'up' | 'down') => {\n    const activities = value[transitionIndex].activities || []\n    const newIndex = direction === 'up' ? activityIndex - 1 : activityIndex + 1\n    if (newIndex < 0 || newIndex >= activities.length) return\n\n    const updated = [...value]\n    const updatedActivities = [...activities]\n    const temp = updatedActivities[activityIndex]\n    updatedActivities[activityIndex] = updatedActivities[newIndex]\n    updatedActivities[newIndex] = temp\n    updated[transitionIndex] = { ...updated[transitionIndex], activities: updatedActivities }\n    onChange(updated)\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.form.descriptions.transitions')}\n          </p>\n          {error && <p className=\"text-sm text-red-600 mt-1\">{error}</p>}\n        </div>\n        <Button type=\"button\" onClick={addTransition} variant=\"outline\" size=\"sm\" className=\"w-full sm:w-auto\">\n          <Plus className=\"h-4 w-4 mr-1\" />\n          {t('workflows.form.addTransition')}\n        </Button>\n      </div>\n\n      {value.length === 0 && (\n        <div className=\"p-6 text-center text-muted-foreground border rounded-md bg-muted\">\n          {t('workflows.form.noTransitions')}\n        </div>\n      )}\n\n      <div className=\"space-y-3\">\n        {value.map((transition, index) => (\n          <div key={index} className=\"p-4 border rounded-md bg-card shadow-sm border-l-4 border-l-blue-500\">\n            <div className=\"space-y-3\">\n              <div className=\"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\">\n                <div className=\"flex-1 grid grid-cols-1 sm:grid-cols-2 gap-3\">\n                  <div>\n                    <Label htmlFor={`transition-${index}-id`} className=\"text-xs\">\n                      {t('workflows.transitions.transitionId')} *\n                    </Label>\n                    <Input\n                      id={`transition-${index}-id`}\n                      value={transition.transitionId}\n                      onChange={(e) => updateTransition(index, 'transitionId', e.target.value)}\n                      placeholder=\"transition_name\"\n                      className=\"mt-1\"\n                    />\n                  </div>\n                  <div>\n                    <Label htmlFor={`transition-${index}-name`} className=\"text-xs\">\n                      {t('workflows.transitions.transitionName')} *\n                    </Label>\n                    <Input\n                      id={`transition-${index}-name`}\n                      value={transition.transitionName}\n                      onChange={(e) => updateTransition(index, 'transitionName', e.target.value)}\n                      placeholder={t('workflows.transitions.transitionName')}\n                      className=\"mt-1\"\n                    />\n                  </div>\n                </div>\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={() => moveTransition(index, 'up')}\n                    disabled={index === 0}\n                    title={t('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={() => moveTransition(index, 'down')}\n                    disabled={index === value.length - 1}\n                    title={t('common.moveDown')}\n                  >\n                    <ChevronDown className=\"h-4 w-4\" />\n                  </Button>\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    onClick={() => removeTransition(index)}\n                    title={t('common.delete')}\n                  >\n                    <Trash2 className=\"h-4 w-4 text-red-600\" />\n                  </Button>\n                </div>\n              </div>\n\n              <div className=\"grid grid-cols-1 sm:grid-cols-3 gap-3\">\n                <div>\n                  <Label htmlFor={`transition-${index}-from`} className=\"text-xs\">\n                    {t('workflows.transitions.fromStep')} *\n                  </Label>\n                  <Select\n                    value={transition.fromStepId || undefined}\n                    onValueChange={(value) => updateTransition(index, 'fromStepId', value ?? '')}\n                  >\n                    <SelectTrigger id={`transition-${index}-from`} className=\"mt-1\">\n                      <SelectValue placeholder={t('workflows.form.selectStep')} />\n                    </SelectTrigger>\n                    <SelectContent>\n                      {steps.map((step: any) => (\n                        <SelectItem key={step.stepId} value={step.stepId}>\n                          {step.stepName || step.stepId}\n                        </SelectItem>\n                      ))}\n                    </SelectContent>\n                  </Select>\n                </div>\n                <div>\n                  <Label htmlFor={`transition-${index}-to`} className=\"text-xs\">\n                    {t('workflows.transitions.toStep')} *\n                  </Label>\n                  <Select\n                    value={transition.toStepId || undefined}\n                    onValueChange={(value) => updateTransition(index, 'toStepId', value ?? '')}\n                  >\n                    <SelectTrigger id={`transition-${index}-to`} className=\"mt-1\">\n                      <SelectValue placeholder={t('workflows.form.selectStep')} />\n                    </SelectTrigger>\n                    <SelectContent>\n                      {steps.map((step: any) => (\n                        <SelectItem key={step.stepId} value={step.stepId}>\n                          {step.stepName || step.stepId}\n                        </SelectItem>\n                      ))}\n                    </SelectContent>\n                  </Select>\n                </div>\n                <div>\n                  <Label htmlFor={`transition-${index}-trigger`} className=\"text-xs\">\n                    {t('workflows.transitions.trigger')} *\n                  </Label>\n                  <Select\n                    value={transition.trigger}\n                    onValueChange={(value) => updateTransition(index, 'trigger', value)}\n                  >\n                    <SelectTrigger id={`transition-${index}-trigger`} className=\"mt-1\">\n                      <SelectValue />\n                    </SelectTrigger>\n                    <SelectContent>\n                      {TRIGGER_TYPES.map((type) => (\n                        <SelectItem key={type.value} value={type.value}>\n                          {t(`workflows.transitions.triggers.${type.value}`)}\n                        </SelectItem>\n                      ))}\n                    </SelectContent>\n                  </Select>\n                </div>\n              </div>\n\n              <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-3\">\n                <div>\n                  <Label htmlFor={`transition-${index}-priority`} className=\"text-xs\">\n                    {t('workflows.transitions.priority')}\n                  </Label>\n                  <Input\n                    id={`transition-${index}-priority`}\n                    type=\"number\"\n                    value={transition.priority || 100}\n                    onChange={(e) => updateTransition(index, 'priority', parseInt(e.target.value))}\n                    className=\"mt-1\"\n                  />\n                </div>\n                <div>\n                  <Label htmlFor={`transition-${index}-preconditions`} className=\"text-xs\">\n                    {t('workflows.transitions.preConditions')}\n                  </Label>\n                  <Input\n                    id={`transition-${index}-preconditions`}\n                    value={(transition.preConditions || []).join(', ')}\n                    onChange={(e) => updateTransition(index, 'preConditions', e.target.value.split(',').map(s => s.trim()).filter(Boolean))}\n                    placeholder=\"rule_id_1, rule_id_2\"\n                    className=\"mt-1\"\n                  />\n                </div>\n              </div>\n\n              <div className=\"mt-4 pl-4 border-l-2 border-border\">\n                <div className=\"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-3\">\n                  <Label className=\"text-xs font-semibold text-foreground\">\n                    {t('workflows.transitions.activities')}\n                  </Label>\n                  <Button\n                    type=\"button\"\n                    onClick={() => addActivity(index)}\n                    variant=\"outline\"\n                    size=\"sm\"\n                    className=\"w-full sm:w-auto\"\n                  >\n                    <Plus className=\"h-3 w-3 mr-1\" />\n                    {t('workflows.form.addActivity')}\n                  </Button>\n                </div>\n\n                {(transition.activities || []).length === 0 && (\n                  <div className=\"p-3 text-center text-xs text-muted-foreground border rounded-md bg-muted\">\n                    {t('workflows.form.noActivitiesInTransition')}\n                  </div>\n                )}\n\n                <div className=\"space-y-2\">\n                  {(transition.activities || []).map((activity, activityIndex) => (\n                    <div key={activityIndex} className=\"p-3 border rounded-md bg-muted shadow-sm border-l-4 border-l-green-500\">\n                      <div className=\"space-y-2\">\n                        <div className=\"flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between\">\n                          <div className=\"flex-1 grid grid-cols-1 sm:grid-cols-2 gap-2\">\n                            <div>\n                              <Label htmlFor={`activity-${index}-${activityIndex}-id`} className=\"text-xs\">\n                                {t('workflows.activities.activityId')} *\n                              </Label>\n                              <Input\n                                id={`activity-${index}-${activityIndex}-id`}\n                                value={activity.activityId}\n                                onChange={(e) => updateActivity(index, activityIndex, 'activityId', e.target.value)}\n                                placeholder=\"activity_name\"\n                                className=\"mt-1 text-xs h-8\"\n                              />\n                            </div>\n                            <div>\n                              <Label htmlFor={`activity-${index}-${activityIndex}-name`} className=\"text-xs\">\n                                {t('workflows.activities.activityName')} *\n                              </Label>\n                              <Input\n                                id={`activity-${index}-${activityIndex}-name`}\n                                value={activity.activityName}\n                                onChange={(e) => updateActivity(index, activityIndex, 'activityName', e.target.value)}\n                                placeholder={t('workflows.activities.activityName')}\n                                className=\"mt-1 text-xs h-8\"\n                              />\n                            </div>\n                          </div>\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={() => moveActivity(index, activityIndex, 'up')}\n                              disabled={activityIndex === 0}\n                              title={t('common.moveUp')}\n                            >\n                              <ChevronUp className=\"h-3 w-3\" />\n                            </Button>\n                            <Button\n                              type=\"button\"\n                              variant=\"ghost\"\n                              size=\"sm\"\n                              onClick={() => moveActivity(index, activityIndex, 'down')}\n                              disabled={activityIndex === (transition.activities || []).length - 1}\n                              title={t('common.moveDown')}\n                            >\n                              <ChevronDown className=\"h-3 w-3\" />\n                            </Button>\n                            <Button\n                              type=\"button\"\n                              variant=\"ghost\"\n                              size=\"sm\"\n                              onClick={() => removeActivity(index, activityIndex)}\n                              title={t('common.delete')}\n                            >\n                              <Trash2 className=\"h-3 w-3 text-red-600\" />\n                            </Button>\n                          </div>\n                        </div>\n\n                        <div className=\"grid grid-cols-1 sm:grid-cols-3 gap-2\">\n                          <div>\n                            <Label htmlFor={`activity-${index}-${activityIndex}-type`} className=\"text-xs\">\n                              {t('workflows.activities.activityType')} *\n                            </Label>\n                            <Select\n                              value={activity.activityType}\n                              onValueChange={(value) => updateActivity(index, activityIndex, 'activityType', value)}\n                            >\n                              <SelectTrigger id={`activity-${index}-${activityIndex}-type`} size=\"sm\" className=\"mt-1\">\n                                <SelectValue />\n                              </SelectTrigger>\n                              <SelectContent>\n                                {ACTIVITY_TYPES.map((type) => (\n                                  <SelectItem key={type.value} value={type.value}>\n                                    {t(`workflows.activities.types.${type.value}`)}\n                                  </SelectItem>\n                                ))}\n                              </SelectContent>\n                            </Select>\n                          </div>\n                          <div>\n                            <Label htmlFor={`activity-${index}-${activityIndex}-timeout`} className=\"text-xs\">\n                              {t('workflows.activities.timeout')} (ms)\n                            </Label>\n                            <Input\n                              id={`activity-${index}-${activityIndex}-timeout`}\n                              type=\"number\"\n                              value={activity.timeout || ''}\n                              onChange={(e) => updateActivity(index, activityIndex, 'timeout', e.target.value ? parseInt(e.target.value) : undefined)}\n                              placeholder=\"30000\"\n                              className=\"mt-1 text-xs h-8\"\n                            />\n                          </div>\n                          <div className=\"flex items-end pb-1\">\n                            <div className=\"flex items-center space-x-2\">\n                              <input\n                                type=\"checkbox\"\n                                id={`activity-${index}-${activityIndex}-async`}\n                                checked={activity.async || false}\n                                onChange={(e) => updateActivity(index, activityIndex, 'async', e.target.checked)}\n                                className=\"h-3 w-3\"\n                              />\n                              <Label htmlFor={`activity-${index}-${activityIndex}-async`} className=\"text-xs cursor-pointer\">\n                                {t('workflows.activities.async')}\n                              </Label>\n                            </div>\n                          </div>\n                        </div>\n\n                        <div className=\"grid grid-cols-1 sm:grid-cols-3 gap-2\">\n                          <div>\n                            <Label htmlFor={`activity-${index}-${activityIndex}-retry-attempts`} className=\"text-xs\">\n                              {t('workflows.form.maxRetryAttempts')}\n                            </Label>\n                            <Input\n                              id={`activity-${index}-${activityIndex}-retry-attempts`}\n                              type=\"number\"\n                              value={activity.retryPolicy?.maxAttempts || 3}\n                              onChange={(e) => updateRetryPolicy(index, activityIndex, 'maxAttempts', parseInt(e.target.value))}\n                              className=\"mt-1 text-xs h-8\"\n                            />\n                          </div>\n                          <div>\n                            <Label htmlFor={`activity-${index}-${activityIndex}-retry-delay`} className=\"text-xs\">\n                              {t('workflows.form.retryDelay')} (ms)\n                            </Label>\n                            <Input\n                              id={`activity-${index}-${activityIndex}-retry-delay`}\n                              type=\"number\"\n                              value={activity.retryPolicy?.retryDelay || 1000}\n                              onChange={(e) => updateRetryPolicy(index, activityIndex, 'retryDelay', parseInt(e.target.value))}\n                              className=\"mt-1 text-xs h-8\"\n                            />\n                          </div>\n                          <div>\n                            <Label htmlFor={`activity-${index}-${activityIndex}-backoff`} className=\"text-xs\">\n                              {t('workflows.form.backoffMultiplier')}\n                            </Label>\n                            <Input\n                              id={`activity-${index}-${activityIndex}-backoff`}\n                              type=\"number\"\n                              step=\"0.1\"\n                              value={activity.retryPolicy?.backoffMultiplier || 2}\n                              onChange={(e) => updateRetryPolicy(index, activityIndex, 'backoffMultiplier', parseFloat(e.target.value))}\n                              className=\"mt-1 text-xs h-8\"\n                            />\n                          </div>\n                        </div>\n\n                        <div>\n                          <Label htmlFor={`activity-${index}-${activityIndex}-config`} className=\"text-xs\">\n                            {t('workflows.activities.config')} (JSON)\n                          </Label>\n                          <Textarea\n                            id={`activity-${index}-${activityIndex}-config`}\n                            value={JSON.stringify(activity.config || {}, null, 2)}\n                            onChange={(e) => {\n                              try {\n                                const parsed = JSON.parse(e.target.value)\n                                updateActivity(index, activityIndex, 'config', parsed)\n                              } catch {\n                                // Invalid JSON, don't update\n                              }\n                            }}\n                            placeholder='{\"key\": \"value\"}'\n                            rows={2}\n                            className=\"mt-1 font-mono text-xs\"\n                          />\n                        </div>\n                      </div>\n                    </div>\n                  ))}\n                </div>\n              </div>\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { 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 { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { Trash2, Plus, ChevronUp, ChevronDown } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\ninterface Activity {\n  activityId: string\n  activityName: string\n  activityType: string\n  config?: Record<string, any>\n  async?: boolean\n  retryPolicy?: {\n    maxAttempts?: number\n    retryDelay?: number\n    backoffMultiplier?: number\n  }\n  // Milliseconds, matching the executor and the definition schema. This field\n  // used to be written as `timeout` (a number) while the schema typed `timeout`\n  // as an ISO 8601 string, so saving a timeout from this editor failed\n  // validation outright (#4424).\n  timeoutMs?: number\n  compensation?: Record<string, any>\n}\n\ninterface Transition {\n  transitionId: string\n  transitionName: string\n  fromStepId: string\n  toStepId: string\n  trigger: string\n  preConditions?: string[]\n  postConditions?: string[]\n  activities?: Activity[]\n  priority?: number\n}\n\ninterface TransitionsEditorProps {\n  value: Transition[]\n  onChange: (transitions: Transition[]) => void\n  steps?: any[]\n  error?: string\n}\n\nconst TRIGGER_TYPES = [\n  { value: 'auto', label: 'Automatic' },\n  { value: 'manual', label: 'Manual' },\n  { value: 'signal', label: 'Signal' },\n  { value: 'timer', label: 'Timer' },\n]\n\nconst ACTIVITY_TYPES = [\n  { value: 'SEND_EMAIL', label: 'Send Email' },\n  { value: 'CALL_API', label: 'Call API' },\n  { value: 'UPDATE_ENTITY', label: 'Update Entity' },\n  { value: 'EMIT_EVENT', label: 'Emit Event' },\n  { value: 'CALL_WEBHOOK', label: 'Call Webhook' },\n  { value: 'EXECUTE_FUNCTION', label: 'Execute Function' },\n  { value: 'WAIT', label: 'Wait' },\n]\n\ntype ConfigDraft = { text: string; error: string | null }\n\nexport function TransitionsEditor({ value = [], onChange, steps = [], error }: TransitionsEditorProps) {\n  const t = useT()\n  const [configDrafts, setConfigDrafts] = React.useState<Record<string, ConfigDraft>>({})\n\n  const configDraftKey = (transition: Transition, activity: Activity) =>\n    `${transition.transitionId}:${activity.activityId}`\n\n  const handleConfigTextChange = (\n    transitionIndex: number,\n    activityIndex: number,\n    text: string,\n  ) => {\n    const transition = value[transitionIndex]\n    const activity = transition.activities?.[activityIndex]\n    if (!activity) return\n\n    let parsed: Record<string, unknown> | null = null\n    let parseError: string | null = null\n    try {\n      const candidate = JSON.parse(text) as unknown\n      if (candidate && typeof candidate === 'object' && !Array.isArray(candidate)) {\n        parsed = candidate as Record<string, unknown>\n      } else {\n        parseError = t('workflows.activities.configMustBeObject', 'Config must be a JSON object')\n      }\n    } catch (err) {\n      parseError = err instanceof Error\n        ? err.message\n        : t('workflows.activities.configInvalidJson', 'Invalid JSON')\n    }\n\n    const key = configDraftKey(transition, activity)\n    setConfigDrafts((drafts) => ({ ...drafts, [key]: { text, error: parseError } }))\n    if (parsed) updateActivity(transitionIndex, activityIndex, 'config', parsed)\n  }\n\n  const handleConfigBlur = (transition: Transition, activity: Activity) => {\n    const key = configDraftKey(transition, activity)\n    setConfigDrafts((drafts) => {\n      if (!drafts[key] || drafts[key].error) return drafts\n      const next = { ...drafts }\n      delete next[key]\n      return next\n    })\n  }\n\n  const addTransition = () => {\n    const newTransition: Transition = {\n      transitionId: `transition_${Date.now()}`,\n      transitionName: t('workflows.common.newTransition'),\n      fromStepId: '',\n      toStepId: '',\n      trigger: 'auto',\n      preConditions: [],\n      postConditions: [],\n      activities: [],\n      priority: 100,\n    }\n    onChange([...value, newTransition])\n  }\n\n  const updateTransition = (index: number, field: keyof Transition, fieldValue: any) => {\n    const updated = [...value]\n    updated[index] = { ...updated[index], [field]: fieldValue }\n    onChange(updated)\n  }\n\n  const removeTransition = (index: number) => {\n    onChange(value.filter((_, i) => i !== index))\n  }\n\n  const moveTransition = (index: number, direction: 'up' | 'down') => {\n    const newIndex = direction === 'up' ? index - 1 : index + 1\n    if (newIndex < 0 || newIndex >= value.length) return\n\n    const updated = [...value]\n    const temp = updated[index]\n    updated[index] = updated[newIndex]\n    updated[newIndex] = temp\n    onChange(updated)\n  }\n\n  const addActivity = (transitionIndex: number) => {\n    const newActivity: Activity = {\n      activityId: `activity_${Date.now()}`,\n      activityName: t('workflows.common.newActivity'),\n      activityType: 'CALL_API',\n      config: {},\n      async: false,\n      retryPolicy: {\n        maxAttempts: 3,\n        retryDelay: 1000,\n        backoffMultiplier: 2,\n      },\n    }\n    const updated = [...value]\n    updated[transitionIndex] = {\n      ...updated[transitionIndex],\n      activities: [...(updated[transitionIndex].activities || []), newActivity],\n    }\n    onChange(updated)\n  }\n\n  const updateActivity = (transitionIndex: number, activityIndex: number, field: keyof Activity, fieldValue: any) => {\n    const updated = [...value]\n    const activities = [...(updated[transitionIndex].activities || [])]\n    activities[activityIndex] = { ...activities[activityIndex], [field]: fieldValue }\n    updated[transitionIndex] = { ...updated[transitionIndex], activities }\n    onChange(updated)\n  }\n\n  const updateRetryPolicy = (transitionIndex: number, activityIndex: number, field: string, fieldValue: any) => {\n    const updated = [...value]\n    const activities = [...(updated[transitionIndex].activities || [])]\n    activities[activityIndex] = {\n      ...activities[activityIndex],\n      retryPolicy: {\n        ...activities[activityIndex].retryPolicy,\n        [field]: fieldValue,\n      },\n    }\n    updated[transitionIndex] = { ...updated[transitionIndex], activities }\n    onChange(updated)\n  }\n\n  const removeActivity = (transitionIndex: number, activityIndex: number) => {\n    const updated = [...value]\n    updated[transitionIndex] = {\n      ...updated[transitionIndex],\n      activities: (updated[transitionIndex].activities || []).filter((_, i) => i !== activityIndex),\n    }\n    onChange(updated)\n  }\n\n  const moveActivity = (transitionIndex: number, activityIndex: number, direction: 'up' | 'down') => {\n    const activities = value[transitionIndex].activities || []\n    const newIndex = direction === 'up' ? activityIndex - 1 : activityIndex + 1\n    if (newIndex < 0 || newIndex >= activities.length) return\n\n    const updated = [...value]\n    const updatedActivities = [...activities]\n    const temp = updatedActivities[activityIndex]\n    updatedActivities[activityIndex] = updatedActivities[newIndex]\n    updatedActivities[newIndex] = temp\n    updated[transitionIndex] = { ...updated[transitionIndex], activities: updatedActivities }\n    onChange(updated)\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.form.descriptions.transitions')}\n          </p>\n          {error && <p className=\"text-sm text-status-error-text mt-1\">{error}</p>}\n        </div>\n        <Button type=\"button\" onClick={addTransition} variant=\"outline\" size=\"sm\" className=\"w-full sm:w-auto\">\n          <Plus className=\"h-4 w-4 mr-1\" />\n          {t('workflows.form.addTransition')}\n        </Button>\n      </div>\n\n      {value.length === 0 && (\n        <div className=\"p-6 text-center text-muted-foreground border rounded-md bg-muted\">\n          {t('workflows.form.noTransitions')}\n        </div>\n      )}\n\n      <div className=\"space-y-3\">\n        {value.map((transition, index) => (\n          <div key={index} className=\"p-4 border rounded-md bg-card shadow-sm border-l-4 border-l-blue-500\">\n            <div className=\"space-y-3\">\n              <div className=\"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\">\n                <div className=\"flex-1 grid grid-cols-1 sm:grid-cols-2 gap-3\">\n                  <div>\n                    <Label htmlFor={`transition-${index}-id`} className=\"text-xs\">\n                      {t('workflows.transitions.transitionId')} *\n                    </Label>\n                    <Input\n                      id={`transition-${index}-id`}\n                      value={transition.transitionId}\n                      onChange={(e) => updateTransition(index, 'transitionId', e.target.value)}\n                      placeholder=\"transition_name\"\n                      className=\"mt-1\"\n                    />\n                  </div>\n                  <div>\n                    <Label htmlFor={`transition-${index}-name`} className=\"text-xs\">\n                      {t('workflows.transitions.transitionName')} *\n                    </Label>\n                    <Input\n                      id={`transition-${index}-name`}\n                      value={transition.transitionName}\n                      onChange={(e) => updateTransition(index, 'transitionName', e.target.value)}\n                      placeholder={t('workflows.transitions.transitionName')}\n                      className=\"mt-1\"\n                    />\n                  </div>\n                </div>\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={() => moveTransition(index, 'up')}\n                    disabled={index === 0}\n                    title={t('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={() => moveTransition(index, 'down')}\n                    disabled={index === value.length - 1}\n                    title={t('common.moveDown')}\n                  >\n                    <ChevronDown className=\"h-4 w-4\" />\n                  </Button>\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    onClick={() => removeTransition(index)}\n                    title={t('common.delete')}\n                  >\n                    <Trash2 className=\"h-4 w-4 text-destructive\" />\n                  </Button>\n                </div>\n              </div>\n\n              <div className=\"grid grid-cols-1 sm:grid-cols-3 gap-3\">\n                <div>\n                  <Label htmlFor={`transition-${index}-from`} className=\"text-xs\">\n                    {t('workflows.transitions.fromStep')} *\n                  </Label>\n                  <Select\n                    value={transition.fromStepId || undefined}\n                    onValueChange={(value) => updateTransition(index, 'fromStepId', value ?? '')}\n                  >\n                    <SelectTrigger id={`transition-${index}-from`} className=\"mt-1\">\n                      <SelectValue placeholder={t('workflows.form.selectStep')} />\n                    </SelectTrigger>\n                    <SelectContent>\n                      {steps.map((step: any) => (\n                        <SelectItem key={step.stepId} value={step.stepId}>\n                          {step.stepName || step.stepId}\n                        </SelectItem>\n                      ))}\n                    </SelectContent>\n                  </Select>\n                </div>\n                <div>\n                  <Label htmlFor={`transition-${index}-to`} className=\"text-xs\">\n                    {t('workflows.transitions.toStep')} *\n                  </Label>\n                  <Select\n                    value={transition.toStepId || undefined}\n                    onValueChange={(value) => updateTransition(index, 'toStepId', value ?? '')}\n                  >\n                    <SelectTrigger id={`transition-${index}-to`} className=\"mt-1\">\n                      <SelectValue placeholder={t('workflows.form.selectStep')} />\n                    </SelectTrigger>\n                    <SelectContent>\n                      {steps.map((step: any) => (\n                        <SelectItem key={step.stepId} value={step.stepId}>\n                          {step.stepName || step.stepId}\n                        </SelectItem>\n                      ))}\n                    </SelectContent>\n                  </Select>\n                </div>\n                <div>\n                  <Label htmlFor={`transition-${index}-trigger`} className=\"text-xs\">\n                    {t('workflows.transitions.trigger')} *\n                  </Label>\n                  <Select\n                    value={transition.trigger}\n                    onValueChange={(value) => updateTransition(index, 'trigger', value)}\n                  >\n                    <SelectTrigger id={`transition-${index}-trigger`} className=\"mt-1\">\n                      <SelectValue />\n                    </SelectTrigger>\n                    <SelectContent>\n                      {TRIGGER_TYPES.map((type) => (\n                        <SelectItem key={type.value} value={type.value}>\n                          {t(`workflows.transitions.triggers.${type.value}`)}\n                        </SelectItem>\n                      ))}\n                    </SelectContent>\n                  </Select>\n                </div>\n              </div>\n\n              <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-3\">\n                <div>\n                  <Label htmlFor={`transition-${index}-priority`} className=\"text-xs\">\n                    {t('workflows.transitions.priority')}\n                  </Label>\n                  <Input\n                    id={`transition-${index}-priority`}\n                    type=\"number\"\n                    value={transition.priority || 100}\n                    onChange={(e) => updateTransition(index, 'priority', parseInt(e.target.value))}\n                    className=\"mt-1\"\n                  />\n                </div>\n                <div>\n                  <Label htmlFor={`transition-${index}-preconditions`} className=\"text-xs\">\n                    {t('workflows.transitions.preConditions')}\n                  </Label>\n                  <Input\n                    id={`transition-${index}-preconditions`}\n                    value={(transition.preConditions || []).join(', ')}\n                    onChange={(e) => updateTransition(index, 'preConditions', e.target.value.split(',').map(s => s.trim()).filter(Boolean))}\n                    placeholder=\"rule_id_1, rule_id_2\"\n                    className=\"mt-1\"\n                  />\n                </div>\n              </div>\n\n              <div className=\"mt-4 pl-4 border-l-2 border-border\">\n                <div className=\"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between mb-3\">\n                  <Label className=\"text-xs font-semibold text-foreground\">\n                    {t('workflows.transitions.activities')}\n                  </Label>\n                  <Button\n                    type=\"button\"\n                    onClick={() => addActivity(index)}\n                    variant=\"outline\"\n                    size=\"sm\"\n                    className=\"w-full sm:w-auto\"\n                  >\n                    <Plus className=\"h-3 w-3 mr-1\" />\n                    {t('workflows.form.addActivity')}\n                  </Button>\n                </div>\n\n                {(transition.activities || []).length === 0 && (\n                  <div className=\"p-3 text-center text-xs text-muted-foreground border rounded-md bg-muted\">\n                    {t('workflows.form.noActivitiesInTransition')}\n                  </div>\n                )}\n\n                <div className=\"space-y-2\">\n                  {(transition.activities || []).map((activity, activityIndex) => {\n                    const draftKey = configDraftKey(transition, activity)\n                    const configDraft = configDrafts[draftKey]\n                    return (\n                      <div key={draftKey} className=\"p-3 border rounded-md bg-muted shadow-sm border-l-4 border-l-green-500\">\n                        <div className=\"space-y-2\">\n                        <div className=\"flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between\">\n                          <div className=\"flex-1 grid grid-cols-1 sm:grid-cols-2 gap-2\">\n                            <div>\n                              <Label htmlFor={`activity-${index}-${activityIndex}-id`} className=\"text-xs\">\n                                {t('workflows.activities.activityId')} *\n                              </Label>\n                              <Input\n                                id={`activity-${index}-${activityIndex}-id`}\n                                value={activity.activityId}\n                                onChange={(e) => updateActivity(index, activityIndex, 'activityId', e.target.value)}\n                                placeholder=\"activity_name\"\n                                className=\"mt-1 text-xs h-8\"\n                              />\n                            </div>\n                            <div>\n                              <Label htmlFor={`activity-${index}-${activityIndex}-name`} className=\"text-xs\">\n                                {t('workflows.activities.activityName')} *\n                              </Label>\n                              <Input\n                                id={`activity-${index}-${activityIndex}-name`}\n                                value={activity.activityName}\n                                onChange={(e) => updateActivity(index, activityIndex, 'activityName', e.target.value)}\n                                placeholder={t('workflows.activities.activityName')}\n                                className=\"mt-1 text-xs h-8\"\n                              />\n                            </div>\n                          </div>\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={() => moveActivity(index, activityIndex, 'up')}\n                              disabled={activityIndex === 0}\n                              title={t('common.moveUp')}\n                            >\n                              <ChevronUp className=\"h-3 w-3\" />\n                            </Button>\n                            <Button\n                              type=\"button\"\n                              variant=\"ghost\"\n                              size=\"sm\"\n                              onClick={() => moveActivity(index, activityIndex, 'down')}\n                              disabled={activityIndex === (transition.activities || []).length - 1}\n                              title={t('common.moveDown')}\n                            >\n                              <ChevronDown className=\"h-3 w-3\" />\n                            </Button>\n                            <Button\n                              type=\"button\"\n                              variant=\"ghost\"\n                              size=\"sm\"\n                              onClick={() => removeActivity(index, activityIndex)}\n                              title={t('common.delete')}\n                            >\n                              <Trash2 className=\"h-3 w-3 text-destructive\" />\n                            </Button>\n                          </div>\n                        </div>\n\n                        <div className=\"grid grid-cols-1 sm:grid-cols-3 gap-2\">\n                          <div>\n                            <Label htmlFor={`activity-${index}-${activityIndex}-type`} className=\"text-xs\">\n                              {t('workflows.activities.activityType')} *\n                            </Label>\n                            <Select\n                              value={activity.activityType}\n                              onValueChange={(value) => updateActivity(index, activityIndex, 'activityType', value)}\n                            >\n                              <SelectTrigger id={`activity-${index}-${activityIndex}-type`} size=\"sm\" className=\"mt-1\">\n                                <SelectValue />\n                              </SelectTrigger>\n                              <SelectContent>\n                                {ACTIVITY_TYPES.map((type) => (\n                                  <SelectItem key={type.value} value={type.value}>\n                                    {t(`workflows.activities.types.${type.value}`)}\n                                  </SelectItem>\n                                ))}\n                              </SelectContent>\n                            </Select>\n                          </div>\n                          <div>\n                            <Label htmlFor={`activity-${index}-${activityIndex}-timeout`} className=\"text-xs\">\n                              {t('workflows.activities.timeout')} (ms)\n                            </Label>\n                            <Input\n                              id={`activity-${index}-${activityIndex}-timeout`}\n                              type=\"number\"\n                              value={activity.timeoutMs || ''}\n                              onChange={(e) => updateActivity(index, activityIndex, 'timeoutMs', e.target.value ? parseInt(e.target.value) : undefined)}\n                              placeholder=\"30000\"\n                              className=\"mt-1 text-xs h-8\"\n                            />\n                          </div>\n                          <div className=\"flex items-end pb-1\">\n                            <div className=\"flex items-center space-x-2\">\n                              <input\n                                type=\"checkbox\"\n                                id={`activity-${index}-${activityIndex}-async`}\n                                checked={activity.async || false}\n                                onChange={(e) => updateActivity(index, activityIndex, 'async', e.target.checked)}\n                                className=\"h-3 w-3\"\n                              />\n                              <Label htmlFor={`activity-${index}-${activityIndex}-async`} className=\"text-xs cursor-pointer\">\n                                {t('workflows.activities.async')}\n                              </Label>\n                            </div>\n                          </div>\n                        </div>\n\n                        <div className=\"grid grid-cols-1 sm:grid-cols-3 gap-2\">\n                          <div>\n                            <Label htmlFor={`activity-${index}-${activityIndex}-retry-attempts`} className=\"text-xs\">\n                              {t('workflows.form.maxRetryAttempts')}\n                            </Label>\n                            <Input\n                              id={`activity-${index}-${activityIndex}-retry-attempts`}\n                              type=\"number\"\n                              value={activity.retryPolicy?.maxAttempts || 3}\n                              onChange={(e) => updateRetryPolicy(index, activityIndex, 'maxAttempts', parseInt(e.target.value))}\n                              className=\"mt-1 text-xs h-8\"\n                            />\n                          </div>\n                          <div>\n                            <Label htmlFor={`activity-${index}-${activityIndex}-retry-delay`} className=\"text-xs\">\n                              {t('workflows.form.retryDelay')} (ms)\n                            </Label>\n                            <Input\n                              id={`activity-${index}-${activityIndex}-retry-delay`}\n                              type=\"number\"\n                              value={activity.retryPolicy?.retryDelay || 1000}\n                              onChange={(e) => updateRetryPolicy(index, activityIndex, 'retryDelay', parseInt(e.target.value))}\n                              className=\"mt-1 text-xs h-8\"\n                            />\n                          </div>\n                          <div>\n                            <Label htmlFor={`activity-${index}-${activityIndex}-backoff`} className=\"text-xs\">\n                              {t('workflows.form.backoffMultiplier')}\n                            </Label>\n                            <Input\n                              id={`activity-${index}-${activityIndex}-backoff`}\n                              type=\"number\"\n                              step=\"0.1\"\n                              value={activity.retryPolicy?.backoffMultiplier || 2}\n                              onChange={(e) => updateRetryPolicy(index, activityIndex, 'backoffMultiplier', parseFloat(e.target.value))}\n                              className=\"mt-1 text-xs h-8\"\n                            />\n                          </div>\n                        </div>\n\n                        <div>\n                          <Label htmlFor={`activity-${index}-${activityIndex}-config`} className=\"text-xs\">\n                            {t('workflows.activities.config')} (JSON)\n                          </Label>\n                          <Textarea\n                            id={`activity-${index}-${activityIndex}-config`}\n                            value={configDraft?.text ?? JSON.stringify(activity.config || {}, null, 2)}\n                            onChange={(e) => handleConfigTextChange(index, activityIndex, e.target.value)}\n                            onBlur={() => handleConfigBlur(transition, activity)}\n                            aria-invalid={configDraft?.error ? true : undefined}\n                            aria-describedby={configDraft?.error ? `activity-${index}-${activityIndex}-config-error` : undefined}\n                            placeholder='{\"key\": \"value\"}'\n                            rows={2}\n                            className=\"mt-1 font-mono text-xs\"\n                          />\n                          {configDraft?.error ? (\n                            <p\n                              id={`activity-${index}-${activityIndex}-config-error`}\n                              className=\"mt-1 text-xs text-status-error-text\"\n                              role=\"alert\"\n                            >\n                              {configDraft.error}\n                            </p>\n                          ) : null}\n                        </div>\n                        </div>\n                      </div>\n                    )\n                  })}\n                </div>\n              </div>\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": ["value"]
 }

package/dist/modules/workflows/components/WorkflowGraphImpl.js

@@ -192,7 +192,7 @@ function WorkflowGraphImpl({
           }
         ),
         !editable && !isCompactViewport && /* @__PURE__ */ jsx(Panel, { position: "top-left", style: { margin: 10 }, children: /* @__PURE__ */ jsx("div", { className: "bg-card rounded-lg shadow-sm border border-border px-4 py-2", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground font-medium", children: t("workflows.graph.visualization") }) }) }),
-        editable && !isCompactViewport && /* @__PURE__ */ jsx(Panel, { position: "top-left", style: { margin: 10 }, children: /* @__PURE__ */ jsx(Alert, { variant: "info", icon: /* @__PURE__ */ jsx(Edit3, { "aria-hidden": "true" }), className: "max-w-sm", children: /* @__PURE__ */ jsx(AlertDescription, { className: "font-medium", children: t("workflows.graph.editModeInfo") }) }) })
+        editable && !isCompactViewport && /* @__PURE__ */ jsx(Panel, { position: "top-left", style: { margin: 10 }, children: /* @__PURE__ */ jsx(Alert, { status: "information", icon: /* @__PURE__ */ jsx(Edit3, { "aria-hidden": "true" }), className: "max-w-sm", children: /* @__PURE__ */ jsx(AlertDescription, { className: "font-medium", children: t("workflows.graph.editModeInfo") }) }) })
       ]
     }
   ) });

package/dist/modules/workflows/components/WorkflowGraphImpl.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/workflows/components/WorkflowGraphImpl.tsx"],
-  "sourcesContent": ["'use client'\n\nimport '@xyflow/react/dist/style.css'\n\nimport { useCallback, useMemo, useEffect, useRef, useState } from 'react'\nimport {\n  ReactFlow,\n  Node,\n  Edge,\n  Controls,\n  Background,\n  BackgroundVariant,\n  MiniMap,\n  Panel,\n  useNodesState,\n  useEdgesState,\n  addEdge,\n  applyNodeChanges,\n  applyEdgeChanges,\n  Connection,\n  NodeChange,\n  EdgeChange,\n  ConnectionMode,\n  MarkerType,\n} from '@xyflow/react'\nimport {StartNode, EndNode, UserTaskNode, AutomatedNode, SubWorkflowNode, WaitForSignalNode, WaitForTimerNode, ParallelForkNode, ParallelJoinNode} from './nodes'\nimport { WorkflowTransitionEdge } from './WorkflowTransitionEdge'\nimport { STATUS_COLORS } from '../lib/status-colors'\nimport { Alert, AlertDescription } from '@open-mercato/ui/primitives/alert'\nimport { Edit3 } from 'lucide-react'\nimport { useTheme } from '@open-mercato/ui/theme'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport interface WorkflowGraphImplProps {\n  initialNodes?: Node[]\n  initialEdges?: Edge[]\n  onNodesChange?: (nodes: Node[]) => void\n  onEdgesChange?: (edges: Edge[]) => void\n  onNodeClick?: (event: React.MouseEvent, node: Node) => void\n  onEdgeClick?: (event: React.MouseEvent, edge: Edge) => void\n  onConnect?: (connection: Connection) => void\n  editable?: boolean\n  className?: string\n  height?: string\n}\n\nexport default function WorkflowGraphImpl({\n  initialNodes = [],\n  initialEdges = [],\n  onNodesChange: onNodesChangeProp,\n  onEdgesChange: onEdgesChangeProp,\n  onNodeClick: onNodeClickProp,\n  onEdgeClick: onEdgeClickProp,\n  onConnect: onConnectProp,\n  editable = false,\n  className = '',\n  height = '600px',\n}: WorkflowGraphImplProps) {\n  const t = useT()\n  const [nodes, setNodes] = useNodesState(initialNodes)\n  const [edges, setEdges] = useEdgesState(initialEdges)\n\n  // Track the latest committed graph so the change reducers can run inside the\n  // lazy boundary (#3169) and forward the already-applied arrays to the parent,\n  // keeping React Flow's runtime out of the editor page chunk.\n  const latestNodesRef = useRef(nodes)\n  latestNodesRef.current = nodes\n  const latestEdgesRef = useRef(edges)\n  latestEdgesRef.current = edges\n\n  const { resolvedTheme } = useTheme()\n  const isDark = resolvedTheme === 'dark'\n  const backgroundDotColor = isDark ? '#374151' : '#e5e7eb'\n  const [isCompactViewport, setIsCompactViewport] = useState(false)\n\n  useEffect(() => {\n    if (typeof window === 'undefined') return\n    const mediaQuery = window.matchMedia('(max-width: 1279px)')\n    const updateViewportMode = () => setIsCompactViewport(mediaQuery.matches)\n\n    updateViewportMode()\n    mediaQuery.addEventListener('change', updateViewportMode)\n\n    return () => {\n      mediaQuery.removeEventListener('change', updateViewportMode)\n    }\n  }, [])\n\n  useEffect(() => {\n    setNodes(initialNodes)\n  }, [initialNodes, setNodes])\n\n  useEffect(() => {\n    setEdges(initialEdges)\n  }, [initialEdges, setEdges])\n\n  const onConnect = useCallback(\n    (connection: Connection) => {\n      if (onConnectProp) {\n        onConnectProp(connection)\n      } else {\n        const newEdge = {\n          ...connection,\n          type: 'workflowTransition',\n          animated: false,\n          markerEnd: {\n            type: MarkerType.ArrowClosed,\n            width: 16,\n            height: 16,\n            color: '#9ca3af',\n          },\n        }\n        setEdges((eds) => addEdge(newEdge, eds))\n      }\n    },\n    [setEdges, onConnectProp]\n  )\n\n  const handleNodesChange = useCallback(\n    (changes: NodeChange[]) => {\n      const nextNodes = applyNodeChanges(changes, latestNodesRef.current)\n      setNodes(nextNodes)\n      if (onNodesChangeProp) {\n        onNodesChangeProp(nextNodes)\n      }\n    },\n    [setNodes, onNodesChangeProp]\n  )\n\n  const handleEdgesChange = useCallback(\n    (changes: EdgeChange[]) => {\n      const nextEdges = applyEdgeChanges(changes, latestEdgesRef.current)\n      setEdges(nextEdges)\n      if (onEdgesChangeProp) {\n        onEdgesChangeProp(nextEdges)\n      }\n    },\n    [setEdges, onEdgesChangeProp]\n  )\n\n  const nodeTypes = useMemo(\n    () => ({\n      start: StartNode,\n      end: EndNode,\n      userTask: UserTaskNode,\n      automated: AutomatedNode,\n      subWorkflow: SubWorkflowNode,\n      waitForSignal: WaitForSignalNode,\n      waitForTimer: WaitForTimerNode,\n      parallelFork: ParallelForkNode,\n      parallelJoin: ParallelJoinNode,\n    }),\n    []\n  )\n\n  const edgeTypes = useMemo(\n    () => ({\n      workflowTransition: WorkflowTransitionEdge,\n    }),\n    []\n  )\n\n  return (\n    <div className={`workflow-graph-container ${className}`} style={{ height }}>\n      <ReactFlow\n        nodes={nodes}\n        edges={edges}\n        nodeTypes={nodeTypes}\n        edgeTypes={edgeTypes}\n        onNodesChange={handleNodesChange}\n        onEdgesChange={handleEdgesChange}\n        onConnect={editable ? onConnect : undefined}\n        onNodeClick={onNodeClickProp}\n        onEdgeClick={onEdgeClickProp}\n        connectionMode={ConnectionMode.Loose}\n        fitView\n        fitViewOptions={{\n          padding: 0.2,\n          maxZoom: isCompactViewport ? 0.9 : 1,\n        }}\n        minZoom={0.1}\n        maxZoom={2}\n        defaultEdgeOptions={{\n          type: 'workflowTransition',\n          animated: false,\n          markerEnd: {\n            type: MarkerType.ArrowClosed,\n            width: 16,\n            height: 16,\n            color: '#9ca3af',\n          },\n        }}\n        nodesDraggable={editable}\n        nodesConnectable={editable}\n        elementsSelectable={editable}\n        proOptions={{ hideAttribution: true }}\n      >\n        <Background\n          variant={BackgroundVariant.Dots}\n          gap={16}\n          size={1}\n          color={backgroundDotColor}\n        />\n\n        <Controls\n          showZoom={true}\n          showFitView={true}\n          showInteractive={false}\n          position={isCompactViewport ? 'bottom-right' : 'top-right'}\n          className={`!bg-card !border-border !shadow-md [&>button]:!bg-card [&>button]:!border-border [&>button]:!fill-foreground [&>button:hover]:!bg-muted ${isCompactViewport ? 'scale-90 origin-bottom-right' : ''}`}\n        />\n\n        {!isCompactViewport && (\n          <MiniMap\n            nodeStrokeWidth={3}\n            nodeColor={(node) => {\n              const status = (node.data?.status || 'not_started') as keyof typeof STATUS_COLORS\n              return STATUS_COLORS[status]?.hex || STATUS_COLORS.not_started.hex\n            }}\n            maskColor=\"rgba(0, 0, 0, 0.1)\"\n            position=\"bottom-left\"\n            className=\"!bg-card !border !border-border !rounded-lg\"\n          />\n        )}\n\n        {!editable && !isCompactViewport && (\n          <Panel position=\"top-left\" style={{ margin: 10 }}>\n            <div className=\"bg-card rounded-lg shadow-sm border border-border px-4 py-2\">\n              <p className=\"text-sm text-muted-foreground font-medium\">\n                {t('workflows.graph.visualization')}\n              </p>\n            </div>\n          </Panel>\n        )}\n\n        {editable && !isCompactViewport && (\n          <Panel position=\"top-left\" style={{ margin: 10 }}>\n            <Alert variant=\"info\" icon={<Edit3 aria-hidden=\"true\" />} className=\"max-w-sm\">\n              <AlertDescription className=\"font-medium\">\n                {t('workflows.graph.editModeInfo')}\n              </AlertDescription>\n            </Alert>\n          </Panel>\n        )}\n      </ReactFlow>\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport '@xyflow/react/dist/style.css'\n\nimport { useCallback, useMemo, useEffect, useRef, useState } from 'react'\nimport {\n  ReactFlow,\n  Node,\n  Edge,\n  Controls,\n  Background,\n  BackgroundVariant,\n  MiniMap,\n  Panel,\n  useNodesState,\n  useEdgesState,\n  addEdge,\n  applyNodeChanges,\n  applyEdgeChanges,\n  Connection,\n  NodeChange,\n  EdgeChange,\n  ConnectionMode,\n  MarkerType,\n} from '@xyflow/react'\nimport {StartNode, EndNode, UserTaskNode, AutomatedNode, SubWorkflowNode, WaitForSignalNode, WaitForTimerNode, ParallelForkNode, ParallelJoinNode} from './nodes'\nimport { WorkflowTransitionEdge } from './WorkflowTransitionEdge'\nimport { STATUS_COLORS } from '../lib/status-colors'\nimport { Alert, AlertDescription } from '@open-mercato/ui/primitives/alert'\nimport { Edit3 } from 'lucide-react'\nimport { useTheme } from '@open-mercato/ui/theme'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport interface WorkflowGraphImplProps {\n  initialNodes?: Node[]\n  initialEdges?: Edge[]\n  onNodesChange?: (nodes: Node[]) => void\n  onEdgesChange?: (edges: Edge[]) => void\n  onNodeClick?: (event: React.MouseEvent, node: Node) => void\n  onEdgeClick?: (event: React.MouseEvent, edge: Edge) => void\n  onConnect?: (connection: Connection) => void\n  editable?: boolean\n  className?: string\n  height?: string\n}\n\nexport default function WorkflowGraphImpl({\n  initialNodes = [],\n  initialEdges = [],\n  onNodesChange: onNodesChangeProp,\n  onEdgesChange: onEdgesChangeProp,\n  onNodeClick: onNodeClickProp,\n  onEdgeClick: onEdgeClickProp,\n  onConnect: onConnectProp,\n  editable = false,\n  className = '',\n  height = '600px',\n}: WorkflowGraphImplProps) {\n  const t = useT()\n  const [nodes, setNodes] = useNodesState(initialNodes)\n  const [edges, setEdges] = useEdgesState(initialEdges)\n\n  // Track the latest committed graph so the change reducers can run inside the\n  // lazy boundary (#3169) and forward the already-applied arrays to the parent,\n  // keeping React Flow's runtime out of the editor page chunk.\n  const latestNodesRef = useRef(nodes)\n  latestNodesRef.current = nodes\n  const latestEdgesRef = useRef(edges)\n  latestEdgesRef.current = edges\n\n  const { resolvedTheme } = useTheme()\n  const isDark = resolvedTheme === 'dark'\n  const backgroundDotColor = isDark ? '#374151' : '#e5e7eb'\n  const [isCompactViewport, setIsCompactViewport] = useState(false)\n\n  useEffect(() => {\n    if (typeof window === 'undefined') return\n    const mediaQuery = window.matchMedia('(max-width: 1279px)')\n    const updateViewportMode = () => setIsCompactViewport(mediaQuery.matches)\n\n    updateViewportMode()\n    mediaQuery.addEventListener('change', updateViewportMode)\n\n    return () => {\n      mediaQuery.removeEventListener('change', updateViewportMode)\n    }\n  }, [])\n\n  useEffect(() => {\n    setNodes(initialNodes)\n  }, [initialNodes, setNodes])\n\n  useEffect(() => {\n    setEdges(initialEdges)\n  }, [initialEdges, setEdges])\n\n  const onConnect = useCallback(\n    (connection: Connection) => {\n      if (onConnectProp) {\n        onConnectProp(connection)\n      } else {\n        const newEdge = {\n          ...connection,\n          type: 'workflowTransition',\n          animated: false,\n          markerEnd: {\n            type: MarkerType.ArrowClosed,\n            width: 16,\n            height: 16,\n            color: '#9ca3af',\n          },\n        }\n        setEdges((eds) => addEdge(newEdge, eds))\n      }\n    },\n    [setEdges, onConnectProp]\n  )\n\n  const handleNodesChange = useCallback(\n    (changes: NodeChange[]) => {\n      const nextNodes = applyNodeChanges(changes, latestNodesRef.current)\n      setNodes(nextNodes)\n      if (onNodesChangeProp) {\n        onNodesChangeProp(nextNodes)\n      }\n    },\n    [setNodes, onNodesChangeProp]\n  )\n\n  const handleEdgesChange = useCallback(\n    (changes: EdgeChange[]) => {\n      const nextEdges = applyEdgeChanges(changes, latestEdgesRef.current)\n      setEdges(nextEdges)\n      if (onEdgesChangeProp) {\n        onEdgesChangeProp(nextEdges)\n      }\n    },\n    [setEdges, onEdgesChangeProp]\n  )\n\n  const nodeTypes = useMemo(\n    () => ({\n      start: StartNode,\n      end: EndNode,\n      userTask: UserTaskNode,\n      automated: AutomatedNode,\n      subWorkflow: SubWorkflowNode,\n      waitForSignal: WaitForSignalNode,\n      waitForTimer: WaitForTimerNode,\n      parallelFork: ParallelForkNode,\n      parallelJoin: ParallelJoinNode,\n    }),\n    []\n  )\n\n  const edgeTypes = useMemo(\n    () => ({\n      workflowTransition: WorkflowTransitionEdge,\n    }),\n    []\n  )\n\n  return (\n    <div className={`workflow-graph-container ${className}`} style={{ height }}>\n      <ReactFlow\n        nodes={nodes}\n        edges={edges}\n        nodeTypes={nodeTypes}\n        edgeTypes={edgeTypes}\n        onNodesChange={handleNodesChange}\n        onEdgesChange={handleEdgesChange}\n        onConnect={editable ? onConnect : undefined}\n        onNodeClick={onNodeClickProp}\n        onEdgeClick={onEdgeClickProp}\n        connectionMode={ConnectionMode.Loose}\n        fitView\n        fitViewOptions={{\n          padding: 0.2,\n          maxZoom: isCompactViewport ? 0.9 : 1,\n        }}\n        minZoom={0.1}\n        maxZoom={2}\n        defaultEdgeOptions={{\n          type: 'workflowTransition',\n          animated: false,\n          markerEnd: {\n            type: MarkerType.ArrowClosed,\n            width: 16,\n            height: 16,\n            color: '#9ca3af',\n          },\n        }}\n        nodesDraggable={editable}\n        nodesConnectable={editable}\n        elementsSelectable={editable}\n        proOptions={{ hideAttribution: true }}\n      >\n        <Background\n          variant={BackgroundVariant.Dots}\n          gap={16}\n          size={1}\n          color={backgroundDotColor}\n        />\n\n        <Controls\n          showZoom={true}\n          showFitView={true}\n          showInteractive={false}\n          position={isCompactViewport ? 'bottom-right' : 'top-right'}\n          className={`!bg-card !border-border !shadow-md [&>button]:!bg-card [&>button]:!border-border [&>button]:!fill-foreground [&>button:hover]:!bg-muted ${isCompactViewport ? 'scale-90 origin-bottom-right' : ''}`}\n        />\n\n        {!isCompactViewport && (\n          <MiniMap\n            nodeStrokeWidth={3}\n            nodeColor={(node) => {\n              const status = (node.data?.status || 'not_started') as keyof typeof STATUS_COLORS\n              return STATUS_COLORS[status]?.hex || STATUS_COLORS.not_started.hex\n            }}\n            maskColor=\"rgba(0, 0, 0, 0.1)\"\n            position=\"bottom-left\"\n            className=\"!bg-card !border !border-border !rounded-lg\"\n          />\n        )}\n\n        {!editable && !isCompactViewport && (\n          <Panel position=\"top-left\" style={{ margin: 10 }}>\n            <div className=\"bg-card rounded-lg shadow-sm border border-border px-4 py-2\">\n              <p className=\"text-sm text-muted-foreground font-medium\">\n                {t('workflows.graph.visualization')}\n              </p>\n            </div>\n          </Panel>\n        )}\n\n        {editable && !isCompactViewport && (\n          <Panel position=\"top-left\" style={{ margin: 10 }}>\n            <Alert status=\"information\" icon={<Edit3 aria-hidden=\"true\" />} className=\"max-w-sm\">\n              <AlertDescription className=\"font-medium\">\n                {t('workflows.graph.editModeInfo')}\n              </AlertDescription>\n            </Alert>\n          </Panel>\n        )}\n      </ReactFlow>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/workflows/components/WorkflowLegend.js

@@ -30,7 +30,7 @@ function WorkflowLegend() {
       /* @__PURE__ */ jsx("h3", { className: "text-xs font-semibold text-foreground mb-3", children: t("workflows.legend.edgeStatesTitle") }),
       /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 w-8 h-0.5 bg-emerald-500" }),
+          /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 w-8 h-0.5 bg-status-success-solid" }),
           /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("workflows.legend.edgeState.completed") })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [

package/dist/modules/workflows/components/WorkflowLegend.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/workflows/components/WorkflowLegend.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { Check, Play, Pause, Circle } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport function WorkflowLegend() {\n  const t = useT()\n\n  return (\n    <div className=\"space-y-6\">\n      <div>\n        <h3 className=\"text-xs font-semibold text-foreground mb-3\">\n          {t('workflows.legend.statusTitle')}\n        </h3>\n        <div className=\"space-y-2\">\n          <div className=\"flex items-center gap-2\">\n            <div className=\"flex-shrink-0 w-4 h-4 rounded-full bg-emerald-100 flex items-center justify-center\">\n              <Check className=\"w-3 h-3 text-emerald-600\" />\n            </div>\n            <span className=\"text-xs text-muted-foreground\">{t('workflows.legend.status.completed')}</span>\n          </div>\n          <div className=\"flex items-center gap-2\">\n            <div className=\"flex-shrink-0 w-4 h-4 rounded-full bg-blue-100 flex items-center justify-center\">\n              <Play className=\"w-3 h-3 text-blue-600\" />\n            </div>\n            <span className=\"text-xs text-muted-foreground\">{t('workflows.legend.status.inProgress')}</span>\n          </div>\n          <div className=\"flex items-center gap-2\">\n            <div className=\"flex-shrink-0 w-4 h-4 rounded-full bg-yellow-100 flex items-center justify-center\">\n              <Pause className=\"w-3 h-3 text-yellow-600\" />\n            </div>\n            <span className=\"text-xs text-muted-foreground\">{t('workflows.legend.status.pending')}</span>\n          </div>\n          <div className=\"flex items-center gap-2\">\n            <div className=\"flex-shrink-0 w-4 h-4 rounded-full bg-muted flex items-center justify-center\">\n              <Circle className=\"w-3 h-3 text-muted-foreground\" />\n            </div>\n            <span className=\"text-xs text-muted-foreground\">{t('workflows.legend.status.notStarted')}</span>\n          </div>\n        </div>\n      </div>\n\n      <div>\n        <h3 className=\"text-xs font-semibold text-foreground mb-3\">\n          {t('workflows.legend.edgeStatesTitle')}\n        </h3>\n        <div className=\"space-y-2\">\n          <div className=\"flex items-center gap-2\">\n            <div className=\"flex-shrink-0 w-8 h-0.5 bg-emerald-500\"></div>\n            <span className=\"text-xs text-muted-foreground\">{t('workflows.legend.edgeState.completed')}</span>\n          </div>\n          <div className=\"flex items-center gap-2\">\n            <div className=\"flex-shrink-0 w-8 h-0.5 bg-muted-foreground\" style={{ backgroundImage: 'repeating-linear-gradient(to right, currentColor 0, currentColor 4px, transparent 4px, transparent 8px)' }}></div>\n            <span className=\"text-xs text-muted-foreground\">{t('workflows.legend.edgeState.pending')}</span>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": ";AAWQ,cAIE,YAJF;AATR,SAAS,OAAO,MAAM,OAAO,cAAc;AAC3C,SAAS,YAAY;AAEd,SAAS,iBAAiB;AAC/B,QAAM,IAAI,KAAK;AAEf,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,yBAAC,SACC;AAAA,0BAAC,QAAG,WAAU,8CACX,YAAE,8BAA8B,GACnC;AAAA,MACA,qBAAC,SAAI,WAAU,aACb;AAAA,6BAAC,SAAI,WAAU,2BACb;AAAA,8BAAC,SAAI,WAAU,sFACb,8BAAC,SAAM,WAAU,4BAA2B,GAC9C;AAAA,UACA,oBAAC,UAAK,WAAU,iCAAiC,YAAE,mCAAmC,GAAE;AAAA,WAC1F;AAAA,QACA,qBAAC,SAAI,WAAU,2BACb;AAAA,8BAAC,SAAI,WAAU,mFACb,8BAAC,QAAK,WAAU,yBAAwB,GAC1C;AAAA,UACA,oBAAC,UAAK,WAAU,iCAAiC,YAAE,oCAAoC,GAAE;AAAA,WAC3F;AAAA,QACA,qBAAC,SAAI,WAAU,2BACb;AAAA,8BAAC,SAAI,WAAU,qFACb,8BAAC,SAAM,WAAU,2BAA0B,GAC7C;AAAA,UACA,oBAAC,UAAK,WAAU,iCAAiC,YAAE,iCAAiC,GAAE;AAAA,WACxF;AAAA,QACA,qBAAC,SAAI,WAAU,2BACb;AAAA,8BAAC,SAAI,WAAU,gFACb,8BAAC,UAAO,WAAU,iCAAgC,GACpD;AAAA,UACA,oBAAC,UAAK,WAAU,iCAAiC,YAAE,oCAAoC,GAAE;AAAA,WAC3F;AAAA,SACF;AAAA,OACF;AAAA,IAEA,qBAAC,SACC;AAAA,0BAAC,QAAG,WAAU,8CACX,YAAE,kCAAkC,GACvC;AAAA,MACA,qBAAC,SAAI,WAAU,aACb;AAAA,6BAAC,SAAI,WAAU,2BACb;AAAA,8BAAC,SAAI,WAAU,0CAAyC;AAAA,UACxD,oBAAC,UAAK,WAAU,iCAAiC,YAAE,sCAAsC,GAAE;AAAA,WAC7F;AAAA,QACA,qBAAC,SAAI,WAAU,2BACb;AAAA,8BAAC,SAAI,WAAU,+CAA8C,OAAO,EAAE,iBAAiB,0GAA0G,GAAG;AAAA,UACpM,oBAAC,UAAK,WAAU,iCAAiC,YAAE,oCAAoC,GAAE;AAAA,WAC3F;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAEJ;",
+  "sourcesContent": ["'use client'\n\nimport { Check, Play, Pause, Circle } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport function WorkflowLegend() {\n  const t = useT()\n\n  return (\n    <div className=\"space-y-6\">\n      <div>\n        <h3 className=\"text-xs font-semibold text-foreground mb-3\">\n          {t('workflows.legend.statusTitle')}\n        </h3>\n        <div className=\"space-y-2\">\n          <div className=\"flex items-center gap-2\">\n            <div className=\"flex-shrink-0 w-4 h-4 rounded-full bg-emerald-100 flex items-center justify-center\">\n              <Check className=\"w-3 h-3 text-emerald-600\" />\n            </div>\n            <span className=\"text-xs text-muted-foreground\">{t('workflows.legend.status.completed')}</span>\n          </div>\n          <div className=\"flex items-center gap-2\">\n            <div className=\"flex-shrink-0 w-4 h-4 rounded-full bg-blue-100 flex items-center justify-center\">\n              <Play className=\"w-3 h-3 text-blue-600\" />\n            </div>\n            <span className=\"text-xs text-muted-foreground\">{t('workflows.legend.status.inProgress')}</span>\n          </div>\n          <div className=\"flex items-center gap-2\">\n            <div className=\"flex-shrink-0 w-4 h-4 rounded-full bg-yellow-100 flex items-center justify-center\">\n              <Pause className=\"w-3 h-3 text-yellow-600\" />\n            </div>\n            <span className=\"text-xs text-muted-foreground\">{t('workflows.legend.status.pending')}</span>\n          </div>\n          <div className=\"flex items-center gap-2\">\n            <div className=\"flex-shrink-0 w-4 h-4 rounded-full bg-muted flex items-center justify-center\">\n              <Circle className=\"w-3 h-3 text-muted-foreground\" />\n            </div>\n            <span className=\"text-xs text-muted-foreground\">{t('workflows.legend.status.notStarted')}</span>\n          </div>\n        </div>\n      </div>\n\n      <div>\n        <h3 className=\"text-xs font-semibold text-foreground mb-3\">\n          {t('workflows.legend.edgeStatesTitle')}\n        </h3>\n        <div className=\"space-y-2\">\n          <div className=\"flex items-center gap-2\">\n            <div className=\"flex-shrink-0 w-8 h-0.5 bg-status-success-solid\"></div>\n            <span className=\"text-xs text-muted-foreground\">{t('workflows.legend.edgeState.completed')}</span>\n          </div>\n          <div className=\"flex items-center gap-2\">\n            <div className=\"flex-shrink-0 w-8 h-0.5 bg-muted-foreground\" style={{ backgroundImage: 'repeating-linear-gradient(to right, currentColor 0, currentColor 4px, transparent 4px, transparent 8px)' }}></div>\n            <span className=\"text-xs text-muted-foreground\">{t('workflows.legend.edgeState.pending')}</span>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": ";AAWQ,cAIE,YAJF;AATR,SAAS,OAAO,MAAM,OAAO,cAAc;AAC3C,SAAS,YAAY;AAEd,SAAS,iBAAiB;AAC/B,QAAM,IAAI,KAAK;AAEf,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,yBAAC,SACC;AAAA,0BAAC,QAAG,WAAU,8CACX,YAAE,8BAA8B,GACnC;AAAA,MACA,qBAAC,SAAI,WAAU,aACb;AAAA,6BAAC,SAAI,WAAU,2BACb;AAAA,8BAAC,SAAI,WAAU,sFACb,8BAAC,SAAM,WAAU,4BAA2B,GAC9C;AAAA,UACA,oBAAC,UAAK,WAAU,iCAAiC,YAAE,mCAAmC,GAAE;AAAA,WAC1F;AAAA,QACA,qBAAC,SAAI,WAAU,2BACb;AAAA,8BAAC,SAAI,WAAU,mFACb,8BAAC,QAAK,WAAU,yBAAwB,GAC1C;AAAA,UACA,oBAAC,UAAK,WAAU,iCAAiC,YAAE,oCAAoC,GAAE;AAAA,WAC3F;AAAA,QACA,qBAAC,SAAI,WAAU,2BACb;AAAA,8BAAC,SAAI,WAAU,qFACb,8BAAC,SAAM,WAAU,2BAA0B,GAC7C;AAAA,UACA,oBAAC,UAAK,WAAU,iCAAiC,YAAE,iCAAiC,GAAE;AAAA,WACxF;AAAA,QACA,qBAAC,SAAI,WAAU,2BACb;AAAA,8BAAC,SAAI,WAAU,gFACb,8BAAC,UAAO,WAAU,iCAAgC,GACpD;AAAA,UACA,oBAAC,UAAK,WAAU,iCAAiC,YAAE,oCAAoC,GAAE;AAAA,WAC3F;AAAA,SACF;AAAA,OACF;AAAA,IAEA,qBAAC,SACC;AAAA,0BAAC,QAAG,WAAU,8CACX,YAAE,kCAAkC,GACvC;AAAA,MACA,qBAAC,SAAI,WAAU,aACb;AAAA,6BAAC,SAAI,WAAU,2BACb;AAAA,8BAAC,SAAI,WAAU,mDAAkD;AAAA,UACjE,oBAAC,UAAK,WAAU,iCAAiC,YAAE,sCAAsC,GAAE;AAAA,WAC7F;AAAA,QACA,qBAAC,SAAI,WAAU,2BACb;AAAA,8BAAC,SAAI,WAAU,+CAA8C,OAAO,EAAE,iBAAiB,0GAA0G,GAAG;AAAA,UACpM,oBAAC,UAAK,WAAU,iCAAiC,YAAE,oCAAoC,GAAE;AAAA,WAC3F;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/modules/workflows/components/WorkflowSelector.js

@@ -152,7 +152,7 @@ function WorkflowSelector({
                 "v",
                 workflow.version
               ] }),
-              workflow.enabled ? /* @__PURE__ */ jsx(Badge, { variant: "default", className: "bg-emerald-500 text-xs", children: "Enabled" }) : /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: "Disabled" })
+              workflow.enabled ? /* @__PURE__ */ jsx(Badge, { variant: "default", className: "bg-status-success-solid text-status-success-solid-foreground text-xs", children: "Enabled" }) : /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: "Disabled" })
             ] }),
             workflow.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground line-clamp-2", children: workflow.description })
           ]

package/dist/modules/workflows/components/WorkflowSelector.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/workflows/components/WorkflowSelector.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { useState, useEffect } from 'react'\nimport { apiFetch } from '@open-mercato/ui/backend/utils/api'\nimport { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from '@open-mercato/ui/primitives/dialog'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Plus, Loader2, AlertCircle, Workflow } from 'lucide-react'\nimport { createLogger } from '@open-mercato/shared/lib/logger'\n\nconst logger = createLogger('workflows')\n\nexport interface WorkflowDefinition {\n  id: string\n  workflowId: string\n  workflowName: string\n  description: string | null\n  version: number\n  enabled: boolean\n  createdAt: string\n  updatedAt: string\n}\n\nexport interface WorkflowSelectorProps {\n  /** Whether the dialog is open */\n  isOpen: boolean\n\n  /** Callback when dialog is closed */\n  onClose: () => void\n\n  /** Callback when a workflow is selected */\n  onSelect: (workflowId: string, workflow: WorkflowDefinition) => void\n\n  /** Array of workflow IDs to exclude from the list (already selected) */\n  excludeWorkflowIds?: string[]\n\n  /** Dialog title */\n  title?: string\n\n  /** Dialog description */\n  description?: string\n\n  /** Whether to show only enabled workflows */\n  onlyEnabled?: boolean\n\n  /** Custom empty state message */\n  emptyMessage?: string\n\n  /** Custom search placeholder */\n  searchPlaceholder?: string\n}\n\n/**\n * WorkflowSelector - Reusable dialog for searching and selecting workflow definitions\n *\n * Features:\n * - Search/filter workflows by name, ID, description\n * - Display workflow details (version, enabled status, description)\n * - Exclude already-selected workflows\n * - Loading and error states\n * - Responsive grid layout\n */\nexport function WorkflowSelector({\n  isOpen,\n  onClose,\n  onSelect,\n  excludeWorkflowIds = [],\n  title = 'Select Workflow',\n  description = 'Choose a workflow to invoke as a sub-workflow',\n  onlyEnabled = true,\n  emptyMessage,\n  searchPlaceholder = 'Search by workflow ID, name, or description...',\n}: WorkflowSelectorProps) {\n  const [workflows, setWorkflows] = useState<WorkflowDefinition[]>([])\n  const [loading, setLoading] = useState(false)\n  const [error, setError] = useState<string | null>(null)\n  const [searchQuery, setSearchQuery] = useState('')\n\n  // Fetch workflows on mount\n  useEffect(() => {\n    if (isOpen) {\n      fetchWorkflows()\n    }\n  }, [isOpen])\n\n  const fetchWorkflows = async () => {\n    setLoading(true)\n    setError(null)\n    try {\n      // Build query params\n      const params = new URLSearchParams()\n      params.set('limit', '50') // Reasonable limit for selector\n\n      if (onlyEnabled) {\n        params.set('enabled', 'true')\n      }\n\n      const url = `/api/workflows/definitions?${params.toString()}`\n      const response = await apiFetch(url)\n\n      if (response.ok) {\n        const result = await response.json()\n        setWorkflows(result.data || [])\n      } else {\n        let errorMessage = `Failed to load workflows (${response.status})`\n        try {\n          const errorData = await response.json()\n          if (errorData.error) {\n            errorMessage = errorData.error\n          }\n        } catch {\n          // Use default error message\n        }\n        logger.error('Failed to fetch workflows', {\n          url,\n          status: response.status,\n          message: errorMessage,\n        })\n        setError(errorMessage)\n      }\n    } catch (err) {\n      logger.error('Failed to fetch workflows', { err })\n      const errorMessage = err instanceof Error ? err.message : 'Network error loading workflows'\n      setError(errorMessage)\n    } finally {\n      setLoading(false)\n    }\n  }\n\n  // Filter workflows based on search query and exclusions\n  const getFilteredWorkflows = (): WorkflowDefinition[] => {\n    return workflows\n      .filter(wf => !excludeWorkflowIds.includes(wf.workflowId))\n      .filter(wf => {\n        if (!searchQuery) return true\n        const query = searchQuery.toLowerCase()\n        return (\n          wf.workflowName.toLowerCase().includes(query) ||\n          wf.workflowId.toLowerCase().includes(query) ||\n          wf.description?.toLowerCase().includes(query)\n        )\n      })\n  }\n\n  const handleSelect = (workflow: WorkflowDefinition) => {\n    onSelect(workflow.workflowId, workflow)\n    setSearchQuery('') // Clear search on select\n  }\n\n  const handleClose = () => {\n    setSearchQuery('')\n    onClose()\n  }\n\n  const filteredWorkflows = getFilteredWorkflows()\n\n  return (\n    <Dialog open={isOpen} onOpenChange={handleClose}>\n      <DialogContent className=\"sm:max-w-4xl max-h-[85vh] flex flex-col\">\n        <DialogHeader>\n          <DialogTitle>{title}</DialogTitle>\n          <DialogDescription>{description}</DialogDescription>\n        </DialogHeader>\n\n        {/* Search Input */}\n        <div className=\"px-6\">\n          <Input\n            type=\"text\"\n            value={searchQuery}\n            onChange={(e) => setSearchQuery(e.target.value)}\n            placeholder={searchPlaceholder}\n            autoFocus\n            disabled={loading}\n          />\n        </div>\n\n        {/* Workflows List */}\n        <div className=\"flex-1 overflow-y-auto px-6 py-4 min-h-[400px]\">\n          {loading ? (\n            <div className=\"flex flex-col items-center justify-center py-12\">\n              <Loader2 className=\"h-12 w-12 animate-spin text-primary mb-4\" />\n              <p className=\"text-muted-foreground text-sm\">Loading workflows...</p>\n            </div>\n          ) : error ? (\n            <div className=\"flex flex-col items-center justify-center py-12\">\n              <AlertCircle className=\"h-16 w-16 text-destructive mb-4\" />\n              <p className=\"text-destructive text-sm font-medium mb-2\">{error}</p>\n              <Button\n                variant=\"outline\"\n                size=\"sm\"\n                onClick={fetchWorkflows}\n              >\n                Retry\n              </Button>\n            </div>\n          ) : filteredWorkflows.length === 0 ? (\n            <div className=\"flex flex-col items-center justify-center py-12\">\n              <Workflow className=\"w-16 h-16 text-muted mb-4\" />\n              <p className=\"text-muted-foreground text-sm mb-2\">\n                {emptyMessage || (\n                  searchQuery\n                    ? 'No workflows found matching your search'\n                    : workflows.length === 0\n                    ? 'No workflows exist yet'\n                    : 'All workflows have already been excluded'\n                )}\n              </p>\n              <p className=\"text-muted-foreground text-xs mb-3\">\n                {workflows.length === 0\n                  ? 'Create workflows in the Workflow Definitions page first'\n                  : searchQuery\n                  ? `Showing 0 of ${workflows.length} total workflows`\n                  : `${workflows.length} workflows already excluded`\n                }\n              </p>\n              {searchQuery && (\n                <Button\n                  variant=\"link\"\n                  size=\"sm\"\n                  onClick={() => setSearchQuery('')}\n                >\n                  Clear search\n                </Button>\n              )}\n            </div>\n          ) : (\n            <>\n              <div className=\"mb-3 text-sm text-muted-foreground\">\n                {filteredWorkflows.length} workflow{filteredWorkflows.length !== 1 ? 's' : ''} available\n              </div>\n              <div className=\"grid grid-cols-1 md:grid-cols-2 gap-3\">\n                {filteredWorkflows.map((workflow) => (\n                  <button\n                    key={workflow.id}\n                    onClick={() => handleSelect(workflow)}\n                    className=\"text-left p-4 border-2 border-border rounded-lg hover:border-primary hover:bg-accent transition-all group\"\n                  >\n                    <div className=\"flex items-start justify-between mb-2\">\n                      <div className=\"flex-1 min-w-0\">\n                        <h4 className=\"text-sm font-semibold group-hover:text-primary truncate\">\n                          {workflow.workflowName}\n                        </h4>\n                        <p className=\"text-xs text-muted-foreground font-mono mt-0.5 truncate\">\n                          {workflow.workflowId}\n                        </p>\n                      </div>\n                      <Plus className=\"size-5 text-muted-foreground group-hover:text-primary transition-colors flex-shrink-0 ml-2\" />\n                    </div>\n\n                    <div className=\"flex items-center gap-2 mb-2 flex-wrap\">\n                      <Badge variant=\"secondary\" className=\"text-xs\">\n                        v{workflow.version}\n                      </Badge>\n                      {workflow.enabled ? (\n                        <Badge variant=\"default\" className=\"bg-emerald-500 text-xs\">\n                          Enabled\n                        </Badge>\n                      ) : (\n                        <Badge variant=\"secondary\" className=\"text-xs\">\n                          Disabled\n                        </Badge>\n                      )}\n                    </div>\n\n                    {workflow.description && (\n                      <p className=\"text-xs text-muted-foreground line-clamp-2\">\n                        {workflow.description}\n                      </p>\n                    )}\n                  </button>\n                ))}\n              </div>\n            </>\n          )}\n        </div>\n\n        <DialogFooter>\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            onClick={handleClose}\n          >\n            Cancel\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport { useState, useEffect } from 'react'\nimport { apiFetch } from '@open-mercato/ui/backend/utils/api'\nimport { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from '@open-mercato/ui/primitives/dialog'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Plus, Loader2, AlertCircle, Workflow } from 'lucide-react'\nimport { createLogger } from '@open-mercato/shared/lib/logger'\n\nconst logger = createLogger('workflows')\n\nexport interface WorkflowDefinition {\n  id: string\n  workflowId: string\n  workflowName: string\n  description: string | null\n  version: number\n  enabled: boolean\n  createdAt: string\n  updatedAt: string\n}\n\nexport interface WorkflowSelectorProps {\n  /** Whether the dialog is open */\n  isOpen: boolean\n\n  /** Callback when dialog is closed */\n  onClose: () => void\n\n  /** Callback when a workflow is selected */\n  onSelect: (workflowId: string, workflow: WorkflowDefinition) => void\n\n  /** Array of workflow IDs to exclude from the list (already selected) */\n  excludeWorkflowIds?: string[]\n\n  /** Dialog title */\n  title?: string\n\n  /** Dialog description */\n  description?: string\n\n  /** Whether to show only enabled workflows */\n  onlyEnabled?: boolean\n\n  /** Custom empty state message */\n  emptyMessage?: string\n\n  /** Custom search placeholder */\n  searchPlaceholder?: string\n}\n\n/**\n * WorkflowSelector - Reusable dialog for searching and selecting workflow definitions\n *\n * Features:\n * - Search/filter workflows by name, ID, description\n * - Display workflow details (version, enabled status, description)\n * - Exclude already-selected workflows\n * - Loading and error states\n * - Responsive grid layout\n */\nexport function WorkflowSelector({\n  isOpen,\n  onClose,\n  onSelect,\n  excludeWorkflowIds = [],\n  title = 'Select Workflow',\n  description = 'Choose a workflow to invoke as a sub-workflow',\n  onlyEnabled = true,\n  emptyMessage,\n  searchPlaceholder = 'Search by workflow ID, name, or description...',\n}: WorkflowSelectorProps) {\n  const [workflows, setWorkflows] = useState<WorkflowDefinition[]>([])\n  const [loading, setLoading] = useState(false)\n  const [error, setError] = useState<string | null>(null)\n  const [searchQuery, setSearchQuery] = useState('')\n\n  // Fetch workflows on mount\n  useEffect(() => {\n    if (isOpen) {\n      fetchWorkflows()\n    }\n  }, [isOpen])\n\n  const fetchWorkflows = async () => {\n    setLoading(true)\n    setError(null)\n    try {\n      // Build query params\n      const params = new URLSearchParams()\n      params.set('limit', '50') // Reasonable limit for selector\n\n      if (onlyEnabled) {\n        params.set('enabled', 'true')\n      }\n\n      const url = `/api/workflows/definitions?${params.toString()}`\n      const response = await apiFetch(url)\n\n      if (response.ok) {\n        const result = await response.json()\n        setWorkflows(result.data || [])\n      } else {\n        let errorMessage = `Failed to load workflows (${response.status})`\n        try {\n          const errorData = await response.json()\n          if (errorData.error) {\n            errorMessage = errorData.error\n          }\n        } catch {\n          // Use default error message\n        }\n        logger.error('Failed to fetch workflows', {\n          url,\n          status: response.status,\n          message: errorMessage,\n        })\n        setError(errorMessage)\n      }\n    } catch (err) {\n      logger.error('Failed to fetch workflows', { err })\n      const errorMessage = err instanceof Error ? err.message : 'Network error loading workflows'\n      setError(errorMessage)\n    } finally {\n      setLoading(false)\n    }\n  }\n\n  // Filter workflows based on search query and exclusions\n  const getFilteredWorkflows = (): WorkflowDefinition[] => {\n    return workflows\n      .filter(wf => !excludeWorkflowIds.includes(wf.workflowId))\n      .filter(wf => {\n        if (!searchQuery) return true\n        const query = searchQuery.toLowerCase()\n        return (\n          wf.workflowName.toLowerCase().includes(query) ||\n          wf.workflowId.toLowerCase().includes(query) ||\n          wf.description?.toLowerCase().includes(query)\n        )\n      })\n  }\n\n  const handleSelect = (workflow: WorkflowDefinition) => {\n    onSelect(workflow.workflowId, workflow)\n    setSearchQuery('') // Clear search on select\n  }\n\n  const handleClose = () => {\n    setSearchQuery('')\n    onClose()\n  }\n\n  const filteredWorkflows = getFilteredWorkflows()\n\n  return (\n    <Dialog open={isOpen} onOpenChange={handleClose}>\n      <DialogContent className=\"sm:max-w-4xl max-h-[85vh] flex flex-col\">\n        <DialogHeader>\n          <DialogTitle>{title}</DialogTitle>\n          <DialogDescription>{description}</DialogDescription>\n        </DialogHeader>\n\n        {/* Search Input */}\n        <div className=\"px-6\">\n          <Input\n            type=\"text\"\n            value={searchQuery}\n            onChange={(e) => setSearchQuery(e.target.value)}\n            placeholder={searchPlaceholder}\n            autoFocus\n            disabled={loading}\n          />\n        </div>\n\n        {/* Workflows List */}\n        <div className=\"flex-1 overflow-y-auto px-6 py-4 min-h-[400px]\">\n          {loading ? (\n            <div className=\"flex flex-col items-center justify-center py-12\">\n              <Loader2 className=\"h-12 w-12 animate-spin text-primary mb-4\" />\n              <p className=\"text-muted-foreground text-sm\">Loading workflows...</p>\n            </div>\n          ) : error ? (\n            <div className=\"flex flex-col items-center justify-center py-12\">\n              <AlertCircle className=\"h-16 w-16 text-destructive mb-4\" />\n              <p className=\"text-destructive text-sm font-medium mb-2\">{error}</p>\n              <Button\n                variant=\"outline\"\n                size=\"sm\"\n                onClick={fetchWorkflows}\n              >\n                Retry\n              </Button>\n            </div>\n          ) : filteredWorkflows.length === 0 ? (\n            <div className=\"flex flex-col items-center justify-center py-12\">\n              <Workflow className=\"w-16 h-16 text-muted mb-4\" />\n              <p className=\"text-muted-foreground text-sm mb-2\">\n                {emptyMessage || (\n                  searchQuery\n                    ? 'No workflows found matching your search'\n                    : workflows.length === 0\n                    ? 'No workflows exist yet'\n                    : 'All workflows have already been excluded'\n                )}\n              </p>\n              <p className=\"text-muted-foreground text-xs mb-3\">\n                {workflows.length === 0\n                  ? 'Create workflows in the Workflow Definitions page first'\n                  : searchQuery\n                  ? `Showing 0 of ${workflows.length} total workflows`\n                  : `${workflows.length} workflows already excluded`\n                }\n              </p>\n              {searchQuery && (\n                <Button\n                  variant=\"link\"\n                  size=\"sm\"\n                  onClick={() => setSearchQuery('')}\n                >\n                  Clear search\n                </Button>\n              )}\n            </div>\n          ) : (\n            <>\n              <div className=\"mb-3 text-sm text-muted-foreground\">\n                {filteredWorkflows.length} workflow{filteredWorkflows.length !== 1 ? 's' : ''} available\n              </div>\n              <div className=\"grid grid-cols-1 md:grid-cols-2 gap-3\">\n                {filteredWorkflows.map((workflow) => (\n                  <button\n                    key={workflow.id}\n                    onClick={() => handleSelect(workflow)}\n                    className=\"text-left p-4 border-2 border-border rounded-lg hover:border-primary hover:bg-accent transition-all group\"\n                  >\n                    <div className=\"flex items-start justify-between mb-2\">\n                      <div className=\"flex-1 min-w-0\">\n                        <h4 className=\"text-sm font-semibold group-hover:text-primary truncate\">\n                          {workflow.workflowName}\n                        </h4>\n                        <p className=\"text-xs text-muted-foreground font-mono mt-0.5 truncate\">\n                          {workflow.workflowId}\n                        </p>\n                      </div>\n                      <Plus className=\"size-5 text-muted-foreground group-hover:text-primary transition-colors flex-shrink-0 ml-2\" />\n                    </div>\n\n                    <div className=\"flex items-center gap-2 mb-2 flex-wrap\">\n                      <Badge variant=\"secondary\" className=\"text-xs\">\n                        v{workflow.version}\n                      </Badge>\n                      {workflow.enabled ? (\n                        <Badge variant=\"default\" className=\"bg-status-success-solid text-status-success-solid-foreground text-xs\">\n                          Enabled\n                        </Badge>\n                      ) : (\n                        <Badge variant=\"secondary\" className=\"text-xs\">\n                          Disabled\n                        </Badge>\n                      )}\n                    </div>\n\n                    {workflow.description && (\n                      <p className=\"text-xs text-muted-foreground line-clamp-2\">\n                        {workflow.description}\n                      </p>\n                    )}\n                  </button>\n                ))}\n              </div>\n            </>\n          )}\n        </div>\n\n        <DialogFooter>\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            onClick={handleClose}\n          >\n            Cancel\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/workflows/components/fields/BusinessRuleConditionsEditor.js

@@ -178,7 +178,7 @@ function BusinessRuleConditionsEditor({
                 size: "sm",
                 disabled,
                 className: "ml-2 flex-shrink-0",
-                children: /* @__PURE__ */ jsx(Trash2, { className: "size-4 text-red-600" })
+                children: /* @__PURE__ */ jsx(Trash2, { className: "size-4 text-destructive" })
               }
             ),
             title: t("workflows.fieldEditors.businessRuleConditions.removeCondition"),

package/dist/modules/workflows/components/fields/BusinessRuleConditionsEditor.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/workflows/components/fields/BusinessRuleConditionsEditor.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { useState, useEffect } 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 { Plus, Trash2, AlertCircle } from 'lucide-react'\nimport type { CrudCustomFieldRenderProps } from '@open-mercato/ui/backend/CrudForm'\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 * Condition definition structure (supports legacy string format and new object format)\n */\nexport type TransitionCondition = string | { ruleId: string; required: boolean }\n\ninterface BusinessRuleConditionsEditorProps extends CrudCustomFieldRenderProps {\n  value: TransitionCondition[]\n  filterEntityType?: string\n  filterRuleType?: string\n}\n\ninterface ConditionWithDetails {\n  ruleId: string\n  required: boolean\n  ruleName?: string\n  ruleType?: string\n  loading?: boolean\n  error?: boolean\n}\n\n/**\n * Normalize legacy string format to object format\n */\nfunction normalizeCondition(raw: TransitionCondition): { ruleId: string; required: boolean } {\n  if (typeof raw === 'string') {\n    return { ruleId: raw, required: true }\n  }\n  return raw\n}\n\n/**\n * BusinessRuleConditionsEditor - Custom field component for managing pre/post business rule conditions\n *\n * Integrates with BusinessRulesSelector modal to add/remove conditions.\n * Fetches and displays rule names for selected rule IDs.\n * Supports both legacy string format and new object format with required flag.\n *\n * Used by EdgeEditDialog (pre-conditions and post-conditions)\n */\nexport function BusinessRuleConditionsEditor({\n  id,\n  value = [],\n  setValue,\n  disabled,\n  filterEntityType,\n  filterRuleType,\n}: BusinessRuleConditionsEditorProps) {\n  const t = useT()\n  const [isModalOpen, setIsModalOpen] = useState(false)\n  const [conditionsWithDetails, setConditionsWithDetails] = useState<ConditionWithDetails[]>([])\n\n  const conditions = Array.isArray(value) ? value : []\n\n  // Fetch rule details when conditions change\n  useEffect(() => {\n    const normalized = conditions.map(normalizeCondition)\n    const withDetails: ConditionWithDetails[] = normalized.map((c) => ({\n      ...c,\n      loading: true,\n    }))\n    setConditionsWithDetails(withDetails)\n\n    // Fetch details for each rule\n    normalized.forEach((condition, index) => {\n      fetchRuleDetails(condition.ruleId, index)\n    })\n  }, [JSON.stringify(conditions.map(normalizeCondition))])\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: TransitionCondition = { ruleId, required: true }\n    setValue([...conditions, newCondition])\n    setIsModalOpen(false)\n  }\n\n  const removeCondition = (index: number) => {\n    const newConditions = conditions.filter((_, i) => i !== index)\n    setValue(newConditions)\n  }\n\n  const toggleRequired = (index: number) => {\n    const normalized = normalizeCondition(conditions[index])\n    const updated = [...conditions]\n    updated[index] = {\n      ruleId: normalized.ruleId,\n      required: !normalized.required,\n    }\n    setValue(updated)\n  }\n\n  const getExcludedRuleIds = (): string[] => {\n    return conditions.map((c) => normalizeCondition(c).ruleId)\n  }\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"flex items-center justify-end\">\n        <Button\n          type=\"button\"\n          size=\"sm\"\n          onClick={() => setIsModalOpen(true)}\n          disabled={disabled}\n        >\n          <Plus className=\"size-3 mr-1\" />\n          {t('workflows.fieldEditors.businessRuleConditions.addRule')}\n        </Button>\n      </div>\n\n      {conditions.length === 0 ? (\n        <EmptyState\n          title={t('workflows.fieldEditors.businessRuleConditions.emptyTitle')}\n          description={t('workflows.fieldEditors.businessRuleConditions.emptyDescription')}\n          action={{ label: t('workflows.fieldEditors.businessRuleConditions.addRule'), onClick: () => setIsModalOpen(true), disabled }}\n        />\n      ) : (\n        <div className=\"space-y-2\">\n          {conditionsWithDetails.map((condition, index) => {\n            const normalized = normalizeCondition(conditions[index])\n            return (\n              <div key={index} 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                    {/* Rule Name/ID */}\n                    <div className=\"flex items-center gap-2\">\n                      {condition.loading ? (\n                        <>\n                          <Spinner size=\"sm\" />\n                          <span className=\"text-sm text-muted-foreground\">{t('workflows.common.loadingDetails')}</span>\n                        </>\n                      ) : condition.error ? (\n                        <>\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                        </>\n                      ) : (\n                        <div>\n                          <span className=\"text-sm font-semibold text-foreground\">{condition.ruleName}</span>\n                          {condition.ruleType && (\n                            <Badge variant=\"secondary\" className=\"text-xs ml-2\">\n                              {condition.ruleType}\n                            </Badge>\n                          )}\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                    {/* Required Toggle */}\n                    <SwitchField\n                      id={`${id}-${index}-required`}\n                      label={t('workflows.fieldEditors.businessRuleConditions.requiredLabel')}\n                      flip\n                      checked={normalized.required}\n                      onCheckedChange={() => toggleRequired(index)}\n                      disabled={disabled}\n                    />\n                  </div>\n\n                  {/* Delete Button */}\n                  <ConfirmDialog\n                    trigger={\n                      <Button\n                        type=\"button\"\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        disabled={disabled}\n                        className=\"ml-2 flex-shrink-0\"\n                      >\n                        <Trash2 className=\"size-4 text-red-600\" />\n                      </Button>\n                    }\n                    title={t('workflows.fieldEditors.businessRuleConditions.removeCondition')}\n                    text={t('workflows.fieldEditors.businessRuleConditions.confirmRemove')}\n                    variant=\"destructive\"\n                    onConfirm={() => removeCondition(index)}\n                  />\n                </div>\n              </div>\n            )\n          })}\n        </div>\n      )}\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.businessRuleConditions.selectBusinessRule')}\n        description={t('workflows.fieldEditors.businessRuleConditions.selectBusinessRuleDescription')}\n        filterEntityType={filterEntityType}\n        filterRuleType={filterRuleType}\n        onlyEnabled={true}\n      />\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 { Button } from '@open-mercato/ui/primitives/button'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Plus, Trash2, AlertCircle } from 'lucide-react'\nimport type { CrudCustomFieldRenderProps } from '@open-mercato/ui/backend/CrudForm'\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 * Condition definition structure (supports legacy string format and new object format)\n */\nexport type TransitionCondition = string | { ruleId: string; required: boolean }\n\ninterface BusinessRuleConditionsEditorProps extends CrudCustomFieldRenderProps {\n  value: TransitionCondition[]\n  filterEntityType?: string\n  filterRuleType?: string\n}\n\ninterface ConditionWithDetails {\n  ruleId: string\n  required: boolean\n  ruleName?: string\n  ruleType?: string\n  loading?: boolean\n  error?: boolean\n}\n\n/**\n * Normalize legacy string format to object format\n */\nfunction normalizeCondition(raw: TransitionCondition): { ruleId: string; required: boolean } {\n  if (typeof raw === 'string') {\n    return { ruleId: raw, required: true }\n  }\n  return raw\n}\n\n/**\n * BusinessRuleConditionsEditor - Custom field component for managing pre/post business rule conditions\n *\n * Integrates with BusinessRulesSelector modal to add/remove conditions.\n * Fetches and displays rule names for selected rule IDs.\n * Supports both legacy string format and new object format with required flag.\n *\n * Used by EdgeEditDialog (pre-conditions and post-conditions)\n */\nexport function BusinessRuleConditionsEditor({\n  id,\n  value = [],\n  setValue,\n  disabled,\n  filterEntityType,\n  filterRuleType,\n}: BusinessRuleConditionsEditorProps) {\n  const t = useT()\n  const [isModalOpen, setIsModalOpen] = useState(false)\n  const [conditionsWithDetails, setConditionsWithDetails] = useState<ConditionWithDetails[]>([])\n\n  const conditions = Array.isArray(value) ? value : []\n\n  // Fetch rule details when conditions change\n  useEffect(() => {\n    const normalized = conditions.map(normalizeCondition)\n    const withDetails: ConditionWithDetails[] = normalized.map((c) => ({\n      ...c,\n      loading: true,\n    }))\n    setConditionsWithDetails(withDetails)\n\n    // Fetch details for each rule\n    normalized.forEach((condition, index) => {\n      fetchRuleDetails(condition.ruleId, index)\n    })\n  }, [JSON.stringify(conditions.map(normalizeCondition))])\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: TransitionCondition = { ruleId, required: true }\n    setValue([...conditions, newCondition])\n    setIsModalOpen(false)\n  }\n\n  const removeCondition = (index: number) => {\n    const newConditions = conditions.filter((_, i) => i !== index)\n    setValue(newConditions)\n  }\n\n  const toggleRequired = (index: number) => {\n    const normalized = normalizeCondition(conditions[index])\n    const updated = [...conditions]\n    updated[index] = {\n      ruleId: normalized.ruleId,\n      required: !normalized.required,\n    }\n    setValue(updated)\n  }\n\n  const getExcludedRuleIds = (): string[] => {\n    return conditions.map((c) => normalizeCondition(c).ruleId)\n  }\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"flex items-center justify-end\">\n        <Button\n          type=\"button\"\n          size=\"sm\"\n          onClick={() => setIsModalOpen(true)}\n          disabled={disabled}\n        >\n          <Plus className=\"size-3 mr-1\" />\n          {t('workflows.fieldEditors.businessRuleConditions.addRule')}\n        </Button>\n      </div>\n\n      {conditions.length === 0 ? (\n        <EmptyState\n          title={t('workflows.fieldEditors.businessRuleConditions.emptyTitle')}\n          description={t('workflows.fieldEditors.businessRuleConditions.emptyDescription')}\n          action={{ label: t('workflows.fieldEditors.businessRuleConditions.addRule'), onClick: () => setIsModalOpen(true), disabled }}\n        />\n      ) : (\n        <div className=\"space-y-2\">\n          {conditionsWithDetails.map((condition, index) => {\n            const normalized = normalizeCondition(conditions[index])\n            return (\n              <div key={index} 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                    {/* Rule Name/ID */}\n                    <div className=\"flex items-center gap-2\">\n                      {condition.loading ? (\n                        <>\n                          <Spinner size=\"sm\" />\n                          <span className=\"text-sm text-muted-foreground\">{t('workflows.common.loadingDetails')}</span>\n                        </>\n                      ) : condition.error ? (\n                        <>\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                        </>\n                      ) : (\n                        <div>\n                          <span className=\"text-sm font-semibold text-foreground\">{condition.ruleName}</span>\n                          {condition.ruleType && (\n                            <Badge variant=\"secondary\" className=\"text-xs ml-2\">\n                              {condition.ruleType}\n                            </Badge>\n                          )}\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                    {/* Required Toggle */}\n                    <SwitchField\n                      id={`${id}-${index}-required`}\n                      label={t('workflows.fieldEditors.businessRuleConditions.requiredLabel')}\n                      flip\n                      checked={normalized.required}\n                      onCheckedChange={() => toggleRequired(index)}\n                      disabled={disabled}\n                    />\n                  </div>\n\n                  {/* Delete Button */}\n                  <ConfirmDialog\n                    trigger={\n                      <Button\n                        type=\"button\"\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        disabled={disabled}\n                        className=\"ml-2 flex-shrink-0\"\n                      >\n                        <Trash2 className=\"size-4 text-destructive\" />\n                      </Button>\n                    }\n                    title={t('workflows.fieldEditors.businessRuleConditions.removeCondition')}\n                    text={t('workflows.fieldEditors.businessRuleConditions.confirmRemove')}\n                    variant=\"destructive\"\n                    onConfirm={() => removeCondition(index)}\n                  />\n                </div>\n              </div>\n            )\n          })}\n        </div>\n      )}\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.businessRuleConditions.selectBusinessRule')}\n        description={t('workflows.fieldEditors.businessRuleConditions.selectBusinessRuleDescription')}\n        filterEntityType={filterEntityType}\n        filterRuleType={filterRuleType}\n        onlyEnabled={true}\n      />\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/workflows/components/fields/FormFieldArrayEditor.js

@@ -79,7 +79,7 @@ function FormFieldArrayEditor({
           ")"
         ] }),
         /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-0.5", children: t("workflows.fieldEditors.formFields.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,
@@ -96,7 +96,7 @@ function FormFieldArrayEditor({
         }
       )
     ] }),
-    isJsonSchemaFormat && /* @__PURE__ */ jsx(Alert, { variant: "info", children: /* @__PURE__ */ jsx(AlertDescription, { className: "text-xs", children: t("workflows.fieldEditors.formFields.jsonSchemaNotice") }) }),
+    isJsonSchemaFormat && /* @__PURE__ */ jsx(Alert, { status: "information", children: /* @__PURE__ */ jsx(AlertDescription, { className: "text-xs", children: t("workflows.fieldEditors.formFields.jsonSchemaNotice") }) }),
     formFields.length === 0 ? /* @__PURE__ */ jsx("div", { className: "p-4 text-center text-sm text-muted-foreground bg-muted rounded-lg border", children: t("workflows.fieldEditors.formFields.emptyState") }) : /* @__PURE__ */ jsx("div", { className: "space-y-2", children: formFields.map((field, index) => {
       const isExpanded = expandedIndices.has(index);
       return /* @__PURE__ */ jsxs("div", { className: "border border-gray-200 rounded-lg bg-gray-50", children: [