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

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

@@ -0,0 +1,235 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Globe } from "lucide-react";
+import { Badge } from "@open-mercato/ui/primitives/badge";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Popover, PopoverContent, PopoverTrigger } from "@open-mercato/ui/primitives/popover";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import {
+  composeEndpointValue,
+  findMatchingEndpoint,
+  splitEndpointValue
+} from "../../lib/endpoint-path.js";
+import { VariablePickerButton } from "./VariablePickerButton.js";
+function isRecord(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function requestBodyFieldHints(requestSchema) {
+  if (!isRecord(requestSchema)) return [];
+  const properties = requestSchema.properties;
+  if (!isRecord(properties)) return [];
+  const required = Array.isArray(requestSchema.required) ? requestSchema.required : [];
+  const hints = [];
+  for (const [name, propertySchema] of Object.entries(properties)) {
+    hints.push({
+      name,
+      type: isRecord(propertySchema) && typeof propertySchema.type === "string" ? propertySchema.type : "unknown",
+      required: required.includes(name)
+    });
+  }
+  return hints;
+}
+function groupByTag(items) {
+  const byTag = /* @__PURE__ */ new Map();
+  for (const item of items) {
+    const list = byTag.get(item.tag) ?? [];
+    list.push(item);
+    byTag.set(item.tag, list);
+  }
+  return Array.from(byTag.entries()).sort(([left], [right]) => left.localeCompare(right)).map(([tag, tagItems]) => ({ tag, items: tagItems }));
+}
+function orderParams(params) {
+  return params.filter((param) => param.in === "path" || param.in === "query").sort((left, right) => {
+    if (left.required !== right.required) return left.required ? -1 : 1;
+    return left.name.localeCompare(right.name);
+  });
+}
+function EndpointPicker({ id, endpoint, method, onApply, ledgerEntries, disabled }) {
+  const t = useT();
+  const [items, setItems] = React.useState(null);
+  const [lookupFailed, setLookupFailed] = React.useState(false);
+  const [open, setOpen] = React.useState(false);
+  const [search, setSearch] = React.useState("");
+  const loadStartedRef = React.useRef(false);
+  const loadCatalog = React.useCallback(async () => {
+    if (loadStartedRef.current) return;
+    loadStartedRef.current = true;
+    try {
+      const call = await apiCall(
+        "/api/workflows/endpoints",
+        void 0,
+        { fallback: { items: [] } }
+      );
+      if (!call.ok || !Array.isArray(call.result?.items)) {
+        setLookupFailed(true);
+        setItems([]);
+        return;
+      }
+      setLookupFailed(false);
+      setItems(call.result.items);
+    } catch {
+      setLookupFailed(true);
+      setItems([]);
+    }
+  }, []);
+  React.useEffect(() => {
+    if (endpoint.trim().length > 0) void loadCatalog();
+  }, [endpoint, loadCatalog]);
+  const effectiveMethod = method.trim().length > 0 ? method : "GET";
+  const selected = React.useMemo(() => {
+    if (!items || items.length === 0) return null;
+    return findMatchingEndpoint(endpoint, effectiveMethod, items);
+  }, [items, endpoint, effectiveMethod]);
+  const queryValues = React.useMemo(() => splitEndpointValue(endpoint).query, [endpoint]);
+  const query = search.trim().toLowerCase();
+  const visibleItems = React.useMemo(() => {
+    const all = items ?? [];
+    if (!query) return all;
+    return all.filter(
+      (item) => [item.path, item.summary, item.tag, item.method].some((field) => field.toLowerCase().includes(query))
+    );
+  }, [items, query]);
+  const groups = React.useMemo(() => groupByTag(visibleItems), [visibleItems]);
+  const handleOpenChange = (nextOpen) => {
+    setOpen(nextOpen);
+    if (nextOpen) void loadCatalog();
+    if (!nextOpen) setSearch("");
+  };
+  const handlePick = (item) => {
+    onApply({ endpoint: item.path, method: item.method });
+    handleOpenChange(false);
+  };
+  const setParamValue = (param, nextValue) => {
+    if (!selected) return;
+    const pathParams = { ...selected.match.pathParams };
+    const nextQuery = { ...queryValues };
+    if (param.in === "path") {
+      pathParams[param.name] = nextValue;
+    } else if (nextValue.length > 0) {
+      nextQuery[param.name] = nextValue;
+    } else {
+      delete nextQuery[param.name];
+    }
+    onApply({ endpoint: composeEndpointValue(selected.item.path, pathParams, nextQuery) });
+  };
+  const paramValueOf = (param) => {
+    if (!selected) return "";
+    if (param.in === "path") return selected.match.pathParams[param.name] ?? "";
+    return queryValues[param.name] ?? "";
+  };
+  const paramRows = selected ? orderParams(selected.item.params) : [];
+  const bodyHints = selected?.item.hasRequestSchema ? requestBodyFieldHints(selected.item.requestSchema) : [];
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          id,
+          type: "text",
+          value: endpoint,
+          onChange: (event) => onApply({ endpoint: event.target.value }),
+          placeholder: t("workflows.endpointPicker.placeholder"),
+          className: "flex-1 text-xs",
+          disabled
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        VariablePickerButton,
+        {
+          targetId: id,
+          value: endpoint,
+          onValueChange: (nextValue) => onApply({ endpoint: nextValue }),
+          ledgerEntries,
+          disabled
+        }
+      ),
+      /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: handleOpenChange, children: [
+        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", size: "sm", disabled, children: [
+          /* @__PURE__ */ jsx(Globe, { className: "size-3.5 mr-1" }),
+          t("workflows.endpointPicker.browse")
+        ] }) }),
+        /* @__PURE__ */ jsxs(PopoverContent, { className: "w-[28rem]", align: "end", children: [
+          /* @__PURE__ */ jsx("div", { className: "border-b border-border p-2", children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "text",
+              value: search,
+              onChange: (event) => setSearch(event.target.value),
+              placeholder: t("workflows.endpointPicker.searchPlaceholder"),
+              "aria-label": t("workflows.endpointPicker.searchPlaceholder"),
+              className: "text-xs"
+            }
+          ) }),
+          /* @__PURE__ */ jsx("div", { className: "max-h-80 overflow-y-auto p-1", children: lookupFailed ? /* @__PURE__ */ jsx("p", { className: "p-3 text-xs text-muted-foreground", children: t("workflows.endpointPicker.lookupUnavailable") }) : groups.length === 0 ? /* @__PURE__ */ jsx("p", { className: "p-3 text-xs text-muted-foreground", children: t("workflows.endpointPicker.noResults") }) : groups.map((group) => /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "px-2 pb-1 pt-2 text-xs font-semibold text-muted-foreground", children: group.tag || t("workflows.endpointPicker.untagged") }),
+            group.items.map((item) => /* @__PURE__ */ jsxs(
+              Button,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "sm",
+                onClick: () => handlePick(item),
+                className: "h-auto w-full justify-start gap-2 px-2 py-1.5",
+                children: [
+                  /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "shrink-0 text-xs", children: item.method }),
+                  /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate font-mono text-xs", children: item.path }),
+                  /* @__PURE__ */ jsx("span", { className: "ml-auto min-w-0 truncate text-xs text-muted-foreground", children: item.summary })
+                ]
+              },
+              `${item.method} ${item.path}`
+            ))
+          ] }, group.tag || "__untagged")) })
+        ] })
+      ] })
+    ] }),
+    lookupFailed && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("workflows.endpointPicker.lookupUnavailable") }),
+    selected && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: selected.item.summary }),
+    paramRows.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-xs font-medium", children: t("workflows.endpointPicker.params") }),
+      paramRows.map((param) => {
+        const paramFieldId = `${id}-param-${param.name}`;
+        return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxs("label", { htmlFor: paramFieldId, className: "w-32 shrink-0 truncate font-mono text-xs", children: [
+            param.name,
+            param.required ? " *" : ""
+          ] }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: paramFieldId,
+              type: "text",
+              inputMode: param.type === "number" || param.type === "integer" ? "decimal" : void 0,
+              value: paramValueOf(param),
+              onChange: (event) => setParamValue(param, event.target.value),
+              className: "flex-1 text-xs",
+              disabled
+            }
+          ),
+          /* @__PURE__ */ jsx(Badge, { variant: "muted", className: "shrink-0 text-xs", children: param.type }),
+          /* @__PURE__ */ jsx(
+            VariablePickerButton,
+            {
+              targetId: paramFieldId,
+              value: paramValueOf(param),
+              onValueChange: (nextValue) => setParamValue(param, nextValue),
+              ledgerEntries,
+              disabled
+            }
+          )
+        ] }, `${param.in}-${param.name}`);
+      })
+    ] }),
+    bodyHints.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("p", { className: "text-xs font-medium", children: t("workflows.endpointPicker.bodyFields") }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: bodyHints.map((hint) => `${hint.name}${hint.required ? "*" : ""} (${hint.type})`).join(", ") })
+    ] })
+  ] });
+}
+export {
+  EndpointPicker,
+  requestBodyFieldHints
+};
+//# sourceMappingURL=EndpointPicker.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/workflows/components/fields/EndpointPicker.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Globe } from 'lucide-react'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Popover, PopoverContent, PopoverTrigger } from '@open-mercato/ui/primitives/popover'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { LedgerEntry } from '../../lib/context-ledger'\nimport {\n  composeEndpointValue,\n  findMatchingEndpoint,\n  splitEndpointValue,\n} from '../../lib/endpoint-path'\nimport { VariablePickerButton } from './VariablePickerButton'\n\n/**\n * Endpoint picker for CALL_API activities (issue #4235, spec section 5.3).\n *\n * A free-text endpoint input (first-class fallback, pill-capable) plus a\n * Browse popover over the `/api/workflows/endpoints` catalog: searchable,\n * grouped by tag, each row showing method + path + summary. Picking an\n * endpoint fills the activity config's `endpoint` and `method`. When the\n * current endpoint value matches a cataloged template, its path/query\n * parameters render as typed rows that recompose the endpoint string, and the\n * declared request-body schema surfaces as a field hint. Catalog lookup\n * failure degrades to plain free text with a hint.\n */\n\nexport interface EndpointPickerParam {\n  name: string\n  in: 'path' | 'query' | 'header'\n  required: boolean\n  type: string\n}\n\nexport interface EndpointPickerItem {\n  path: string\n  method: string\n  summary: string\n  tag: string\n  params: EndpointPickerParam[]\n  hasRequestSchema: boolean\n  requestSchema?: Record<string, unknown>\n  responseSchema?: Record<string, unknown>\n}\n\ntype WorkflowEndpointListResponse = {\n  items?: EndpointPickerItem[]\n}\n\nexport interface EndpointPickerProps {\n  id: string\n  endpoint: string\n  method: string\n  onApply: (patch: Record<string, unknown>) => void\n  ledgerEntries?: LedgerEntry[]\n  disabled?: boolean\n}\n\ninterface BodyFieldHint {\n  name: string\n  type: string\n  required: boolean\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return typeof value === 'object' && value !== null && !Array.isArray(value)\n}\n\nexport function requestBodyFieldHints(requestSchema: Record<string, unknown> | undefined): BodyFieldHint[] {\n  if (!isRecord(requestSchema)) return []\n  const properties = requestSchema.properties\n  if (!isRecord(properties)) return []\n  const required = Array.isArray(requestSchema.required) ? requestSchema.required : []\n  const hints: BodyFieldHint[] = []\n  for (const [name, propertySchema] of Object.entries(properties)) {\n    hints.push({\n      name,\n      type: isRecord(propertySchema) && typeof propertySchema.type === 'string' ? propertySchema.type : 'unknown',\n      required: required.includes(name),\n    })\n  }\n  return hints\n}\n\nfunction groupByTag(items: EndpointPickerItem[]): Array<{ tag: string; items: EndpointPickerItem[] }> {\n  const byTag = new Map<string, EndpointPickerItem[]>()\n  for (const item of items) {\n    const list = byTag.get(item.tag) ?? []\n    list.push(item)\n    byTag.set(item.tag, list)\n  }\n  return Array.from(byTag.entries())\n    .sort(([left], [right]) => left.localeCompare(right))\n    .map(([tag, tagItems]) => ({ tag, items: tagItems }))\n}\n\nfunction orderParams(params: EndpointPickerParam[]): EndpointPickerParam[] {\n  return params\n    .filter((param) => param.in === 'path' || param.in === 'query')\n    .sort((left, right) => {\n      if (left.required !== right.required) return left.required ? -1 : 1\n      return left.name.localeCompare(right.name)\n    })\n}\n\nexport function EndpointPicker({ id, endpoint, method, onApply, ledgerEntries, disabled }: EndpointPickerProps) {\n  const t = useT()\n  const [items, setItems] = React.useState<EndpointPickerItem[] | null>(null)\n  const [lookupFailed, setLookupFailed] = React.useState(false)\n  const [open, setOpen] = React.useState(false)\n  const [search, setSearch] = React.useState('')\n  const loadStartedRef = React.useRef(false)\n\n  const loadCatalog = React.useCallback(async () => {\n    if (loadStartedRef.current) return\n    loadStartedRef.current = true\n    try {\n      const call = await apiCall<WorkflowEndpointListResponse>(\n        '/api/workflows/endpoints',\n        undefined,\n        { fallback: { items: [] } },\n      )\n      if (!call.ok || !Array.isArray(call.result?.items)) {\n        setLookupFailed(true)\n        setItems([])\n        return\n      }\n      setLookupFailed(false)\n      setItems(call.result.items)\n    } catch {\n      setLookupFailed(true)\n      setItems([])\n    }\n  }, [])\n\n  React.useEffect(() => {\n    if (endpoint.trim().length > 0) void loadCatalog()\n  }, [endpoint, loadCatalog])\n\n  const effectiveMethod = method.trim().length > 0 ? method : 'GET'\n  const selected = React.useMemo(() => {\n    if (!items || items.length === 0) return null\n    return findMatchingEndpoint(endpoint, effectiveMethod, items)\n  }, [items, endpoint, effectiveMethod])\n\n  const queryValues = React.useMemo(() => splitEndpointValue(endpoint).query, [endpoint])\n\n  const query = search.trim().toLowerCase()\n  const visibleItems = React.useMemo(() => {\n    const all = items ?? []\n    if (!query) return all\n    return all.filter((item) =>\n      [item.path, item.summary, item.tag, item.method].some((field) => field.toLowerCase().includes(query)),\n    )\n  }, [items, query])\n  const groups = React.useMemo(() => groupByTag(visibleItems), [visibleItems])\n\n  const handleOpenChange = (nextOpen: boolean) => {\n    setOpen(nextOpen)\n    if (nextOpen) void loadCatalog()\n    if (!nextOpen) setSearch('')\n  }\n\n  const handlePick = (item: EndpointPickerItem) => {\n    onApply({ endpoint: item.path, method: item.method })\n    handleOpenChange(false)\n  }\n\n  const setParamValue = (param: EndpointPickerParam, nextValue: string) => {\n    if (!selected) return\n    const pathParams = { ...selected.match.pathParams }\n    const nextQuery = { ...queryValues }\n    if (param.in === 'path') {\n      pathParams[param.name] = nextValue\n    } else if (nextValue.length > 0) {\n      nextQuery[param.name] = nextValue\n    } else {\n      delete nextQuery[param.name]\n    }\n    onApply({ endpoint: composeEndpointValue(selected.item.path, pathParams, nextQuery) })\n  }\n\n  const paramValueOf = (param: EndpointPickerParam): string => {\n    if (!selected) return ''\n    if (param.in === 'path') return selected.match.pathParams[param.name] ?? ''\n    return queryValues[param.name] ?? ''\n  }\n\n  const paramRows = selected ? orderParams(selected.item.params) : []\n  const bodyHints = selected?.item.hasRequestSchema\n    ? requestBodyFieldHints(selected.item.requestSchema)\n    : []\n\n  return (\n    <div className=\"space-y-2\">\n      <div className=\"flex items-center gap-1\">\n        <Input\n          id={id}\n          type=\"text\"\n          value={endpoint}\n          onChange={(event) => onApply({ endpoint: event.target.value })}\n          placeholder={t('workflows.endpointPicker.placeholder')}\n          className=\"flex-1 text-xs\"\n          disabled={disabled}\n        />\n        <VariablePickerButton\n          targetId={id}\n          value={endpoint}\n          onValueChange={(nextValue) => onApply({ endpoint: nextValue })}\n          ledgerEntries={ledgerEntries}\n          disabled={disabled}\n        />\n        <Popover open={open} onOpenChange={handleOpenChange}>\n          <PopoverTrigger asChild>\n            <Button type=\"button\" variant=\"outline\" size=\"sm\" disabled={disabled}>\n              <Globe className=\"size-3.5 mr-1\" />\n              {t('workflows.endpointPicker.browse')}\n            </Button>\n          </PopoverTrigger>\n          <PopoverContent className=\"w-[28rem]\" align=\"end\">\n            <div className=\"border-b border-border p-2\">\n              <Input\n                type=\"text\"\n                value={search}\n                onChange={(event) => setSearch(event.target.value)}\n                placeholder={t('workflows.endpointPicker.searchPlaceholder')}\n                aria-label={t('workflows.endpointPicker.searchPlaceholder')}\n                className=\"text-xs\"\n              />\n            </div>\n            <div className=\"max-h-80 overflow-y-auto p-1\">\n              {lookupFailed ? (\n                <p className=\"p-3 text-xs text-muted-foreground\">\n                  {t('workflows.endpointPicker.lookupUnavailable')}\n                </p>\n              ) : groups.length === 0 ? (\n                <p className=\"p-3 text-xs text-muted-foreground\">\n                  {t('workflows.endpointPicker.noResults')}\n                </p>\n              ) : (\n                groups.map((group) => (\n                  <div key={group.tag || '__untagged'}>\n                    <p className=\"px-2 pb-1 pt-2 text-xs font-semibold text-muted-foreground\">\n                      {group.tag || t('workflows.endpointPicker.untagged')}\n                    </p>\n                    {group.items.map((item) => (\n                      <Button\n                        key={`${item.method} ${item.path}`}\n                        type=\"button\"\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        onClick={() => handlePick(item)}\n                        className=\"h-auto w-full justify-start gap-2 px-2 py-1.5\"\n                      >\n                        <Badge variant=\"secondary\" className=\"shrink-0 text-xs\">\n                          {item.method}\n                        </Badge>\n                        <span className=\"min-w-0 truncate font-mono text-xs\">{item.path}</span>\n                        <span className=\"ml-auto min-w-0 truncate text-xs text-muted-foreground\">\n                          {item.summary}\n                        </span>\n                      </Button>\n                    ))}\n                  </div>\n                ))\n              )}\n            </div>\n          </PopoverContent>\n        </Popover>\n      </div>\n      {lookupFailed && (\n        <p className=\"text-xs text-muted-foreground\">\n          {t('workflows.endpointPicker.lookupUnavailable')}\n        </p>\n      )}\n      {selected && (\n        <p className=\"text-xs text-muted-foreground\">{selected.item.summary}</p>\n      )}\n      {paramRows.length > 0 && (\n        <div className=\"space-y-1\">\n          <p className=\"text-xs font-medium\">{t('workflows.endpointPicker.params')}</p>\n          {paramRows.map((param) => {\n            const paramFieldId = `${id}-param-${param.name}`\n            return (\n              <div key={`${param.in}-${param.name}`} className=\"flex items-center gap-2\">\n                <label htmlFor={paramFieldId} className=\"w-32 shrink-0 truncate font-mono text-xs\">\n                  {param.name}\n                  {param.required ? ' *' : ''}\n                </label>\n                <Input\n                  id={paramFieldId}\n                  type=\"text\"\n                  inputMode={param.type === 'number' || param.type === 'integer' ? 'decimal' : undefined}\n                  value={paramValueOf(param)}\n                  onChange={(event) => setParamValue(param, event.target.value)}\n                  className=\"flex-1 text-xs\"\n                  disabled={disabled}\n                />\n                <Badge variant=\"muted\" className=\"shrink-0 text-xs\">\n                  {param.type}\n                </Badge>\n                <VariablePickerButton\n                  targetId={paramFieldId}\n                  value={paramValueOf(param)}\n                  onValueChange={(nextValue) => setParamValue(param, nextValue)}\n                  ledgerEntries={ledgerEntries}\n                  disabled={disabled}\n                />\n              </div>\n            )\n          })}\n        </div>\n      )}\n      {bodyHints.length > 0 && (\n        <div>\n          <p className=\"text-xs font-medium\">{t('workflows.endpointPicker.bodyFields')}</p>\n          <p className=\"text-xs text-muted-foreground\">\n            {bodyHints\n              .map((hint) => `${hint.name}${hint.required ? '*' : ''} (${hint.type})`)\n              .join(', ')}\n          </p>\n        </div>\n      )}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -262,11 +262,11 @@ function FormFieldArrayEditor({
             ),
             /* @__PURE__ */ jsx(Label, { htmlFor: `${id}-${index}-required`, className: "text-xs font-medium cursor-pointer", children: t("workflows.fieldEditors.formFields.requiredField") })
           ] }) }),
