@open-mercato/core 0.6.7-develop.6677.1.beabb7ca12 → 0.6.7-develop.6685.1.77c0a5591b

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/workflows/components/ActivitiesEditor.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 ActivitiesEditorProps {\n  value: Activity[]\n  onChange: (activities: Activity[]) => void\n  error?: string\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 ActivitiesEditor({ value = [], onChange, error }: ActivitiesEditorProps) {\n  const t = useT()\n\n  const addActivity = () => {\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    onChange([...value, newActivity])\n  }\n\n  const updateActivity = (index: number, field: keyof Activity, fieldValue: any) => {\n    const updated = [...value]\n    updated[index] = { ...updated[index], [field]: fieldValue }\n    onChange(updated)\n  }\n\n  const updateRetryPolicy = (index: number, field: string, fieldValue: any) => {\n    const updated = [...value]\n    updated[index] = {\n      ...updated[index],\n      retryPolicy: {\n        ...updated[index].retryPolicy,\n        [field]: fieldValue,\n      },\n    }\n    onChange(updated)\n  }\n\n  const removeActivity = (index: number) => {\n    onChange(value.filter((_, i) => i !== index))\n  }\n\n  const moveActivity = (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  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.activities')}\n          </p>\n          {error && <p className=\"text-sm text-red-600 mt-1\">{error}</p>}\n        </div>\n        <Button type=\"button\" onClick={addActivity} variant=\"outline\" size=\"sm\" className=\"w-full sm:w-auto\">\n          <Plus className=\"h-4 w-4 mr-1\" />\n          {t('workflows.form.addActivity')}\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.noActivities')}\n        </div>\n      )}\n\n      <div className=\"space-y-3\">\n        {value.map((activity, index) => (\n          <div key={index} className=\"p-4 border rounded-md bg-card shadow-sm border-l-4 border-l-green-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={`activity-${index}-id`} className=\"text-xs\">\n                      {t('workflows.activities.activityId')} *\n                    </Label>\n                    <Input\n                      id={`activity-${index}-id`}\n                      value={activity.activityId}\n                      onChange={(e) => updateActivity(index, 'activityId', e.target.value)}\n                      placeholder=\"activity_name\"\n                      className=\"mt-1\"\n                    />\n                  </div>\n                  <div>\n                    <Label htmlFor={`activity-${index}-name`} className=\"text-xs\">\n                      {t('workflows.activities.activityName')} *\n                    </Label>\n                    <Input\n                      id={`activity-${index}-name`}\n                      value={activity.activityName}\n                      onChange={(e) => updateActivity(index, 'activityName', e.target.value)}\n                      placeholder={t('workflows.activities.activityName')}\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={() => moveActivity(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={() => moveActivity(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={() => removeActivity(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={`activity-${index}-type`} className=\"text-xs\">\n                    {t('workflows.activities.activityType')} *\n                  </Label>\n                  <Select\n                    value={activity.activityType}\n                    onValueChange={(value) => updateActivity(index, 'activityType', value)}\n                  >\n                    <SelectTrigger id={`activity-${index}-type`} 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}-timeout`} className=\"text-xs\">\n                    {t('workflows.activities.timeout')} (ms)\n                  </Label>\n                  <Input\n                    id={`activity-${index}-timeout`}\n                    type=\"number\"\n                    value={activity.timeout || ''}\n                    onChange={(e) => updateActivity(index, 'timeout', e.target.value ? parseInt(e.target.value) : undefined)}\n                    placeholder=\"30000\"\n                    className=\"mt-1\"\n                  />\n                </div>\n                <div className=\"flex items-end pb-2\">\n                  <div className=\"flex items-center space-x-2\">\n                    <input\n                      type=\"checkbox\"\n                      id={`activity-${index}-async`}\n                      checked={activity.async || false}\n                      onChange={(e) => updateActivity(index, 'async', e.target.checked)}\n                      className=\"h-4 w-4\"\n                    />\n                    <Label htmlFor={`activity-${index}-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-3\">\n                <div>\n                  <Label htmlFor={`activity-${index}-retry-attempts`} className=\"text-xs\">\n                    {t('workflows.form.maxRetryAttempts')}\n                  </Label>\n                  <Input\n                    id={`activity-${index}-retry-attempts`}\n                    type=\"number\"\n                    value={activity.retryPolicy?.maxAttempts || 3}\n                    onChange={(e) => updateRetryPolicy(index, 'maxAttempts', parseInt(e.target.value))}\n                    className=\"mt-1\"\n                  />\n                </div>\n                <div>\n                  <Label htmlFor={`activity-${index}-retry-delay`} className=\"text-xs\">\n                    {t('workflows.form.retryDelay')} (ms)\n                  </Label>\n                  <Input\n                    id={`activity-${index}-retry-delay`}\n                    type=\"number\"\n                    value={activity.retryPolicy?.retryDelay || 1000}\n                    onChange={(e) => updateRetryPolicy(index, 'retryDelay', parseInt(e.target.value))}\n                    className=\"mt-1\"\n                  />\n                </div>\n                <div>\n                  <Label htmlFor={`activity-${index}-backoff`} className=\"text-xs\">\n                    {t('workflows.form.backoffMultiplier')}\n                  </Label>\n                  <Input\n                    id={`activity-${index}-backoff`}\n                    type=\"number\"\n                    step=\"0.1\"\n                    value={activity.retryPolicy?.backoffMultiplier || 2}\n                    onChange={(e) => updateRetryPolicy(index, 'backoffMultiplier', parseFloat(e.target.value))}\n                    className=\"mt-1\"\n                  />\n                </div>\n              </div>\n\n              {activity.activityType === 'WAIT' && (\n                <div className=\"space-y-3\">\n                  <div>\n                    <Label htmlFor={`activity-${index}-duration`} className=\"text-xs\">\n                      {t('workflows.activities.waitDuration')}\n                    </Label>\n                    <Input\n                      id={`activity-${index}-duration`}\n                      value={activity.config?.duration || ''}\n                      onChange={(e) => updateActivity(index, 'config', { ...activity.config, duration: e.target.value, until: undefined })}\n                      placeholder={t('workflows.activities.waitDurationPlaceholder')}\n                      disabled={!!activity.config?.until}\n                      className=\"mt-1\"\n                    />\n                    <p className=\"text-xs text-muted-foreground mt-1\">\n                      {t('workflows.activities.waitDurationDescription')}\n                    </p>\n                  </div>\n                  <div className=\"text-xs text-center text-muted-foreground\">{t('workflows.activities.waitOr')}</div>\n                  <div>\n                    <Label htmlFor={`activity-${index}-until`} className=\"text-xs\">\n                      {t('workflows.activities.waitUntil')}\n                    </Label>\n                    <Input\n                      id={`activity-${index}-until`}\n                      type=\"datetime-local\"\n                      value={activity.config?.until ? activity.config.until.slice(0, 16) : ''}\n                      onChange={(e) => updateActivity(index, 'config', { ...activity.config, until: e.target.value ? new Date(e.target.value).toISOString() : undefined, duration: undefined })}\n                      disabled={!!activity.config?.duration}\n                      className=\"mt-1\"\n                    />\n                    <p className=\"text-xs text-muted-foreground mt-1\">\n                      {t('workflows.activities.waitUntilDescription')}\n                    </p>\n                  </div>\n                </div>\n              )}\n\n              {activity.activityType !== 'WAIT' && (\n              <div>\n                <Label htmlFor={`activity-${index}-config`} className=\"text-xs\">\n                  {t('workflows.activities.config')} (JSON)\n                </Label>\n                <Textarea\n                  id={`activity-${index}-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, 'config', parsed)\n                    } catch {\n                      // Invalid JSON, don't update\n                    }\n                  }}\n                  placeholder='{\"key\": \"value\"}'\n                  rows={3}\n                  className=\"mt-1 font-mono text-xs\"\n                />\n              </div>\n              )}\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 ActivitiesEditorProps {\n  value: Activity[]\n  onChange: (activities: Activity[]) => void\n  error?: string\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\n/**\n * Per-activity draft of the raw JSON config text (#4234).\n *\n * The config textarea used to be controlled directly by\n * `JSON.stringify(activity.config)`, and its onChange dropped anything that\n * did not parse. Every intermediate keystroke of a hand edit is invalid JSON,\n * so the state never advanced and React re-rendered the previous serialized\n * value \u2014 the field read as frozen/non-editable right after a config was\n * pasted. Keeping the raw text locally lets the user type freely; the parsed\n * object is propagated whenever the text is valid, and an inline error is shown\n * while it is not.\n */\ntype ConfigDraft = { text: string; error: string | null }\n\nfunction serializeConfig(config: Record<string, unknown> | undefined): string {\n  return JSON.stringify(config ?? {}, null, 2)\n}\n\nexport function ActivitiesEditor({ value = [], onChange, error }: ActivitiesEditorProps) {\n  const t = useT()\n  const [configDrafts, setConfigDrafts] = React.useState<Record<number, ConfigDraft>>({})\n\n  const configTextFor = (index: number, activity: Activity): string =>\n    configDrafts[index]?.text ?? serializeConfig(activity.config)\n\n  const handleConfigTextChange = (index: number, text: string) => {\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 ? err.message : t('workflows.activities.configInvalidJson', 'Invalid JSON')\n    }\n\n    setConfigDrafts((drafts) => ({ ...drafts, [index]: { text, error: parseError } }))\n    if (parsed) updateActivity(index, 'config', parsed)\n  }\n\n  // Drop the raw draft once the field loses focus and its content is valid, so\n  // the textarea goes back to mirroring the canonical (re-formatted) config.\n  const handleConfigBlur = (index: number) => {\n    setConfigDrafts((drafts) => {\n      if (!drafts[index] || drafts[index].error) return drafts\n      const next = { ...drafts }\n      delete next[index]\n      return next\n    })\n  }\n\n  const addActivity = () => {\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    onChange([...value, newActivity])\n  }\n\n  const updateActivity = (index: number, field: keyof Activity, fieldValue: any) => {\n    const updated = [...value]\n    updated[index] = { ...updated[index], [field]: fieldValue }\n    onChange(updated)\n  }\n\n  const updateRetryPolicy = (index: number, field: string, fieldValue: any) => {\n    const updated = [...value]\n    updated[index] = {\n      ...updated[index],\n      retryPolicy: {\n        ...updated[index].retryPolicy,\n        [field]: fieldValue,\n      },\n    }\n    onChange(updated)\n  }\n\n  const removeActivity = (index: number) => {\n    onChange(value.filter((_, i) => i !== index))\n    // Keep the index-keyed drafts aligned with the re-indexed activities:\n    // drop the removed row's draft and shift every later draft down by one,\n    // otherwise a pending (invalid) draft would render over a different row.\n    setConfigDrafts((drafts) => {\n      const next: Record<number, ConfigDraft> = {}\n      for (const key of Object.keys(drafts)) {\n        const i = Number(key)\n        if (i === index) continue\n        next[i > index ? i - 1 : i] = drafts[i]\n      }\n      return next\n    })\n  }\n\n  const moveActivity = (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    // Swap the two rows' drafts too, so an in-progress edit follows its activity.\n    setConfigDrafts((drafts) => {\n      if (!(index in drafts) && !(newIndex in drafts)) return drafts\n      const next = { ...drafts }\n      const atIndex = drafts[index]\n      const atNew = drafts[newIndex]\n      if (atNew !== undefined) next[index] = atNew\n      else delete next[index]\n      if (atIndex !== undefined) next[newIndex] = atIndex\n      else delete next[newIndex]\n      return next\n    })\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.activities')}\n          </p>\n          {error && <p className=\"text-sm text-red-600 mt-1\">{error}</p>}\n        </div>\n        <Button type=\"button\" onClick={addActivity} variant=\"outline\" size=\"sm\" className=\"w-full sm:w-auto\">\n          <Plus className=\"h-4 w-4 mr-1\" />\n          {t('workflows.form.addActivity')}\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.noActivities')}\n        </div>\n      )}\n\n      <div className=\"space-y-3\">\n        {value.map((activity, index) => (\n          <div key={index} className=\"p-4 border rounded-md bg-card shadow-sm border-l-4 border-l-green-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={`activity-${index}-id`} className=\"text-xs\">\n                      {t('workflows.activities.activityId')} *\n                    </Label>\n                    <Input\n                      id={`activity-${index}-id`}\n                      value={activity.activityId}\n                      onChange={(e) => updateActivity(index, 'activityId', e.target.value)}\n                      placeholder=\"activity_name\"\n                      className=\"mt-1\"\n                    />\n                  </div>\n                  <div>\n                    <Label htmlFor={`activity-${index}-name`} className=\"text-xs\">\n                      {t('workflows.activities.activityName')} *\n                    </Label>\n                    <Input\n                      id={`activity-${index}-name`}\n                      value={activity.activityName}\n                      onChange={(e) => updateActivity(index, 'activityName', e.target.value)}\n                      placeholder={t('workflows.activities.activityName')}\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={() => moveActivity(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={() => moveActivity(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={() => removeActivity(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={`activity-${index}-type`} className=\"text-xs\">\n                    {t('workflows.activities.activityType')} *\n                  </Label>\n                  <Select\n                    value={activity.activityType}\n                    onValueChange={(value) => updateActivity(index, 'activityType', value)}\n                  >\n                    <SelectTrigger id={`activity-${index}-type`} 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}-timeout`} className=\"text-xs\">\n                    {t('workflows.activities.timeout')} (ms)\n                  </Label>\n                  <Input\n                    id={`activity-${index}-timeout`}\n                    type=\"number\"\n                    value={activity.timeoutMs || ''}\n                    onChange={(e) => updateActivity(index, 'timeoutMs', e.target.value ? parseInt(e.target.value) : undefined)}\n                    placeholder=\"30000\"\n                    className=\"mt-1\"\n                  />\n                </div>\n                <div className=\"flex items-end pb-2\">\n                  <div className=\"flex items-center space-x-2\">\n                    <input\n                      type=\"checkbox\"\n                      id={`activity-${index}-async`}\n                      checked={activity.async || false}\n                      onChange={(e) => updateActivity(index, 'async', e.target.checked)}\n                      className=\"h-4 w-4\"\n                    />\n                    <Label htmlFor={`activity-${index}-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-3\">\n                <div>\n                  <Label htmlFor={`activity-${index}-retry-attempts`} className=\"text-xs\">\n                    {t('workflows.form.maxRetryAttempts')}\n                  </Label>\n                  <Input\n                    id={`activity-${index}-retry-attempts`}\n                    type=\"number\"\n                    value={activity.retryPolicy?.maxAttempts || 3}\n                    onChange={(e) => updateRetryPolicy(index, 'maxAttempts', parseInt(e.target.value))}\n                    className=\"mt-1\"\n                  />\n                </div>\n                <div>\n                  <Label htmlFor={`activity-${index}-retry-delay`} className=\"text-xs\">\n                    {t('workflows.form.retryDelay')} (ms)\n                  </Label>\n                  <Input\n                    id={`activity-${index}-retry-delay`}\n                    type=\"number\"\n                    value={activity.retryPolicy?.retryDelay || 1000}\n                    onChange={(e) => updateRetryPolicy(index, 'retryDelay', parseInt(e.target.value))}\n                    className=\"mt-1\"\n                  />\n                </div>\n                <div>\n                  <Label htmlFor={`activity-${index}-backoff`} className=\"text-xs\">\n                    {t('workflows.form.backoffMultiplier')}\n                  </Label>\n                  <Input\n                    id={`activity-${index}-backoff`}\n                    type=\"number\"\n                    step=\"0.1\"\n                    value={activity.retryPolicy?.backoffMultiplier || 2}\n                    onChange={(e) => updateRetryPolicy(index, 'backoffMultiplier', parseFloat(e.target.value))}\n                    className=\"mt-1\"\n                  />\n                </div>\n              </div>\n\n              {activity.activityType === 'WAIT' && (\n                <div className=\"space-y-3\">\n                  <div>\n                    <Label htmlFor={`activity-${index}-duration`} className=\"text-xs\">\n                      {t('workflows.activities.waitDuration')}\n                    </Label>\n                    <Input\n                      id={`activity-${index}-duration`}\n                      value={activity.config?.duration || ''}\n                      onChange={(e) => updateActivity(index, 'config', { ...activity.config, duration: e.target.value, until: undefined })}\n                      placeholder={t('workflows.activities.waitDurationPlaceholder')}\n                      disabled={!!activity.config?.until}\n                      className=\"mt-1\"\n                    />\n                    <p className=\"text-xs text-muted-foreground mt-1\">\n                      {t('workflows.activities.waitDurationDescription')}\n                    </p>\n                  </div>\n                  <div className=\"text-xs text-center text-muted-foreground\">{t('workflows.activities.waitOr')}</div>\n                  <div>\n                    <Label htmlFor={`activity-${index}-until`} className=\"text-xs\">\n                      {t('workflows.activities.waitUntil')}\n                    </Label>\n                    <Input\n                      id={`activity-${index}-until`}\n                      type=\"datetime-local\"\n                      value={activity.config?.until ? activity.config.until.slice(0, 16) : ''}\n                      onChange={(e) => updateActivity(index, 'config', { ...activity.config, until: e.target.value ? new Date(e.target.value).toISOString() : undefined, duration: undefined })}\n                      disabled={!!activity.config?.duration}\n                      className=\"mt-1\"\n                    />\n                    <p className=\"text-xs text-muted-foreground mt-1\">\n                      {t('workflows.activities.waitUntilDescription')}\n                    </p>\n                  </div>\n                </div>\n              )}\n\n              {activity.activityType !== 'WAIT' && (\n              <div>\n                <Label htmlFor={`activity-${index}-config`} className=\"text-xs\">\n                  {t('workflows.activities.config')} (JSON)\n                </Label>\n                <Textarea\n                  id={`activity-${index}-config`}\n                  value={configTextFor(index, activity)}\n                  onChange={(e) => handleConfigTextChange(index, e.target.value)}\n                  onBlur={() => handleConfigBlur(index)}\n                  aria-invalid={configDrafts[index]?.error ? true : undefined}\n                  aria-describedby={configDrafts[index]?.error ? `activity-${index}-config-error` : undefined}\n                  placeholder='{\"key\": \"value\"}'\n                  rows={3}\n                  className=\"mt-1 font-mono text-xs\"\n                />\n                {configDrafts[index]?.error ? (\n                  <p\n                    id={`activity-${index}-config-error`}\n                    className=\"mt-1 text-xs text-status-error-text\"\n                    role=\"alert\"\n                  >\n                    {configDrafts[index]?.error}\n                  </p>\n                ) : null}\n              </div>\n              )}\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": ["value"]
 }

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

