@open-mercato/core 0.7.1-develop.7193.1.910a5b0a1e → 0.7.1-develop.7194.1.ab4fc81f82

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

@@ -0,0 +1,85 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Textarea } from "@open-mercato/ui/primitives/textarea";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+function ConfigJsonTextarea({
+  id,
+  value,
+  onChange,
+  onValidityChange,
+  rows = 3,
+  placeholder = '{"key": "value"}',
+  className
+}) {
+  const t = useT();
+  const serialized = React.useMemo(() => JSON.stringify(value ?? {}, null, 2), [value]);
+  const [text, setText] = React.useState(serialized);
+  const [isInvalid, setIsInvalid] = React.useState(false);
+  const [errorKind, setErrorKind] = React.useState("syntax");
+  const isFocusedRef = React.useRef(false);
+  const lastSerializedRef = React.useRef(serialized);
+  const onValidityChangeRef = React.useRef(onValidityChange);
+  React.useEffect(() => {
+    onValidityChangeRef.current = onValidityChange;
+  }, [onValidityChange]);
+  React.useEffect(() => {
+    onValidityChangeRef.current?.(!isInvalid);
+  }, [isInvalid]);
+  React.useEffect(() => {
+    if (serialized === lastSerializedRef.current) return;
+    lastSerializedRef.current = serialized;
+    if (isFocusedRef.current) return;
+    setText(serialized);
+    setIsInvalid(false);
+  }, [serialized]);
+  const handleChange = (event) => {
+    const nextText = event.target.value;
+    setText(nextText);
+    let parsed;
+    try {
+      parsed = JSON.parse(nextText);
+    } catch {
+      setIsInvalid(true);
+      setErrorKind("syntax");
+      return;
+    }
+    if (parsed === null || typeof parsed !== "object" || Array.isArray(parsed)) {
+      setIsInvalid(true);
+      setErrorKind("not-object");
+      return;
+    }
+    setIsInvalid(false);
+    lastSerializedRef.current = JSON.stringify(parsed, null, 2);
+    onChange(parsed);
+  };
+  const handleFocus = () => {
+    isFocusedRef.current = true;
+  };
+  const handleBlur = () => {
+    isFocusedRef.current = false;
+    if (!isInvalid) setText(serialized);
+  };
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(
+      Textarea,
+      {
+        id,
+        value: text,
+        onChange: handleChange,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        placeholder,
+        rows,
+        className,
+        "aria-invalid": isInvalid || void 0,
+        "aria-describedby": isInvalid ? `${id}-error` : void 0
+      }
+    ),
+    isInvalid && /* @__PURE__ */ jsx("p", { id: `${id}-error`, role: "alert", className: "text-xs text-status-error-text mt-1", children: errorKind === "not-object" ? t("workflows.activities.configMustBeObject", "Config must be a JSON object") : t("workflows.fieldEditors.activities.invalidJson") })
+  ] });
+}
+export {
+  ConfigJsonTextarea
+};
+//# sourceMappingURL=ConfigJsonTextarea.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/workflows/components/ConfigJsonTextarea.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\ninterface ConfigJsonTextareaProps {\n  id: string\n  value: Record<string, unknown> | undefined\n  onChange: (config: Record<string, unknown>) => void\n  onValidityChange?: (valid: boolean) => void\n  rows?: number\n  placeholder?: string\n  className?: string\n}\n\nexport function ConfigJsonTextarea({\n  id,\n  value,\n  onChange,\n  onValidityChange,\n  rows = 3,\n  placeholder = '{\"key\": \"value\"}',\n  className,\n}: ConfigJsonTextareaProps) {\n  const t = useT()\n  const serialized = React.useMemo(() => JSON.stringify(value ?? {}, null, 2), [value])\n  const [text, setText] = React.useState(serialized)\n  const [isInvalid, setIsInvalid] = React.useState(false)\n  const [errorKind, setErrorKind] = React.useState<'syntax' | 'not-object'>('syntax')\n  const isFocusedRef = React.useRef(false)\n  const lastSerializedRef = React.useRef(serialized)\n  const onValidityChangeRef = React.useRef(onValidityChange)\n\n  React.useEffect(() => {\n    onValidityChangeRef.current = onValidityChange\n  }, [onValidityChange])\n\n  React.useEffect(() => {\n    onValidityChangeRef.current?.(!isInvalid)\n  }, [isInvalid])\n\n  React.useEffect(() => {\n    if (serialized === lastSerializedRef.current) return\n    lastSerializedRef.current = serialized\n    if (isFocusedRef.current) return\n    setText(serialized)\n    setIsInvalid(false)\n  }, [serialized])\n\n  const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n    const nextText = event.target.value\n    setText(nextText)\n    let parsed: unknown\n    try {\n      parsed = JSON.parse(nextText)\n    } catch {\n      setIsInvalid(true)\n      setErrorKind('syntax')\n      return\n    }\n    // Valid JSON is not necessarily a valid config: an array or a scalar parses\n    // cleanly but breaks every `config.<key>` lookup downstream, so it is\n    // refused here rather than written into the activity.\n    if (parsed === null || typeof parsed !== 'object' || Array.isArray(parsed)) {\n      setIsInvalid(true)\n      setErrorKind('not-object')\n      return\n    }\n    setIsInvalid(false)\n    // Adopt the value we are about to emit as the baseline, so the round trip\n    // through the parent does not overwrite the user's raw text with a\n    // re-serialized copy \u2014 that reformat-on-every-keystroke is what made a\n    // pasted config feel uneditable (#4234).\n    lastSerializedRef.current = JSON.stringify(parsed, null, 2)\n    onChange(parsed as Record<string, unknown>)\n  }\n\n  const handleFocus = () => {\n    isFocusedRef.current = true\n  }\n\n  const handleBlur = () => {\n    isFocusedRef.current = false\n    if (!isInvalid) setText(serialized)\n  }\n\n  return (\n    <div>\n      <Textarea\n        id={id}\n        value={text}\n        onChange={handleChange}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        placeholder={placeholder}\n        rows={rows}\n        className={className}\n        aria-invalid={isInvalid || undefined}\n        aria-describedby={isInvalid ? `${id}-error` : undefined}\n      />\n      {isInvalid && (\n        <p id={`${id}-error`} role=\"alert\" className=\"text-xs text-status-error-text mt-1\">\n          {errorKind === 'not-object'\n            ? t('workflows.activities.configMustBeObject', 'Config must be a JSON object')\n            : t('workflows.fieldEditors.activities.invalidJson')}\n        </p>\n      )}\n    </div>\n  )\n}\n"],
+  "mappings": ";AAwFI,SACE,KADF;AAtFJ,YAAY,WAAW;AACvB,SAAS,gBAAgB;AACzB,SAAS,YAAY;AAYd,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,cAAc;AAAA,EACd;AACF,GAA4B;AAC1B,QAAM,IAAI,KAAK;AACf,QAAM,aAAa,MAAM,QAAQ,MAAM,KAAK,UAAU,SAAS,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC;AACpF,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,UAAU;AACjD,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,KAAK;AACtD,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAkC,QAAQ;AAClF,QAAM,eAAe,MAAM,OAAO,KAAK;AACvC,QAAM,oBAAoB,MAAM,OAAO,UAAU;AACjD,QAAM,sBAAsB,MAAM,OAAO,gBAAgB;AAEzD,QAAM,UAAU,MAAM;AACpB,wBAAoB,UAAU;AAAA,EAChC,GAAG,CAAC,gBAAgB,CAAC;AAErB,QAAM,UAAU,MAAM;AACpB,wBAAoB,UAAU,CAAC,SAAS;AAAA,EAC1C,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,UAAU,MAAM;AACpB,QAAI,eAAe,kBAAkB,QAAS;AAC9C,sBAAkB,UAAU;AAC5B,QAAI,aAAa,QAAS;AAC1B,YAAQ,UAAU;AAClB,iBAAa,KAAK;AAAA,EACpB,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,eAAe,CAAC,UAAkD;AACtE,UAAM,WAAW,MAAM,OAAO;AAC9B,YAAQ,QAAQ;AAChB,QAAI;AACJ,QAAI;AACF,eAAS,KAAK,MAAM,QAAQ;AAAA,IAC9B,QAAQ;AACN,mBAAa,IAAI;AACjB,mBAAa,QAAQ;AACrB;AAAA,IACF;AAIA,QAAI,WAAW,QAAQ,OAAO,WAAW,YAAY,MAAM,QAAQ,MAAM,GAAG;AAC1E,mBAAa,IAAI;AACjB,mBAAa,YAAY;AACzB;AAAA,IACF;AACA,iBAAa,KAAK;AAKlB,sBAAkB,UAAU,KAAK,UAAU,QAAQ,MAAM,CAAC;AAC1D,aAAS,MAAiC;AAAA,EAC5C;AAEA,QAAM,cAAc,MAAM;AACxB,iBAAa,UAAU;AAAA,EACzB;AAEA,QAAM,aAAa,MAAM;AACvB,iBAAa,UAAU;AACvB,QAAI,CAAC,UAAW,SAAQ,UAAU;AAAA,EACpC;AAEA,SACE,qBAAC,SACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,OAAO;AAAA,QACP,UAAU;AAAA,QACV,SAAS;AAAA,QACT,QAAQ;AAAA,QACR;AAAA,QACA;AAAA,QACA;AAAA,QACA,gBAAc,aAAa;AAAA,QAC3B,oBAAkB,YAAY,GAAG,EAAE,WAAW;AAAA;AAAA,IAChD;AAAA,IACC,aACC,oBAAC,OAAE,IAAI,GAAG,EAAE,UAAU,MAAK,SAAQ,WAAU,uCAC1C,wBAAc,eACX,EAAE,2CAA2C,8BAA8B,IAC3E,EAAE,+CAA+C,GACvD;AAAA,KAEJ;AAEJ;",
+  "names": []
+}

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