-          /* @__PURE__ */ jsx("div", { className: "border-t border-gray-200 pt-3", children: /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsx("div", { className: "border-t border-border pt-3", children: /* @__PURE__ */ jsxs(
             Button,
             {
               type: "button",
-              variant: "destructive",
+              variant: "destructive-outline",
               size: "sm",
               onClick: () => removeFormField(index),
               disabled,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/workflows/components/fields/FormFieldArrayEditor.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { useState } from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { Alert, AlertDescription } from '@open-mercato/ui/primitives/alert'\nimport { ChevronDown, Plus, Trash2 } from 'lucide-react'\nimport type { CrudCustomFieldRenderProps } from '@open-mercato/ui/backend/CrudForm'\n\n/**\n * Form field definition structure\n */\nexport interface FormField {\n  name: string\n  type: string\n  label: string\n  required: boolean\n  placeholder?: string\n  options?: string[]\n  defaultValue?: string\n}\n\ninterface FormFieldArrayEditorProps extends CrudCustomFieldRenderProps {\n  value: FormField[]\n  isJsonSchemaFormat?: boolean\n}\n\n/**\n * FormFieldArrayEditor - Custom field component for managing UserTask form fields\n *\n * Provides an interface to add, edit, and remove form field definitions for user tasks.\n * Supports 12 field types with conditional options for select/radio types.\n *\n * Displays a warning banner if the form was converted from JSON Schema format.\n *\n * Used by NodeEditDialog (UserTask type only)\n */\nexport function FormFieldArrayEditor({\n  id,\n  value = [],\n  error,\n  setValue,\n  disabled,\n  isJsonSchemaFormat = false,\n}: FormFieldArrayEditorProps) {\n  const t = useT()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const [expandedIndices, setExpandedIndices] = useState<Set<number>>(new Set())\n\n  const formFields = Array.isArray(value) ? value : []\n\n  const toggleExpanded = (index: number) => {\n    const newExpanded = new Set(expandedIndices)\n    if (newExpanded.has(index)) {\n      newExpanded.delete(index)\n    } else {\n      newExpanded.add(index)\n    }\n    setExpandedIndices(newExpanded)\n  }\n\n  const addFormField = () => {\n    const newField: FormField = {\n      name: `field_${Date.now()}`,\n      type: 'text',\n      label: t('workflows.form.newField'),\n      required: false,\n      placeholder: '',\n    }\n    const newFields = [...formFields, newField]\n    setValue(newFields)\n\n    // Auto-expand the newly added field\n    const newExpanded = new Set(expandedIndices)\n    newExpanded.add(formFields.length)\n    setExpandedIndices(newExpanded)\n  }\n\n  const removeFormField = async (index: number) => {\n    const confirmed = await confirm({\n      title: t('workflows.fieldEditors.formFields.removeField'),\n      text: t('workflows.fieldEditors.formFields.confirmRemove'),\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n\n    const newFields = formFields.filter((_, i) => i !== index)\n    setValue(newFields)\n\n    // Remove from expanded set\n    const newExpanded = new Set(expandedIndices)\n    newExpanded.delete(index)\n    setExpandedIndices(newExpanded)\n  }\n\n  const updateFormField = (index: number, fieldKey: keyof FormField, fieldValue: any) => {\n    const updated = [...formFields]\n    updated[index] = { ...updated[index], [fieldKey]: fieldValue }\n    setValue(updated)\n  }\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div>\n          <Label className=\"text-sm font-semibold\">{t('workflows.fieldEditors.formFields.title')} ({formFields.length})</Label>\n          <p className=\"text-xs text-muted-foreground mt-0.5\">\n            {t('workflows.fieldEditors.formFields.description')}\n          </p>\n          {error && <p className=\"text-xs text-status-error-text mt-1\">{error}</p>}\n        </div>\n        <Button\n          type=\"button\"\n          size=\"sm\"\n          onClick={addFormField}\n          disabled={disabled}\n          className=\"w-full sm:w-auto\"\n        >\n          <Plus className=\"size-3 mr-1\" />\n          {t('workflows.fieldEditors.formFields.addField')}\n        </Button>\n      </div>\n\n      {/* JSON Schema Format Notice */}\n      {isJsonSchemaFormat && (\n        <Alert status=\"information\">\n          <AlertDescription className=\"text-xs\">\n            {t('workflows.fieldEditors.formFields.jsonSchemaNotice')}\n          </AlertDescription>\n        </Alert>\n      )}\n\n      {formFields.length === 0 ? (\n        <div className=\"p-4 text-center text-sm text-muted-foreground bg-muted rounded-lg border\">\n          {t('workflows.fieldEditors.formFields.emptyState')}\n        </div>\n      ) : (\n        <div className=\"space-y-2\">\n          {formFields.map((field, index) => {\n            const isExpanded = expandedIndices.has(index)\n            return (\n              <div key={index} className=\"border border-gray-200 rounded-lg bg-gray-50\">\n                {/* Collapsed Header */}\n                <button\n                  type=\"button\"\n                  onClick={() => toggleExpanded(index)}\n                  disabled={disabled}\n                  className=\"w-full px-4 py-3 text-left flex items-center justify-between hover:bg-gray-100 transition-colors rounded-t-lg disabled:opacity-50\"\n                >\n                  <div className=\"flex-1\">\n                    <div className=\"flex flex-wrap items-center gap-2\">\n                      <span className=\"text-sm font-semibold text-gray-900\">\n                        {field.label || field.name}\n                      </span>\n                      <Badge variant=\"secondary\" className=\"text-xs\">\n                        {field.type}\n                      </Badge>\n                      {field.required && (\n                        <Badge variant=\"destructive\" className=\"text-xs text-white\">\n                          {t('workflows.form.required')}\n                        </Badge>\n                      )}\n                    </div>\n                    <p className=\"text-xs text-gray-600 mt-1\">\n                      Field name: <code className=\"bg-white px-1 rounded\">{field.name}</code>\n                    </p>\n                  </div>\n                  <ChevronDown\n                    className={`w-5 h-5 text-gray-400 transition-transform ${isExpanded ? 'rotate-180' : ''}`}\n                  />\n                </button>\n\n                {/* Expanded Content */}\n                {isExpanded && (\n                  <div className=\"px-4 pb-4 space-y-3 border-t border-gray-200 bg-white\">\n                    {/* Field Name */}\n                    <div className=\"pt-3\">\n                      <Label htmlFor={`${id}-${index}-name`} className=\"text-xs font-medium mb-1\">\n                        {t('workflows.fieldEditors.formFields.fieldName')} *\n                      </Label>\n                      <Input\n                        id={`${id}-${index}-name`}\n                        type=\"text\"\n                        value={field.name}\n                        onChange={(e) => updateFormField(index, 'name', e.target.value)}\n                        placeholder={t('workflows.fieldEditors.formFields.fieldNamePlaceholder')}\n                        className=\"text-xs\"\n                        disabled={disabled}\n                      />\n                      <p className=\"text-xs text-muted-foreground mt-0.5\">{t('workflows.fieldEditors.formFields.fieldNameHint')}</p>\n                    </div>\n\n                    {/* Field Label */}\n                    <div>\n                      <Label htmlFor={`${id}-${index}-label`} className=\"text-xs font-medium mb-1\">\n                        {t('workflows.fieldEditors.formFields.fieldLabel')} *\n                      </Label>\n                      <Input\n                        id={`${id}-${index}-label`}\n                        type=\"text\"\n                        value={field.label}\n                        onChange={(e) => updateFormField(index, 'label', e.target.value)}\n                        placeholder={t('workflows.fieldEditors.formFields.fieldLabelPlaceholder')}\n                        className=\"text-xs\"\n                        disabled={disabled}\n                      />\n                      <p className=\"text-xs text-muted-foreground mt-0.5\">{t('workflows.fieldEditors.formFields.fieldLabelHint')}</p>\n                    </div>\n\n                    {/* Field Type */}\n                    <div>\n                      <Label htmlFor={`${id}-${index}-type`} className=\"text-xs font-medium mb-1\">\n                        {t('workflows.fieldEditors.formFields.fieldType')} *\n                      </Label>\n                      <Select\n                        value={field.type}\n                        onValueChange={(value) => updateFormField(index, 'type', value)}\n                        disabled={disabled}\n                      >\n                        <SelectTrigger id={`${id}-${index}-type`}>\n                          <SelectValue />\n                        </SelectTrigger>\n                        <SelectContent>\n                          <SelectItem value=\"text\">{t('workflows.form.fieldTypes.text')}</SelectItem>\n                          <SelectItem value=\"number\">{t('workflows.form.fieldTypes.number')}</SelectItem>\n                          <SelectItem value=\"email\">{t('workflows.form.fieldTypes.email')}</SelectItem>\n                          <SelectItem value=\"tel\">{t('workflows.form.fieldTypes.tel')}</SelectItem>\n                          <SelectItem value=\"url\">{t('workflows.form.fieldTypes.url')}</SelectItem>\n                          <SelectItem value=\"textarea\">{t('workflows.form.fieldTypes.textarea')}</SelectItem>\n                          <SelectItem value=\"select\">{t('workflows.form.fieldTypes.select')}</SelectItem>\n                          <SelectItem value=\"radio\">{t('workflows.form.fieldTypes.radio')}</SelectItem>\n                          <SelectItem value=\"checkbox\">{t('workflows.form.fieldTypes.checkbox')}</SelectItem>\n                          <SelectItem value=\"date\">{t('workflows.form.fieldTypes.date')}</SelectItem>\n                          <SelectItem value=\"time\">{t('workflows.form.fieldTypes.time')}</SelectItem>\n                          <SelectItem value=\"datetime-local\">{t('workflows.form.fieldTypes.datetime-local')}</SelectItem>\n                        </SelectContent>\n                      </Select>\n                    </div>\n\n                    {/* Placeholder */}\n                    <div>\n                      <Label htmlFor={`${id}-${index}-placeholder`} className=\"text-xs font-medium mb-1\">\n                        {t('workflows.fieldEditors.formFields.placeholder')}\n                      </Label>\n                      <Input\n                        id={`${id}-${index}-placeholder`}\n                        type=\"text\"\n                        value={field.placeholder || ''}\n                        onChange={(e) => updateFormField(index, 'placeholder', e.target.value)}\n                        placeholder={t('workflows.fieldEditors.formFields.placeholderPlaceholder')}\n                        className=\"text-xs\"\n                        disabled={disabled}\n                      />\n                    </div>\n\n                    {/* Default Value */}\n                    <div>\n                      <Label htmlFor={`${id}-${index}-defaultValue`} className=\"text-xs font-medium mb-1\">\n                        {t('workflows.fieldEditors.formFields.defaultValue')}\n                      </Label>\n                      <Input\n                        id={`${id}-${index}-defaultValue`}\n                        type=\"text\"\n                        value={field.defaultValue || ''}\n                        onChange={(e) => updateFormField(index, 'defaultValue', e.target.value)}\n                        placeholder={t('workflows.fieldEditors.formFields.defaultValuePlaceholder')}\n                        className=\"text-xs\"\n                        disabled={disabled}\n                      />\n                    </div>\n\n                    {/* Options (for select/radio) */}\n                    {(field.type === 'select' || field.type === 'radio') && (\n                      <div>\n                        <Label htmlFor={`${id}-${index}-options`} className=\"text-xs font-medium mb-1\">\n                          {t('workflows.fieldEditors.formFields.options')}\n                        </Label>\n                        <Input\n                          id={`${id}-${index}-options`}\n                          type=\"text\"\n                          value={field.options?.join(', ') || ''}\n                          onChange={(e) =>\n                            updateFormField(\n                              index,\n                              'options',\n                              e.target.value\n                                .split(',')\n                                .map((o) => o.trim())\n                                .filter(Boolean)\n                            )\n                          }\n                          placeholder={t('workflows.fieldEditors.formFields.optionsPlaceholder')}\n                          className=\"text-xs\"\n                          disabled={disabled}\n                        />\n                        <p className=\"text-xs text-muted-foreground mt-0.5\">{t('workflows.fieldEditors.formFields.optionsHint')}</p>\n                      </div>\n                    )}\n\n                    {/* Required Checkbox */}\n                    <div>\n                      <div className=\"flex items-center gap-2\">\n                        <input\n                          type=\"checkbox\"\n                          id={`${id}-${index}-required`}\n                          checked={field.required}\n                          onChange={(e) => updateFormField(index, 'required', e.target.checked)}\n                          className=\"h-4 w-4 rounded border-gray-300 text-blue-600 focus-visible:ring-ring\"\n                          disabled={disabled}\n                        />\n                        <Label htmlFor={`${id}-${index}-required`} className=\"text-xs font-medium cursor-pointer\">\n                          {t('workflows.fieldEditors.formFields.requiredField')}\n                        </Label>\n                      </div>\n                    </div>\n\n                    {/* Delete Button */}\n                    <div className=\"border-t border-gray-200 pt-3\">\n                      <Button\n                        type=\"button\"\n                        variant=\"destructive\"\n                        size=\"sm\"\n                        onClick={() => removeFormField(index)}\n                        disabled={disabled}\n                      >\n                        <Trash2 className=\"size-4 mr-1\" />\n                        {t('workflows.fieldEditors.formFields.removeField')}\n                      </Button>\n                    </div>\n                  </div>\n                )}\n              </div>\n            )\n          })}\n        </div>\n      )}\n      {ConfirmDialogElement}\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport { useState } from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { Alert, AlertDescription } from '@open-mercato/ui/primitives/alert'\nimport { ChevronDown, Plus, Trash2 } from 'lucide-react'\nimport type { CrudCustomFieldRenderProps } from '@open-mercato/ui/backend/CrudForm'\n\n/**\n * Form field definition structure\n */\nexport interface FormField {\n  name: string\n  type: string\n  label: string\n  required: boolean\n  placeholder?: string\n  options?: string[]\n  defaultValue?: string\n}\n\ninterface FormFieldArrayEditorProps extends CrudCustomFieldRenderProps {\n  value: FormField[]\n  isJsonSchemaFormat?: boolean\n}\n\n/**\n * FormFieldArrayEditor - Custom field component for managing UserTask form fields\n *\n * Provides an interface to add, edit, and remove form field definitions for user tasks.\n * Supports 12 field types with conditional options for select/radio types.\n *\n * Displays a warning banner if the form was converted from JSON Schema format.\n *\n * Used by NodeEditDialog (UserTask type only)\n */\nexport function FormFieldArrayEditor({\n  id,\n  value = [],\n  error,\n  setValue,\n  disabled,\n  isJsonSchemaFormat = false,\n}: FormFieldArrayEditorProps) {\n  const t = useT()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const [expandedIndices, setExpandedIndices] = useState<Set<number>>(new Set())\n\n  const formFields = Array.isArray(value) ? value : []\n\n  const toggleExpanded = (index: number) => {\n    const newExpanded = new Set(expandedIndices)\n    if (newExpanded.has(index)) {\n      newExpanded.delete(index)\n    } else {\n      newExpanded.add(index)\n    }\n    setExpandedIndices(newExpanded)\n  }\n\n  const addFormField = () => {\n    const newField: FormField = {\n      name: `field_${Date.now()}`,\n      type: 'text',\n      label: t('workflows.form.newField'),\n      required: false,\n      placeholder: '',\n    }\n    const newFields = [...formFields, newField]\n    setValue(newFields)\n\n    // Auto-expand the newly added field\n    const newExpanded = new Set(expandedIndices)\n    newExpanded.add(formFields.length)\n    setExpandedIndices(newExpanded)\n  }\n\n  const removeFormField = async (index: number) => {\n    const confirmed = await confirm({\n      title: t('workflows.fieldEditors.formFields.removeField'),\n      text: t('workflows.fieldEditors.formFields.confirmRemove'),\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n\n    const newFields = formFields.filter((_, i) => i !== index)\n    setValue(newFields)\n\n    // Remove from expanded set\n    const newExpanded = new Set(expandedIndices)\n    newExpanded.delete(index)\n    setExpandedIndices(newExpanded)\n  }\n\n  const updateFormField = (index: number, fieldKey: keyof FormField, fieldValue: any) => {\n    const updated = [...formFields]\n    updated[index] = { ...updated[index], [fieldKey]: fieldValue }\n    setValue(updated)\n  }\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div>\n          <Label className=\"text-sm font-semibold\">{t('workflows.fieldEditors.formFields.title')} ({formFields.length})</Label>\n          <p className=\"text-xs text-muted-foreground mt-0.5\">\n            {t('workflows.fieldEditors.formFields.description')}\n          </p>\n          {error && <p className=\"text-xs text-status-error-text mt-1\">{error}</p>}\n        </div>\n        <Button\n          type=\"button\"\n          size=\"sm\"\n          onClick={addFormField}\n          disabled={disabled}\n          className=\"w-full sm:w-auto\"\n        >\n          <Plus className=\"size-3 mr-1\" />\n          {t('workflows.fieldEditors.formFields.addField')}\n        </Button>\n      </div>\n\n      {/* JSON Schema Format Notice */}\n      {isJsonSchemaFormat && (\n        <Alert status=\"information\">\n          <AlertDescription className=\"text-xs\">\n            {t('workflows.fieldEditors.formFields.jsonSchemaNotice')}\n          </AlertDescription>\n        </Alert>\n      )}\n\n      {formFields.length === 0 ? (\n        <div className=\"p-4 text-center text-sm text-muted-foreground bg-muted rounded-lg border\">\n          {t('workflows.fieldEditors.formFields.emptyState')}\n        </div>\n      ) : (\n        <div className=\"space-y-2\">\n          {formFields.map((field, index) => {\n            const isExpanded = expandedIndices.has(index)\n            return (\n              <div key={index} className=\"border border-gray-200 rounded-lg bg-gray-50\">\n                {/* Collapsed Header */}\n                <button\n                  type=\"button\"\n                  onClick={() => toggleExpanded(index)}\n                  disabled={disabled}\n                  className=\"w-full px-4 py-3 text-left flex items-center justify-between hover:bg-gray-100 transition-colors rounded-t-lg disabled:opacity-50\"\n                >\n                  <div className=\"flex-1\">\n                    <div className=\"flex flex-wrap items-center gap-2\">\n                      <span className=\"text-sm font-semibold text-gray-900\">\n                        {field.label || field.name}\n                      </span>\n                      <Badge variant=\"secondary\" className=\"text-xs\">\n                        {field.type}\n                      </Badge>\n                      {field.required && (\n                        <Badge variant=\"destructive\" className=\"text-xs text-white\">\n                          {t('workflows.form.required')}\n                        </Badge>\n                      )}\n                    </div>\n                    <p className=\"text-xs text-gray-600 mt-1\">\n                      Field name: <code className=\"bg-white px-1 rounded\">{field.name}</code>\n                    </p>\n                  </div>\n                  <ChevronDown\n                    className={`w-5 h-5 text-gray-400 transition-transform ${isExpanded ? 'rotate-180' : ''}`}\n                  />\n                </button>\n\n                {/* Expanded Content */}\n                {isExpanded && (\n                  <div className=\"px-4 pb-4 space-y-3 border-t border-gray-200 bg-white\">\n                    {/* Field Name */}\n                    <div className=\"pt-3\">\n                      <Label htmlFor={`${id}-${index}-name`} className=\"text-xs font-medium mb-1\">\n                        {t('workflows.fieldEditors.formFields.fieldName')} *\n                      </Label>\n                      <Input\n                        id={`${id}-${index}-name`}\n                        type=\"text\"\n                        value={field.name}\n                        onChange={(e) => updateFormField(index, 'name', e.target.value)}\n                        placeholder={t('workflows.fieldEditors.formFields.fieldNamePlaceholder')}\n                        className=\"text-xs\"\n                        disabled={disabled}\n                      />\n                      <p className=\"text-xs text-muted-foreground mt-0.5\">{t('workflows.fieldEditors.formFields.fieldNameHint')}</p>\n                    </div>\n\n                    {/* Field Label */}\n                    <div>\n                      <Label htmlFor={`${id}-${index}-label`} className=\"text-xs font-medium mb-1\">\n                        {t('workflows.fieldEditors.formFields.fieldLabel')} *\n                      </Label>\n                      <Input\n                        id={`${id}-${index}-label`}\n                        type=\"text\"\n                        value={field.label}\n                        onChange={(e) => updateFormField(index, 'label', e.target.value)}\n                        placeholder={t('workflows.fieldEditors.formFields.fieldLabelPlaceholder')}\n                        className=\"text-xs\"\n                        disabled={disabled}\n                      />\n                      <p className=\"text-xs text-muted-foreground mt-0.5\">{t('workflows.fieldEditors.formFields.fieldLabelHint')}</p>\n                    </div>\n\n                    {/* Field Type */}\n                    <div>\n                      <Label htmlFor={`${id}-${index}-type`} className=\"text-xs font-medium mb-1\">\n                        {t('workflows.fieldEditors.formFields.fieldType')} *\n                      </Label>\n                      <Select\n                        value={field.type}\n                        onValueChange={(value) => updateFormField(index, 'type', value)}\n                        disabled={disabled}\n                      >\n                        <SelectTrigger id={`${id}-${index}-type`}>\n                          <SelectValue />\n                        </SelectTrigger>\n                        <SelectContent>\n                          <SelectItem value=\"text\">{t('workflows.form.fieldTypes.text')}</SelectItem>\n                          <SelectItem value=\"number\">{t('workflows.form.fieldTypes.number')}</SelectItem>\n                          <SelectItem value=\"email\">{t('workflows.form.fieldTypes.email')}</SelectItem>\n                          <SelectItem value=\"tel\">{t('workflows.form.fieldTypes.tel')}</SelectItem>\n                          <SelectItem value=\"url\">{t('workflows.form.fieldTypes.url')}</SelectItem>\n                          <SelectItem value=\"textarea\">{t('workflows.form.fieldTypes.textarea')}</SelectItem>\n                          <SelectItem value=\"select\">{t('workflows.form.fieldTypes.select')}</SelectItem>\n                          <SelectItem value=\"radio\">{t('workflows.form.fieldTypes.radio')}</SelectItem>\n                          <SelectItem value=\"checkbox\">{t('workflows.form.fieldTypes.checkbox')}</SelectItem>\n                          <SelectItem value=\"date\">{t('workflows.form.fieldTypes.date')}</SelectItem>\n                          <SelectItem value=\"time\">{t('workflows.form.fieldTypes.time')}</SelectItem>\n                          <SelectItem value=\"datetime-local\">{t('workflows.form.fieldTypes.datetime-local')}</SelectItem>\n                        </SelectContent>\n                      </Select>\n                    </div>\n\n                    {/* Placeholder */}\n                    <div>\n                      <Label htmlFor={`${id}-${index}-placeholder`} className=\"text-xs font-medium mb-1\">\n                        {t('workflows.fieldEditors.formFields.placeholder')}\n                      </Label>\n                      <Input\n                        id={`${id}-${index}-placeholder`}\n                        type=\"text\"\n                        value={field.placeholder || ''}\n                        onChange={(e) => updateFormField(index, 'placeholder', e.target.value)}\n                        placeholder={t('workflows.fieldEditors.formFields.placeholderPlaceholder')}\n                        className=\"text-xs\"\n                        disabled={disabled}\n                      />\n                    </div>\n\n                    {/* Default Value */}\n                    <div>\n                      <Label htmlFor={`${id}-${index}-defaultValue`} className=\"text-xs font-medium mb-1\">\n                        {t('workflows.fieldEditors.formFields.defaultValue')}\n                      </Label>\n                      <Input\n                        id={`${id}-${index}-defaultValue`}\n                        type=\"text\"\n                        value={field.defaultValue || ''}\n                        onChange={(e) => updateFormField(index, 'defaultValue', e.target.value)}\n                        placeholder={t('workflows.fieldEditors.formFields.defaultValuePlaceholder')}\n                        className=\"text-xs\"\n                        disabled={disabled}\n                      />\n                    </div>\n\n                    {/* Options (for select/radio) */}\n                    {(field.type === 'select' || field.type === 'radio') && (\n                      <div>\n                        <Label htmlFor={`${id}-${index}-options`} className=\"text-xs font-medium mb-1\">\n                          {t('workflows.fieldEditors.formFields.options')}\n                        </Label>\n                        <Input\n                          id={`${id}-${index}-options`}\n                          type=\"text\"\n                          value={field.options?.join(', ') || ''}\n                          onChange={(e) =>\n                            updateFormField(\n                              index,\n                              'options',\n                              e.target.value\n                                .split(',')\n                                .map((o) => o.trim())\n                                .filter(Boolean)\n                            )\n                          }\n                          placeholder={t('workflows.fieldEditors.formFields.optionsPlaceholder')}\n                          className=\"text-xs\"\n                          disabled={disabled}\n                        />\n                        <p className=\"text-xs text-muted-foreground mt-0.5\">{t('workflows.fieldEditors.formFields.optionsHint')}</p>\n                      </div>\n                    )}\n\n                    {/* Required Checkbox */}\n                    <div>\n                      <div className=\"flex items-center gap-2\">\n                        <input\n                          type=\"checkbox\"\n                          id={`${id}-${index}-required`}\n                          checked={field.required}\n                          onChange={(e) => updateFormField(index, 'required', e.target.checked)}\n                          className=\"h-4 w-4 rounded border-gray-300 text-blue-600 focus-visible:ring-ring\"\n                          disabled={disabled}\n                        />\n                        <Label htmlFor={`${id}-${index}-required`} className=\"text-xs font-medium cursor-pointer\">\n                          {t('workflows.fieldEditors.formFields.requiredField')}\n                        </Label>\n                      </div>\n                    </div>\n\n                    {/* Delete Button */}\n                    <div className=\"border-t border-border pt-3\">\n                      <Button\n                        type=\"button\"\n                        variant=\"destructive-outline\"\n                        size=\"sm\"\n                        onClick={() => removeFormField(index)}\n                        disabled={disabled}\n                      >\n                        <Trash2 className=\"size-4 mr-1\" />\n                        {t('workflows.fieldEditors.formFields.removeField')}\n                      </Button>\n                    </div>\n                  </div>\n                )}\n              </div>\n            )\n          })}\n        </div>\n      )}\n      {ConfirmDialogElement}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": ["value"]
 }

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

@@ -0,0 +1,55 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { ComboboxInput } from "@open-mercato/ui/backend/inputs/ComboboxInput";
+function FunctionPicker({ id, value, onChange, disabled }) {
+  const t = useT();
+  const [lookupFailed, setLookupFailed] = React.useState(false);
+  const loadFunctionSuggestions = React.useCallback(async () => {
+    try {
+      const call = await apiCall(
+        "/api/workflows/functions",
+        void 0,
+        { fallback: { items: [] } }
+      );
+      if (!call.ok || !Array.isArray(call.result?.items)) {
+        setLookupFailed(true);
+        return [];
+      }
+      setLookupFailed(false);
+      const seen = /* @__PURE__ */ new Set();
+      const options = [];
+      for (const item of call.result.items) {
+        const name = typeof item?.name === "string" ? item.name.trim() : "";
+        if (name.length === 0 || seen.has(name)) continue;
+        seen.add(name);
+        const labelKey = typeof item?.labelKey === "string" ? item.labelKey.trim() : "";
+        options.push({ value: name, label: labelKey.length > 0 ? t(labelKey) : name });
+      }
+      return options;
+    } catch {
+      setLookupFailed(true);
+      return [];
+    }
+  }, [t]);
+  return /* @__PURE__ */ jsxs("div", { id, children: [
+    /* @__PURE__ */ jsx(
+      ComboboxInput,
+      {
+        value,
+        onChange,
+        placeholder: t("workflows.functionPicker.placeholder"),
+        loadSuggestions: loadFunctionSuggestions,
+        allowCustomValues: true,
+        disabled
+      }
+    ),
+    lookupFailed ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: t("workflows.functionPicker.lookupUnavailable") }) : null
+  ] });
+}
+export {
+  FunctionPicker
+};
+//# sourceMappingURL=FunctionPicker.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/workflows/components/fields/FunctionPicker.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { ComboboxInput, type ComboboxOption } from '@open-mercato/ui/backend/inputs/ComboboxInput'\n\ntype WorkflowFunctionListResponse = {\n  items?: Array<{ name?: string | null; labelKey?: string | null }>\n}\n\nexport type FunctionPickerProps = {\n  id?: string\n  value: string\n  onChange: (next: string) => void\n  disabled?: boolean\n}\n\nexport function FunctionPicker({ id, value, onChange, disabled }: FunctionPickerProps) {\n  const t = useT()\n  const [lookupFailed, setLookupFailed] = React.useState(false)\n\n  const loadFunctionSuggestions = React.useCallback(async (): Promise<ComboboxOption[]> => {\n    try {\n      const call = await apiCall<WorkflowFunctionListResponse>(\n        '/api/workflows/functions',\n        undefined,\n        { fallback: { items: [] } },\n      )\n      if (!call.ok || !Array.isArray(call.result?.items)) {\n        setLookupFailed(true)\n        return []\n      }\n      setLookupFailed(false)\n      const seen = new Set<string>()\n      const options: ComboboxOption[] = []\n      for (const item of call.result.items) {\n        const name = typeof item?.name === 'string' ? item.name.trim() : ''\n        if (name.length === 0 || seen.has(name)) continue\n        seen.add(name)\n        const labelKey = typeof item?.labelKey === 'string' ? item.labelKey.trim() : ''\n        options.push({ value: name, label: labelKey.length > 0 ? t(labelKey) : name })\n      }\n      return options\n    } catch {\n      setLookupFailed(true)\n      return []\n    }\n  }, [t])\n\n  return (\n    <div id={id}>\n      <ComboboxInput\n        value={value}\n        onChange={onChange}\n        placeholder={t('workflows.functionPicker.placeholder')}\n        loadSuggestions={loadFunctionSuggestions}\n        allowCustomValues\n        disabled={disabled}\n      />\n      {lookupFailed ? (\n        <p className=\"text-xs text-muted-foreground mt-1\">\n          {t('workflows.functionPicker.lookupUnavailable')}\n        </p>\n      ) : null}\n    </div>\n  )\n}\n"],
+  "mappings": ";AAmDI,SACE,KADF;AAjDJ,YAAY,WAAW;AACvB,SAAS,YAAY;AACrB,SAAS,eAAe;AACxB,SAAS,qBAA0C;AAa5C,SAAS,eAAe,EAAE,IAAI,OAAO,UAAU,SAAS,GAAwB;AACrF,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAAS,KAAK;AAE5D,QAAM,0BAA0B,MAAM,YAAY,YAAuC;AACvF,QAAI;AACF,YAAM,OAAO,MAAM;AAAA,QACjB;AAAA,QACA;AAAA,QACA,EAAE,UAAU,EAAE,OAAO,CAAC,EAAE,EAAE;AAAA,MAC5B;AACA,UAAI,CAAC,KAAK,MAAM,CAAC,MAAM,QAAQ,KAAK,QAAQ,KAAK,GAAG;AAClD,wBAAgB,IAAI;AACpB,eAAO,CAAC;AAAA,MACV;AACA,sBAAgB,KAAK;AACrB,YAAM,OAAO,oBAAI,IAAY;AAC7B,YAAM,UAA4B,CAAC;AACnC,iBAAW,QAAQ,KAAK,OAAO,OAAO;AACpC,cAAM,OAAO,OAAO,MAAM,SAAS,WAAW,KAAK,KAAK,KAAK,IAAI;AACjE,YAAI,KAAK,WAAW,KAAK,KAAK,IAAI,IAAI,EAAG;AACzC,aAAK,IAAI,IAAI;AACb,cAAM,WAAW,OAAO,MAAM,aAAa,WAAW,KAAK,SAAS,KAAK,IAAI;AAC7E,gBAAQ,KAAK,EAAE,OAAO,MAAM,OAAO,SAAS,SAAS,IAAI,EAAE,QAAQ,IAAI,KAAK,CAAC;AAAA,MAC/E;AACA,aAAO;AAAA,IACT,QAAQ;AACN,sBAAgB,IAAI;AACpB,aAAO,CAAC;AAAA,IACV;AAAA,EACF,GAAG,CAAC,CAAC,CAAC;AAEN,SACE,qBAAC,SAAI,IACH;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,aAAa,EAAE,sCAAsC;AAAA,QACrD,iBAAiB;AAAA,QACjB,mBAAiB;AAAA,QACjB;AAAA;AAAA,IACF;AAAA,IACC,eACC,oBAAC,OAAE,WAAU,sCACV,YAAE,4CAA4C,GACjD,IACE;AAAA,KACN;AAEJ;",
+  "names": []
+}

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

@@ -7,6 +7,8 @@ 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 { ChevronDown, Plus, Trash2 } from "lucide-react";
+import { VariablePickerButton } from "./VariablePickerButton.js";
+import { ledgerDropTargetProps } from "./ledgerDropTarget.js";
 function MappingArrayEditor({
   id,
   value = [],
@@ -14,7 +16,9 @@ function MappingArrayEditor({
   setValue,
   disabled,
   label: labelProp,
-  description: descriptionProp
+  description: descriptionProp,
+  variablePicker = false,
+  ledgerEntries
 }) {
   const t = useT();
   const { confirm, ConfirmDialogElement } = useConfirmDialog();
@@ -140,25 +144,44 @@ function MappingArrayEditor({
               t("workflows.fieldEditors.mappings.value"),
               " *"
             ] }),
-            /* @__PURE__ */ jsx(
-              Input,
-              {
-                id: `${id}-${index}-value`,
-                type: "text",
-                value: mapping.value,
-                onChange: (e) => updateMapping(index, "value", e.target.value),
-                placeholder: t("workflows.fieldEditors.mappings.valuePlaceholder"),
-                className: "text-xs font-mono",
-                disabled
-              }
-            ),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: `${id}-${index}-value`,
+                  type: "text",
+                  value: mapping.value,
+                  onChange: (e) => updateMapping(index, "value", e.target.value),
+                  placeholder: t("workflows.fieldEditors.mappings.valuePlaceholder"),
+                  className: "flex-1 text-xs font-mono",
+                  disabled,
+                  ...ledgerDropTargetProps({
+                    value: mapping.value,
+                    onValueChange: (nextValue) => updateMapping(index, "value", nextValue),
+                    insertMode: variablePicker ? "bare" : "template",
+                    disabled
+                  })
+                }
+              ),
+              variablePicker && /* @__PURE__ */ jsx(
+                VariablePickerButton,
+                {
+                  targetId: `${id}-${index}-value`,
+                  value: mapping.value,
+                  onValueChange: (nextValue) => updateMapping(index, "value", nextValue),
+                  ledgerEntries,
+                  insertMode: "bare",
+                  disabled
+                }
+              )
+            ] }),
             /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-0.5", children: t("workflows.fieldEditors.mappings.valueHint") })
           ] }),
-          /* @__PURE__ */ jsx("div", { className: "border-t border-gray-200 pt-3", children: /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsx("div", { className: "border-t border-border pt-3", children: /* @__PURE__ */ jsxs(
             Button,
             {
               type: "button",
-              variant: "destructive",
+              variant: "destructive-outline",
               size: "sm",
               onClick: () => removeMapping(index),
               disabled,