@@ -1,5 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
 import { Button } from "@open-mercato/ui/primitives/button";
 import { Input } from "@open-mercato/ui/primitives/input";
 import { Label } from "@open-mercato/ui/primitives/label";
@@ -30,6 +31,37 @@ const ACTIVITY_TYPES = [
 ];
 function TransitionsEditor({ value = [], onChange, steps = [], error }) {
   const t = useT();
+  const [configDrafts, setConfigDrafts] = React.useState({});
+  const configDraftKey = (transition, activity) => `${transition.transitionId}:${activity.activityId}`;
+  const handleConfigTextChange = (transitionIndex, activityIndex, text) => {
+    const transition = value[transitionIndex];
+    const activity = transition.activities?.[activityIndex];
+    if (!activity) return;
+    let parsed = null;
+    let parseError = null;
+    try {
+      const candidate = JSON.parse(text);
+      if (candidate && typeof candidate === "object" && !Array.isArray(candidate)) {
+        parsed = candidate;
+      } else {
+        parseError = t("workflows.activities.configMustBeObject", "Config must be a JSON object");
+      }
+    } catch (err) {
+      parseError = err instanceof Error ? err.message : t("workflows.activities.configInvalidJson", "Invalid JSON");
+    }
+    const key = configDraftKey(transition, activity);
+    setConfigDrafts((drafts) => ({ ...drafts, [key]: { text, error: parseError } }));
+    if (parsed) updateActivity(transitionIndex, activityIndex, "config", parsed);
+  };
+  const handleConfigBlur = (transition, activity) => {
+    const key = configDraftKey(transition, activity);
+    setConfigDrafts((drafts) => {
+      if (!drafts[key] || drafts[key].error) return drafts;
+      const next = { ...drafts };
+      delete next[key];
+      return next;
+    });
+  };
   const addTransition = () => {
     const newTransition = {
       transitionId: `transition_${Date.now()}`,
@@ -307,198 +339,208 @@ function TransitionsEditor({ value = [], onChange, steps = [], error }) {
           )
         ] }),
         (transition.activities || []).length === 0 && /* @__PURE__ */ jsx("div", { className: "p-3 text-center text-xs text-muted-foreground border rounded-md bg-muted", children: t("workflows.form.noActivitiesInTransition") }),