@@ -0,0 +1,150 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Label } from "@open-mercato/ui/primitives/label";
+import { Checkbox } from "@open-mercato/ui/primitives/checkbox";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
+import { TagsInput } from "@open-mercato/ui/backend/inputs/TagsInput";
+import { Braces, ChevronDown, Plus, X } from "lucide-react";
+const CONTEXT_FIELD_TYPES = ["text", "number", "boolean", "select", "date"];
+function ContextSchemaEditor({ value, onChange, className }) {
+  const t = useT();
+  const [collapsed, setCollapsed] = useState(false);
+  const fields = value?.input?.fields ?? [];
+  const emitFields = useCallback((nextFields) => {
+    onChange(nextFields.length > 0 ? { input: { fields: nextFields } } : void 0);
+  }, [onChange]);
+  const addField = useCallback(() => {
+    emitFields([...fields, { name: "", type: "text" }]);
+  }, [emitFields, fields]);
+  const removeField = useCallback((index) => {
+    emitFields(fields.filter((_, fieldIndex) => fieldIndex !== index));
+  }, [emitFields, fields]);
+  const updateField = useCallback((index, patch) => {
+    emitFields(fields.map((field, fieldIndex) => {
+      if (fieldIndex !== index) return field;
+      const next = { ...field, ...patch };
+      if (next.type !== "select") delete next.options;
+      return next;
+    }));
+  }, [emitFields, fields]);
+  return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-3 md:p-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-1 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => setCollapsed((previous) => !previous),
+          "aria-expanded": !collapsed,
+          className: "flex items-center gap-2 text-left focus-visible:outline-none focus-visible:shadow-focus",
+          children: [
+            /* @__PURE__ */ jsx(Braces, { className: "w-5 h-5 text-muted-foreground" }),
+            /* @__PURE__ */ jsxs("h3", { className: "text-sm font-semibold uppercase text-muted-foreground", children: [
+              t("workflows.contextSchema.title"),
+              " (",
+              fields.length,
+              ")"
+            ] }),
+            /* @__PURE__ */ jsx(ChevronDown, { className: `w-4 h-4 text-muted-foreground transition-transform ${collapsed ? "-rotate-90" : ""}` })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "outline", onClick: addField, className: "w-full sm:w-auto", children: [
+        /* @__PURE__ */ jsx(Plus, { className: "w-4 h-4 mr-1" }),
+        t("workflows.contextSchema.addField")
+      ] })
+    ] }),
+    !collapsed && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mb-4", children: t("workflows.contextSchema.description") }),
+      fields.length === 0 ? /* @__PURE__ */ jsx("div", { className: "p-4 text-center text-sm text-muted-foreground bg-muted rounded-lg border", children: t("workflows.contextSchema.emptyState") }) : /* @__PURE__ */ jsx("div", { className: "space-y-2", children: fields.map((field, index) => /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-background p-2 space-y-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              value: field.name,
+              onChange: (event) => updateField(index, { name: event.target.value }),
+              placeholder: t("workflows.contextSchema.placeholders.name"),
+              "aria-label": t("workflows.contextSchema.fields.name"),
+              className: "w-full sm:w-1/4"
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Select,
+            {
+              value: field.type,
+              onValueChange: (type) => updateField(index, { type }),
+              children: [
+                /* @__PURE__ */ jsx(
+                  SelectTrigger,
+                  {
+                    size: "lg",
+                    className: "w-full sm:w-[130px]",
+                    "aria-label": t("workflows.contextSchema.fields.type"),
+                    children: /* @__PURE__ */ jsx(SelectValue, {})
+                  }
+                ),
+                /* @__PURE__ */ jsx(SelectContent, { children: CONTEXT_FIELD_TYPES.map((type) => /* @__PURE__ */ jsx(SelectItem, { value: type, children: t(`workflows.contextSchema.types.${type}`) }, type)) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              value: field.label ?? "",
+              onChange: (event) => updateField(index, { label: event.target.value }),
+              placeholder: t("workflows.contextSchema.placeholders.label"),
+              "aria-label": t("workflows.contextSchema.fields.label"),
+              className: "flex-1 min-w-[120px]"
+            }
+          ),
+          /* @__PURE__ */ jsxs("label", { className: "flex shrink-0 cursor-pointer items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                checked: field.required === true,
+                onCheckedChange: (checked) => updateField(index, { required: checked === true }),
+                "aria-label": t("workflows.contextSchema.fields.required")
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("workflows.contextSchema.fields.required") })
+          ] }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "icon",
+              variant: "ghost",
+              className: "shrink-0",
+              onClick: () => removeField(index),
+              "aria-label": t("workflows.contextSchema.removeField"),
+              children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" })
+            }
+          )
+        ] }),
+        field.type === "select" && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsx(Label, { className: "text-xs", children: t("workflows.contextSchema.fields.options") }),
+          /* @__PURE__ */ jsx(
+            TagsInput,
+            {
+              value: field.options ?? [],
+              onChange: (options) => updateField(index, { options }),
+              placeholder: t("workflows.contextSchema.placeholders.options")
+            }
+          )
+        ] })
+      ] }, index)) })
+    ] })
+  ] }) });
+}
+export {
+  ContextSchemaEditor
+};
+//# sourceMappingURL=ContextSchemaEditor.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/workflows/components/ContextSchemaEditor.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useCallback, useState } from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\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 { Checkbox } from '@open-mercato/ui/primitives/checkbox'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { TagsInput } from '@open-mercato/ui/backend/inputs/TagsInput'\nimport { Braces, ChevronDown, Plus, X } from 'lucide-react'\nimport type { WorkflowContextSchema, WorkflowContextSchemaField } from '../data/entities'\n\nconst CONTEXT_FIELD_TYPES = ['text', 'number', 'boolean', 'select', 'date'] as const\n\ninterface ContextSchemaEditorProps {\n  value: WorkflowContextSchema | undefined\n  onChange: (next: WorkflowContextSchema | undefined) => void\n  className?: string\n}\n\nexport function ContextSchemaEditor({ value, onChange, className }: ContextSchemaEditorProps) {\n  const t = useT()\n  const [collapsed, setCollapsed] = useState(false)\n\n  const fields = value?.input?.fields ?? []\n\n  const emitFields = useCallback((nextFields: WorkflowContextSchemaField[]) => {\n    onChange(nextFields.length > 0 ? { input: { fields: nextFields } } : undefined)\n  }, [onChange])\n\n  const addField = useCallback(() => {\n    emitFields([...fields, { name: '', type: 'text' }])\n  }, [emitFields, fields])\n\n  const removeField = useCallback((index: number) => {\n    emitFields(fields.filter((_, fieldIndex) => fieldIndex !== index))\n  }, [emitFields, fields])\n\n  const updateField = useCallback((index: number, patch: Partial<WorkflowContextSchemaField>) => {\n    emitFields(fields.map((field, fieldIndex) => {\n      if (fieldIndex !== index) return field\n      const next = { ...field, ...patch }\n      if (next.type !== 'select') delete next.options\n      return next\n    }))\n  }, [emitFields, fields])\n\n  return (\n    <div className={className}>\n      <div className=\"rounded-lg border bg-card p-3 md:p-4\">\n        <div className=\"mb-1 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n          <button\n            type=\"button\"\n            onClick={() => setCollapsed((previous) => !previous)}\n            aria-expanded={!collapsed}\n            className=\"flex items-center gap-2 text-left focus-visible:outline-none focus-visible:shadow-focus\"\n          >\n            <Braces className=\"w-5 h-5 text-muted-foreground\" />\n            <h3 className=\"text-sm font-semibold uppercase text-muted-foreground\">\n              {t('workflows.contextSchema.title')} ({fields.length})\n            </h3>\n            <ChevronDown className={`w-4 h-4 text-muted-foreground transition-transform ${collapsed ? '-rotate-90' : ''}`} />\n          </button>\n          <Button size=\"sm\" variant=\"outline\" onClick={addField} className=\"w-full sm:w-auto\">\n            <Plus className=\"w-4 h-4 mr-1\" />\n            {t('workflows.contextSchema.addField')}\n          </Button>\n        </div>\n\n        {!collapsed && (\n          <>\n            <p className=\"text-xs text-muted-foreground mb-4\">\n              {t('workflows.contextSchema.description')}\n            </p>\n\n            {fields.length === 0 ? (\n              <div className=\"p-4 text-center text-sm text-muted-foreground bg-muted rounded-lg border\">\n                {t('workflows.contextSchema.emptyState')}\n              </div>\n            ) : (\n              <div className=\"space-y-2\">\n                {fields.map((field, index) => (\n                  <div key={index} className=\"rounded-lg border bg-background p-2 space-y-2\">\n                    <div className=\"flex flex-wrap items-center gap-2\">\n                      <Input\n                        value={field.name}\n                        onChange={(event) => updateField(index, { name: event.target.value })}\n                        placeholder={t('workflows.contextSchema.placeholders.name')}\n                        aria-label={t('workflows.contextSchema.fields.name')}\n                        className=\"w-full sm:w-1/4\"\n                      />\n                      <Select\n                        value={field.type}\n                        onValueChange={(type) => updateField(index, { type: type as WorkflowContextSchemaField['type'] })}\n                      >\n                        <SelectTrigger\n                          size=\"lg\"\n                          className=\"w-full sm:w-[130px]\"\n                          aria-label={t('workflows.contextSchema.fields.type')}\n                        >\n                          <SelectValue />\n                        </SelectTrigger>\n                        <SelectContent>\n                          {CONTEXT_FIELD_TYPES.map((type) => (\n                            <SelectItem key={type} value={type}>\n                              {t(`workflows.contextSchema.types.${type}`)}\n                            </SelectItem>\n                          ))}\n                        </SelectContent>\n                      </Select>\n                      <Input\n                        value={field.label ?? ''}\n                        onChange={(event) => updateField(index, { label: event.target.value })}\n                        placeholder={t('workflows.contextSchema.placeholders.label')}\n                        aria-label={t('workflows.contextSchema.fields.label')}\n                        className=\"flex-1 min-w-[120px]\"\n                      />\n                      <label className=\"flex shrink-0 cursor-pointer items-center gap-2\">\n                        <Checkbox\n                          checked={field.required === true}\n                          onCheckedChange={(checked) => updateField(index, { required: checked === true })}\n                          aria-label={t('workflows.contextSchema.fields.required')}\n                        />\n                        <span className=\"text-xs text-muted-foreground\">\n                          {t('workflows.contextSchema.fields.required')}\n                        </span>\n                      </label>\n                      <Button\n                        size=\"icon\"\n                        variant=\"ghost\"\n                        className=\"shrink-0\"\n                        onClick={() => removeField(index)}\n                        aria-label={t('workflows.contextSchema.removeField')}\n                      >\n                        <X className=\"w-4 h-4\" />\n                      </Button>\n                    </div>\n                    {field.type === 'select' && (\n                      <div className=\"space-y-1\">\n                        <Label className=\"text-xs\">{t('workflows.contextSchema.fields.options')}</Label>\n                        <TagsInput\n                          value={field.options ?? []}\n                          onChange={(options) => updateField(index, { options })}\n                          placeholder={t('workflows.contextSchema.placeholders.options')}\n                        />\n                      </div>\n                    )}\n                  </div>\n                ))}\n              </div>\n            )}\n          </>\n        )}\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,102 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Label } from "@open-mercato/ui/primitives/label";
+import { Input } from "@open-mercato/ui/primitives/input";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+const NONE_MODE = "none";
+const STEP_MODE = "step";
+const WORKFLOW_MODE = "workflow";
+function readMode(value) {
+  if (value?.stepId) return STEP_MODE;
+  if (value?.workflowId) return WORKFLOW_MODE;
+  return NONE_MODE;
+}
+function DefinitionErrorHandlerField({
+  value,
+  onChange,
+  stepOptions
+}) {
+  const t = useT();
+  const mode = readMode(value);
+  const handleModeChange = (next) => {
+    if (next === STEP_MODE) {
+      onChange({ stepId: stepOptions[0]?.stepId ?? "" });
+      return;
+    }
+    if (next === WORKFLOW_MODE) {
+      onChange({ workflowId: "" });
+      return;
+    }
+    onChange(null);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-1.5", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "error-handler-mode", className: "text-xs", children: t("workflows.visualEditor.errorHandler.label", "On unhandled failure") }),
+        /* @__PURE__ */ jsxs(Select, { value: mode, onValueChange: handleModeChange, children: [
+          /* @__PURE__ */ jsx(
+            SelectTrigger,
+            {
+              id: "error-handler-mode",
+              "aria-label": t("workflows.visualEditor.errorHandler.label", "On unhandled failure"),
+              children: /* @__PURE__ */ jsx(SelectValue, {})
+            }
+          ),
+          /* @__PURE__ */ jsxs(SelectContent, { children: [
+            /* @__PURE__ */ jsx(SelectItem, { value: NONE_MODE, children: t("workflows.visualEditor.errorHandler.none", "Fail the instance (default)") }),
+            /* @__PURE__ */ jsx(SelectItem, { value: STEP_MODE, children: t("workflows.visualEditor.errorHandler.step", "Go to a handler step") }),
+            /* @__PURE__ */ jsx(SelectItem, { value: WORKFLOW_MODE, children: t("workflows.visualEditor.errorHandler.workflow", "Run a handler workflow") })
+          ] })
+        ] })
+      ] }),
+      mode === STEP_MODE ? /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-1.5", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "error-handler-step", className: "text-xs", children: t("workflows.visualEditor.errorHandler.stepLabel", "Handler step") }),
+        /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: value?.stepId ?? "",
+            onValueChange: (stepId) => onChange({ stepId }),
+            children: [
+              /* @__PURE__ */ jsx(
+                SelectTrigger,
+                {
+                  id: "error-handler-step",
+                  "aria-label": t("workflows.visualEditor.errorHandler.stepLabel", "Handler step"),
+                  children: /* @__PURE__ */ jsx(SelectValue, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(SelectContent, { children: stepOptions.map((step) => /* @__PURE__ */ jsx(SelectItem, { value: step.stepId, children: step.label }, step.stepId)) })
+            ]
+          }
+        )
+      ] }) : null,
+      mode === WORKFLOW_MODE ? /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-1.5", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "error-handler-workflow", className: "text-xs", children: t("workflows.visualEditor.errorHandler.workflowLabel", "Handler workflow id") }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "error-handler-workflow",
+            value: value?.workflowId ?? "",
+            placeholder: t("workflows.visualEditor.errorHandler.workflowPlaceholder", "order-failure-handler"),
+            onChange: (event) => onChange({ workflowId: event.target.value, version: value?.version })
+          }
+        )
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t(
+      "workflows.visualEditor.errorHandler.help",
+      "Catch-all for failures no error route and no step directive handled. A handler step keeps the run going in place; a handler workflow starts separately with the failed step, the error and a context snapshot."
+    ) })
+  ] });
+}
+export {
+  DefinitionErrorHandlerField
+};
+//# sourceMappingURL=DefinitionErrorHandlerField.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/workflows/components/DefinitionErrorHandlerField.tsx"],
+  "sourcesContent": ["'use client'\n\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { WorkflowErrorHandlerConfig } from '../data/validators'\n\nexport type DefinitionErrorHandlerFieldProps = {\n  value: WorkflowErrorHandlerConfig | null | undefined\n  onChange: (next: WorkflowErrorHandlerConfig | null) => void\n  stepOptions: Array<{ stepId: string; label: string }>\n}\n\nconst NONE_MODE = 'none'\nconst STEP_MODE = 'step'\nconst WORKFLOW_MODE = 'workflow'\n\nfunction readMode(value: WorkflowErrorHandlerConfig | null | undefined): string {\n  if (value?.stepId) return STEP_MODE\n  if (value?.workflowId) return WORKFLOW_MODE\n  return NONE_MODE\n}\n\n/**\n * Definition-level catch-all error handler (spec 5.9). Exactly one form is\n * declared at a time; clearing it back to \"none\" removes the key so the saved\n * definition is identical to one that never used the picker.\n */\nexport function DefinitionErrorHandlerField({\n  value,\n  onChange,\n  stepOptions,\n}: DefinitionErrorHandlerFieldProps) {\n  const t = useT()\n  const mode = readMode(value)\n\n  const handleModeChange = (next: string) => {\n    if (next === STEP_MODE) {\n      onChange({ stepId: stepOptions[0]?.stepId ?? '' })\n      return\n    }\n    if (next === WORKFLOW_MODE) {\n      onChange({ workflowId: '' })\n      return\n    }\n    onChange(null)\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n        <div className=\"min-w-0 space-y-1.5\">\n          <Label htmlFor=\"error-handler-mode\" className=\"text-xs\">\n            {t('workflows.visualEditor.errorHandler.label', 'On unhandled failure')}\n          </Label>\n          <Select value={mode} onValueChange={handleModeChange}>\n            <SelectTrigger\n              id=\"error-handler-mode\"\n              aria-label={t('workflows.visualEditor.errorHandler.label', 'On unhandled failure')}\n            >\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value={NONE_MODE}>\n                {t('workflows.visualEditor.errorHandler.none', 'Fail the instance (default)')}\n              </SelectItem>\n              <SelectItem value={STEP_MODE}>\n                {t('workflows.visualEditor.errorHandler.step', 'Go to a handler step')}\n              </SelectItem>\n              <SelectItem value={WORKFLOW_MODE}>\n                {t('workflows.visualEditor.errorHandler.workflow', 'Run a handler workflow')}\n              </SelectItem>\n            </SelectContent>\n          </Select>\n      </div>\n\n      {mode === STEP_MODE ? (\n        <div className=\"min-w-0 space-y-1.5\">\n          <Label htmlFor=\"error-handler-step\" className=\"text-xs\">\n            {t('workflows.visualEditor.errorHandler.stepLabel', 'Handler step')}\n          </Label>\n          <Select\n            value={value?.stepId ?? ''}\n            onValueChange={(stepId) => onChange({ stepId })}\n          >\n            <SelectTrigger\n              id=\"error-handler-step\"\n              aria-label={t('workflows.visualEditor.errorHandler.stepLabel', 'Handler step')}\n            >\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              {stepOptions.map((step) => (\n                <SelectItem key={step.stepId} value={step.stepId}>\n                  {step.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n      ) : null}\n\n      {mode === WORKFLOW_MODE ? (\n        <div className=\"min-w-0 space-y-1.5\">\n          <Label htmlFor=\"error-handler-workflow\" className=\"text-xs\">\n            {t('workflows.visualEditor.errorHandler.workflowLabel', 'Handler workflow id')}\n          </Label>\n          <Input\n            id=\"error-handler-workflow\"\n            value={value?.workflowId ?? ''}\n            placeholder={t('workflows.visualEditor.errorHandler.workflowPlaceholder', 'order-failure-handler')}\n            onChange={(event) => onChange({ workflowId: event.target.value, version: value?.version })}\n          />\n        </div>\n      ) : null}\n      </div>\n\n      <p className=\"text-xs text-muted-foreground\">\n        {t(\n          'workflows.visualEditor.errorHandler.help',\n          'Catch-all for failures no error route and no step directive handled. A handler step keeps the run going in place; a handler workflow starts separately with the failed step, the error and a context snapshot.',\n        )}\n      </p>\n    </div>\n  )\n}\n"],
+  "mappings": ";AA2DU,cAUE,YAVF;AAzDV,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAY;AASrB,MAAM,YAAY;AAClB,MAAM,YAAY;AAClB,MAAM,gBAAgB;AAEtB,SAAS,SAAS,OAA8D;AAC9E,MAAI,OAAO,OAAQ,QAAO;AAC1B,MAAI,OAAO,WAAY,QAAO;AAC9B,SAAO;AACT;AAOO,SAAS,4BAA4B;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AACF,GAAqC;AACnC,QAAM,IAAI,KAAK;AACf,QAAM,OAAO,SAAS,KAAK;AAE3B,QAAM,mBAAmB,CAAC,SAAiB;AACzC,QAAI,SAAS,WAAW;AACtB,eAAS,EAAE,QAAQ,YAAY,CAAC,GAAG,UAAU,GAAG,CAAC;AACjD;AAAA,IACF;AACA,QAAI,SAAS,eAAe;AAC1B,eAAS,EAAE,YAAY,GAAG,CAAC;AAC3B;AAAA,IACF;AACA,aAAS,IAAI;AAAA,EACf;AAEA,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,yBAAC,SAAI,WAAU,yCACb;AAAA,2BAAC,SAAI,WAAU,uBACb;AAAA,4BAAC,SAAM,SAAQ,sBAAqB,WAAU,WAC3C,YAAE,6CAA6C,sBAAsB,GACxE;AAAA,QACA,qBAAC,UAAO,OAAO,MAAM,eAAe,kBAClC;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,IAAG;AAAA,cACH,cAAY,EAAE,6CAA6C,sBAAsB;AAAA,cAEjF,8BAAC,eAAY;AAAA;AAAA,UACf;AAAA,UACA,qBAAC,iBACC;AAAA,gCAAC,cAAW,OAAO,WAChB,YAAE,4CAA4C,6BAA6B,GAC9E;AAAA,YACA,oBAAC,cAAW,OAAO,WAChB,YAAE,4CAA4C,sBAAsB,GACvE;AAAA,YACA,oBAAC,cAAW,OAAO,eAChB,YAAE,gDAAgD,wBAAwB,GAC7E;AAAA,aACF;AAAA,WACF;AAAA,SACJ;AAAA,MAEC,SAAS,YACR,qBAAC,SAAI,WAAU,uBACb;AAAA,4BAAC,SAAM,SAAQ,sBAAqB,WAAU,WAC3C,YAAE,iDAAiD,cAAc,GACpE;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,OAAO,UAAU;AAAA,YACxB,eAAe,CAAC,WAAW,SAAS,EAAE,OAAO,CAAC;AAAA,YAE9C;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,IAAG;AAAA,kBACH,cAAY,EAAE,iDAAiD,cAAc;AAAA,kBAE7E,8BAAC,eAAY;AAAA;AAAA,cACf;AAAA,cACA,oBAAC,iBACE,sBAAY,IAAI,CAAC,SAChB,oBAAC,cAA6B,OAAO,KAAK,QACvC,eAAK,SADS,KAAK,MAEtB,CACD,GACH;AAAA;AAAA;AAAA,QACF;AAAA,SACF,IACE;AAAA,MAEH,SAAS,gBACR,qBAAC,SAAI,WAAU,uBACb;AAAA,4BAAC,SAAM,SAAQ,0BAAyB,WAAU,WAC/C,YAAE,qDAAqD,qBAAqB,GAC/E;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,OAAO,OAAO,cAAc;AAAA,YAC5B,aAAa,EAAE,2DAA2D,uBAAuB;AAAA,YACjG,UAAU,CAAC,UAAU,SAAS,EAAE,YAAY,MAAM,OAAO,OAAO,SAAS,OAAO,QAAQ,CAAC;AAAA;AAAA,QAC3F;AAAA,SACF,IACE;AAAA,OACJ;AAAA,IAEA,oBAAC,OAAE,WAAU,iCACV;AAAA,MACC;AAAA,MACA;AAAA,IACF,GACF;AAAA,KACF;AAEJ;",
+  "names": []
+}