-        /* @__PURE__ */ jsx("div", { className: "space-y-2", children: (transition.activities || []).map((activity, activityIndex) => /* @__PURE__ */ jsx("div", { className: "p-3 border rounded-md bg-muted shadow-sm border-l-4 border-l-green-500", children: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex-1 grid grid-cols-1 sm:grid-cols-2 gap-2", children: [
+        /* @__PURE__ */ jsx("div", { className: "space-y-2", children: (transition.activities || []).map((activity, activityIndex) => {
+          const draftKey = configDraftKey(transition, activity);
+          const configDraft = configDrafts[draftKey];
+          return /* @__PURE__ */ jsx("div", { className: "p-3 border rounded-md bg-muted shadow-sm border-l-4 border-l-green-500", children: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex-1 grid grid-cols-1 sm:grid-cols-2 gap-2", children: [
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsxs(Label, { htmlFor: `activity-${index}-${activityIndex}-id`, className: "text-xs", children: [
+                    t("workflows.activities.activityId"),
+                    " *"
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      id: `activity-${index}-${activityIndex}-id`,
+                      value: activity.activityId,
+                      onChange: (e) => updateActivity(index, activityIndex, "activityId", e.target.value),
+                      placeholder: "activity_name",
+                      className: "mt-1 text-xs h-8"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsxs(Label, { htmlFor: `activity-${index}-${activityIndex}-name`, className: "text-xs", children: [
+                    t("workflows.activities.activityName"),
+                    " *"
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      id: `activity-${index}-${activityIndex}-name`,
+                      value: activity.activityName,
+                      onChange: (e) => updateActivity(index, activityIndex, "activityName", e.target.value),
+                      placeholder: t("workflows.activities.activityName"),
+                      className: "mt-1 text-xs h-8"
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 self-end sm:self-auto", children: [
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "sm",
+                    onClick: () => moveActivity(index, activityIndex, "up"),
+                    disabled: activityIndex === 0,
+                    title: t("common.moveUp"),
+                    children: /* @__PURE__ */ jsx(ChevronUp, { className: "h-3 w-3" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "sm",
+                    onClick: () => moveActivity(index, activityIndex, "down"),
+                    disabled: activityIndex === (transition.activities || []).length - 1,
+                    title: t("common.moveDown"),
+                    children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "sm",
+                    onClick: () => removeActivity(index, activityIndex),
+                    title: t("common.delete"),
+                    children: /* @__PURE__ */ jsx(Trash2, { className: "h-3 w-3 text-red-600" })
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-2", children: [
               /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsxs(Label, { htmlFor: `activity-${index}-${activityIndex}-id`, className: "text-xs", children: [
-                  t("workflows.activities.activityId"),
+                /* @__PURE__ */ jsxs(Label, { htmlFor: `activity-${index}-${activityIndex}-type`, className: "text-xs", children: [
+                  t("workflows.activities.activityType"),
                   " *"
                 ] }),
+                /* @__PURE__ */ jsxs(
+                  Select,
+                  {
+                    value: activity.activityType,
+                    onValueChange: (value2) => updateActivity(index, activityIndex, "activityType", value2),
+                    children: [
+                      /* @__PURE__ */ jsx(SelectTrigger, { id: `activity-${index}-${activityIndex}-type`, size: "sm", className: "mt-1", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                      /* @__PURE__ */ jsx(SelectContent, { children: ACTIVITY_TYPES.map((type) => /* @__PURE__ */ jsx(SelectItem, { value: type.value, children: t(`workflows.activities.types.${type.value}`) }, type.value)) })
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsxs(Label, { htmlFor: `activity-${index}-${activityIndex}-timeout`, className: "text-xs", children: [
+                  t("workflows.activities.timeout"),
+                  " (ms)"
+                ] }),
                 /* @__PURE__ */ jsx(
                   Input,
                   {
-                    id: `activity-${index}-${activityIndex}-id`,
-                    value: activity.activityId,
-                    onChange: (e) => updateActivity(index, activityIndex, "activityId", e.target.value),
-                    placeholder: "activity_name",
+                    id: `activity-${index}-${activityIndex}-timeout`,
+                    type: "number",
+                    value: activity.timeoutMs || "",
+                    onChange: (e) => updateActivity(index, activityIndex, "timeoutMs", e.target.value ? parseInt(e.target.value) : void 0),
+                    placeholder: "30000",
                     className: "mt-1 text-xs h-8"
                   }
                 )
               ] }),
+              /* @__PURE__ */ jsx("div", { className: "flex items-end pb-1", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "checkbox",
+                    id: `activity-${index}-${activityIndex}-async`,
+                    checked: activity.async || false,
+                    onChange: (e) => updateActivity(index, activityIndex, "async", e.target.checked),
+                    className: "h-3 w-3"
+                  }
+                ),
+                /* @__PURE__ */ jsx(Label, { htmlFor: `activity-${index}-${activityIndex}-async`, className: "text-xs cursor-pointer", children: t("workflows.activities.async") })
+              ] }) })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-2", children: [
               /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsxs(Label, { htmlFor: `activity-${index}-${activityIndex}-name`, className: "text-xs", children: [
-                  t("workflows.activities.activityName"),
-                  " *"
+                /* @__PURE__ */ jsx(Label, { htmlFor: `activity-${index}-${activityIndex}-retry-attempts`, className: "text-xs", children: t("workflows.form.maxRetryAttempts") }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: `activity-${index}-${activityIndex}-retry-attempts`,
+                    type: "number",
+                    value: activity.retryPolicy?.maxAttempts || 3,
+                    onChange: (e) => updateRetryPolicy(index, activityIndex, "maxAttempts", parseInt(e.target.value)),
+                    className: "mt-1 text-xs h-8"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsxs(Label, { htmlFor: `activity-${index}-${activityIndex}-retry-delay`, className: "text-xs", children: [
+                  t("workflows.form.retryDelay"),
+                  " (ms)"
                 ] }),
                 /* @__PURE__ */ jsx(
                   Input,
                   {
-                    id: `activity-${index}-${activityIndex}-name`,
-                    value: activity.activityName,
-                    onChange: (e) => updateActivity(index, activityIndex, "activityName", e.target.value),
-                    placeholder: t("workflows.activities.activityName"),
+                    id: `activity-${index}-${activityIndex}-retry-delay`,
+                    type: "number",
+                    value: activity.retryPolicy?.retryDelay || 1e3,
+                    onChange: (e) => updateRetryPolicy(index, activityIndex, "retryDelay", parseInt(e.target.value)),
                     className: "mt-1 text-xs h-8"
                   }
                 )
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 self-end sm:self-auto", children: [
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  type: "button",
-                  variant: "ghost",
-                  size: "sm",
-                  onClick: () => moveActivity(index, activityIndex, "up"),
-                  disabled: activityIndex === 0,
-                  title: t("common.moveUp"),
-                  children: /* @__PURE__ */ jsx(ChevronUp, { className: "h-3 w-3" })
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  type: "button",
-                  variant: "ghost",
-                  size: "sm",
-                  onClick: () => moveActivity(index, activityIndex, "down"),
-                  disabled: activityIndex === (transition.activities || []).length - 1,
-                  title: t("common.moveDown"),
-                  children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3" })
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  type: "button",
-                  variant: "ghost",
-                  size: "sm",
-                  onClick: () => removeActivity(index, activityIndex),
-                  title: t("common.delete"),
-                  children: /* @__PURE__ */ jsx(Trash2, { className: "h-3 w-3 text-red-600" })
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-2", children: [
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsxs(Label, { htmlFor: `activity-${index}-${activityIndex}-type`, className: "text-xs", children: [
-                t("workflows.activities.activityType"),
-                " *"
               ] }),
-              /* @__PURE__ */ jsxs(
-                Select,
-                {
-                  value: activity.activityType,
-                  onValueChange: (value2) => updateActivity(index, activityIndex, "activityType", value2),
-                  children: [
-                    /* @__PURE__ */ jsx(SelectTrigger, { id: `activity-${index}-${activityIndex}-type`, size: "sm", className: "mt-1", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
-                    /* @__PURE__ */ jsx(SelectContent, { children: ACTIVITY_TYPES.map((type) => /* @__PURE__ */ jsx(SelectItem, { value: type.value, children: t(`workflows.activities.types.${type.value}`) }, type.value)) })
-                  ]
-                }
-              )
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx(Label, { htmlFor: `activity-${index}-${activityIndex}-backoff`, className: "text-xs", children: t("workflows.form.backoffMultiplier") }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: `activity-${index}-${activityIndex}-backoff`,
+                    type: "number",
+                    step: "0.1",
+                    value: activity.retryPolicy?.backoffMultiplier || 2,
+                    onChange: (e) => updateRetryPolicy(index, activityIndex, "backoffMultiplier", parseFloat(e.target.value)),
+                    className: "mt-1 text-xs h-8"
+                  }
+                )
+              ] })
             ] }),
             /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsxs(Label, { htmlFor: `activity-${index}-${activityIndex}-timeout`, className: "text-xs", children: [
-                t("workflows.activities.timeout"),
-                " (ms)"
+              /* @__PURE__ */ jsxs(Label, { htmlFor: `activity-${index}-${activityIndex}-config`, className: "text-xs", children: [
+                t("workflows.activities.config"),
+                " (JSON)"
               ] }),
               /* @__PURE__ */ jsx(
-                Input,
+                Textarea,
                 {
-                  id: `activity-${index}-${activityIndex}-timeout`,
-                  type: "number",
-                  value: activity.timeout || "",
-                  onChange: (e) => updateActivity(index, activityIndex, "timeout", e.target.value ? parseInt(e.target.value) : void 0),
-                  placeholder: "30000",
-                  className: "mt-1 text-xs h-8"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: "flex items-end pb-1", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
-              /* @__PURE__ */ jsx(
-                "input",
-                {
-                  type: "checkbox",
-                  id: `activity-${index}-${activityIndex}-async`,
-                  checked: activity.async || false,
-                  onChange: (e) => updateActivity(index, activityIndex, "async", e.target.checked),
-                  className: "h-3 w-3"
+                  id: `activity-${index}-${activityIndex}-config`,
+                  value: configDraft?.text ?? JSON.stringify(activity.config || {}, null, 2),
+                  onChange: (e) => handleConfigTextChange(index, activityIndex, e.target.value),
+                  onBlur: () => handleConfigBlur(transition, activity),
+                  "aria-invalid": configDraft?.error ? true : void 0,
+                  "aria-describedby": configDraft?.error ? `activity-${index}-${activityIndex}-config-error` : void 0,
+                  placeholder: '{"key": "value"}',
+                  rows: 2,
+                  className: "mt-1 font-mono text-xs"
                 }
               ),
-              /* @__PURE__ */ jsx(Label, { htmlFor: `activity-${index}-${activityIndex}-async`, className: "text-xs cursor-pointer", children: t("workflows.activities.async") })
-            ] }) })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-2", children: [
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx(Label, { htmlFor: `activity-${index}-${activityIndex}-retry-attempts`, className: "text-xs", children: t("workflows.form.maxRetryAttempts") }),
-              /* @__PURE__ */ jsx(
-                Input,
-                {
-                  id: `activity-${index}-${activityIndex}-retry-attempts`,
-                  type: "number",
-                  value: activity.retryPolicy?.maxAttempts || 3,
-                  onChange: (e) => updateRetryPolicy(index, activityIndex, "maxAttempts", parseInt(e.target.value)),
-                  className: "mt-1 text-xs h-8"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsxs(Label, { htmlFor: `activity-${index}-${activityIndex}-retry-delay`, className: "text-xs", children: [
-                t("workflows.form.retryDelay"),
-                " (ms)"
-              ] }),
-              /* @__PURE__ */ jsx(
-                Input,
-                {
-                  id: `activity-${index}-${activityIndex}-retry-delay`,
-                  type: "number",
-                  value: activity.retryPolicy?.retryDelay || 1e3,
-                  onChange: (e) => updateRetryPolicy(index, activityIndex, "retryDelay", parseInt(e.target.value)),
-                  className: "mt-1 text-xs h-8"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx(Label, { htmlFor: `activity-${index}-${activityIndex}-backoff`, className: "text-xs", children: t("workflows.form.backoffMultiplier") }),
-              /* @__PURE__ */ jsx(
-                Input,
+              configDraft?.error ? /* @__PURE__ */ jsx(
+                "p",
                 {
-                  id: `activity-${index}-${activityIndex}-backoff`,
-                  type: "number",
-                  step: "0.1",
-                  value: activity.retryPolicy?.backoffMultiplier || 2,
-                  onChange: (e) => updateRetryPolicy(index, activityIndex, "backoffMultiplier", parseFloat(e.target.value)),
-                  className: "mt-1 text-xs h-8"
+                  id: `activity-${index}-${activityIndex}-config-error`,
+                  className: "mt-1 text-xs text-status-error-text",
+                  role: "alert",
+                  children: configDraft.error
                 }
-              )
+              ) : null
             ] })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsxs(Label, { htmlFor: `activity-${index}-${activityIndex}-config`, className: "text-xs", children: [
-              t("workflows.activities.config"),
-              " (JSON)"
-            ] }),
-            /* @__PURE__ */ jsx(
-              Textarea,
-              {
-                id: `activity-${index}-${activityIndex}-config`,
-                value: JSON.stringify(activity.config || {}, null, 2),
-                onChange: (e) => {
-                  try {
-                    const parsed = JSON.parse(e.target.value);
-                    updateActivity(index, activityIndex, "config", parsed);
-                  } catch {
-                  }
-                },
-                placeholder: '{"key": "value"}',
-                rows: 2,
-                className: "mt-1 font-mono text-xs"
-              }
-            )
-          ] })
-        ] }) }, activityIndex)) })
+          ] }) }, draftKey);
+        }) })
       ] })
     ] }) }, index)) })
   ] });