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

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

@@ -0,0 +1,126 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Label } from "@open-mercato/ui/primitives/label";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
+import { DurationInput } from "@open-mercato/ui/backend/inputs/DurationInput";
+import { Plus, Trash2 } from "lucide-react";
+import {
+  TASK_ON_BREACH_ACTIONS,
+  onBreachToDraft
+} from "../../lib/task-inspector-config.js";
+function TaskRemindersField({ id, value, setValue, disabled }) {
+  const t = useT();
+  const offsets = Array.isArray(value) ? value.map((entry) => typeof entry === "string" ? entry : "") : [];
+  const updateOffset = (index, nextValue) => {
+    setValue(offsets.map((offset, position) => position === index ? nextValue : offset));
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    offsets.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("workflows.tasks.inspector.when.remindersEmpty") }) : /* @__PURE__ */ jsx("div", { className: "space-y-2", children: offsets.map((offset, index) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
+        DurationInput,
+        {
+          id: `${id}-reminder-${index}`,
+          value: offset,
+          onChange: (nextValue) => updateOffset(index, nextValue),
+          disabled,
+          "aria-label": t("workflows.tasks.inspector.when.reminderOffset")
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          variant: "ghost",
+          size: "sm",
+          disabled,
+          "aria-label": t("workflows.tasks.inspector.when.removeReminder"),
+          onClick: () => setValue(offsets.filter((_, position) => position !== index)),
+          children: /* @__PURE__ */ jsx(Trash2, { className: "size-3.5" })
+        }
+      )
+    ] }, `${id}-reminder-${index}`)) }),
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        type: "button",
+        variant: "outline",
+        size: "sm",
+        disabled,
+        onClick: () => setValue([...offsets, ""]),
+        children: [
+          /* @__PURE__ */ jsx(Plus, { className: "size-3.5 mr-1" }),
+          t("workflows.tasks.inspector.when.addReminder")
+        ]
+      }
+    )
+  ] });
+}
+function TaskOnBreachField({ id, value, setValue, disabled, routeOrder }) {
+  const t = useT();
+  const draft = value && typeof value === "object" ? value : onBreachToDraft(null);
+  const routes = routeOrder ?? [];
+  const update = (patch) => setValue({ ...draft, ...patch });
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxs(
+      Select,
+      {
+        value: draft.action || "none",
+        onValueChange: (next) => update({ action: next === "none" ? "" : next }),
+        disabled,
+        children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { id, "aria-label": t("workflows.tasks.inspector.when.onBreach"), children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("workflows.tasks.inspector.when.onBreachNone") }) }),
+          /* @__PURE__ */ jsxs(SelectContent, { children: [
+            /* @__PURE__ */ jsx(SelectItem, { value: "none", children: t("workflows.tasks.inspector.when.onBreachNone") }),
+            TASK_ON_BREACH_ACTIONS.map((action) => /* @__PURE__ */ jsx(SelectItem, { value: action, children: t(`workflows.tasks.inspector.when.onBreachActions.${action}`) }, action))
+          ] })
+        ]
+      }
+    ),
+    draft.action === "reassign" && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx(Label, { htmlFor: `${id}-reassign`, className: "text-xs font-medium", children: t("workflows.tasks.inspector.when.reassignTo") }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          id: `${id}-reassign`,
+          type: "text",
+          value: draft.reassignTo,
+          onChange: (event) => update({ reassignTo: event.target.value }),
+          placeholder: t("workflows.tasks.inspector.when.reassignToPlaceholder"),
+          disabled
+        }
+      )
+    ] }),
+    draft.action === "route" && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx(Label, { htmlFor: `${id}-route`, className: "text-xs font-medium", children: t("workflows.tasks.inspector.when.breachRoute") }),
+      routes.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("workflows.tasks.inspector.when.breachRouteEmpty") }) : /* @__PURE__ */ jsxs(
+        Select,
+        {
+          value: draft.transitionId || "none",
+          onValueChange: (next) => update({ transitionId: next === "none" ? "" : next }),
+          disabled,
+          children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { id: `${id}-route`, "aria-label": t("workflows.tasks.inspector.when.breachRoute"), children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("workflows.tasks.inspector.when.breachRoutePlaceholder") }) }),
+            /* @__PURE__ */ jsxs(SelectContent, { children: [
+              /* @__PURE__ */ jsx(SelectItem, { value: "none", children: t("workflows.tasks.inspector.when.breachRoutePlaceholder") }),
+              routes.map((route) => /* @__PURE__ */ jsx(SelectItem, { value: route.transitionId, children: route.label || route.toStepId }, route.transitionId))
+            ] })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  TaskOnBreachField,
+  TaskRemindersField
+};
+//# sourceMappingURL=TaskDeadlineFields.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/workflows/components/fields/TaskDeadlineFields.tsx"],
+  "sourcesContent": ["'use client'\n\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { DurationInput } from '@open-mercato/ui/backend/inputs/DurationInput'\nimport { Plus, Trash2 } from 'lucide-react'\nimport type { CrudCustomFieldRenderProps } from '@open-mercato/ui/backend/CrudForm'\nimport type { RouteOrderEntry } from '../../lib/route-priority'\nimport {\n  TASK_ON_BREACH_ACTIONS,\n  onBreachToDraft,\n  type TaskOnBreachDraft,\n} from '../../lib/task-inspector-config'\n\n/**\n * \"When\" (spec \u00A76.1, section 4): reminders and the breach action.\n *\n * The deadline itself stays on the existing duration field \u2014 it is one control\n * and CrudForm already renders it; only the two parts that are lists or have\n * dependent inputs need their own components.\n *\n * The vocabulary here is deliberately the BUSINESS one: a task has a deadline\n * and reminders before it, never a \"timeout\". A timeout is what a machine step\n * gives up after; a deadline is what a person is asked to meet.\n */\n\nexport function TaskRemindersField({ id, value, setValue, disabled }: CrudCustomFieldRenderProps) {\n  const t = useT()\n  const offsets: string[] = Array.isArray(value)\n    ? (value as unknown[]).map((entry) => (typeof entry === 'string' ? entry : ''))\n    : []\n\n  const updateOffset = (index: number, nextValue: string) => {\n    setValue(offsets.map((offset, position) => (position === index ? nextValue : offset)))\n  }\n\n  return (\n    <div className=\"space-y-2\">\n      {offsets.length === 0 ? (\n        <p className=\"text-xs text-muted-foreground\">{t('workflows.tasks.inspector.when.remindersEmpty')}</p>\n      ) : (\n        <div className=\"space-y-2\">\n          {offsets.map((offset, index) => (\n            <div key={`${id}-reminder-${index}`} className=\"flex items-center gap-2\">\n              <div className=\"flex-1\">\n                <DurationInput\n                  id={`${id}-reminder-${index}`}\n                  value={offset}\n                  onChange={(nextValue) => updateOffset(index, nextValue)}\n                  disabled={disabled}\n                  aria-label={t('workflows.tasks.inspector.when.reminderOffset')}\n                />\n              </div>\n              <IconButton\n                variant=\"ghost\"\n                size=\"sm\"\n                disabled={disabled}\n                aria-label={t('workflows.tasks.inspector.when.removeReminder')}\n                onClick={() => setValue(offsets.filter((_, position) => position !== index))}\n              >\n                <Trash2 className=\"size-3.5\" />\n              </IconButton>\n            </div>\n          ))}\n        </div>\n      )}\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        size=\"sm\"\n        disabled={disabled}\n        onClick={() => setValue([...offsets, ''])}\n      >\n        <Plus className=\"size-3.5 mr-1\" />\n        {t('workflows.tasks.inspector.when.addReminder')}\n      </Button>\n    </div>\n  )\n}\n\nexport interface TaskOnBreachFieldProps extends CrudCustomFieldRenderProps {\n  /** Outgoing routes of this step, so \"route the breach\" names a real one. */\n  routeOrder?: RouteOrderEntry[]\n}\n\nexport function TaskOnBreachField({ id, value, setValue, disabled, routeOrder }: TaskOnBreachFieldProps) {\n  const t = useT()\n  const draft: TaskOnBreachDraft =\n    value && typeof value === 'object' ? (value as TaskOnBreachDraft) : onBreachToDraft(null)\n  const routes = routeOrder ?? []\n\n  const update = (patch: Partial<TaskOnBreachDraft>) => setValue({ ...draft, ...patch })\n\n  return (\n    <div className=\"space-y-2\">\n      <Select\n        value={draft.action || 'none'}\n        onValueChange={(next) => update({ action: next === 'none' ? '' : (next as TaskOnBreachDraft['action']) })}\n        disabled={disabled}\n      >\n        <SelectTrigger id={id} aria-label={t('workflows.tasks.inspector.when.onBreach')}>\n          <SelectValue placeholder={t('workflows.tasks.inspector.when.onBreachNone')} />\n        </SelectTrigger>\n        <SelectContent>\n          <SelectItem value=\"none\">{t('workflows.tasks.inspector.when.onBreachNone')}</SelectItem>\n          {TASK_ON_BREACH_ACTIONS.map((action) => (\n            <SelectItem key={action} value={action}>\n              {t(`workflows.tasks.inspector.when.onBreachActions.${action}`)}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n\n      {draft.action === 'reassign' && (\n        <div className=\"space-y-1\">\n          <Label htmlFor={`${id}-reassign`} className=\"text-xs font-medium\">\n            {t('workflows.tasks.inspector.when.reassignTo')}\n          </Label>\n          <Input\n            id={`${id}-reassign`}\n            type=\"text\"\n            value={draft.reassignTo}\n            onChange={(event) => update({ reassignTo: event.target.value })}\n            placeholder={t('workflows.tasks.inspector.when.reassignToPlaceholder')}\n            disabled={disabled}\n          />\n        </div>\n      )}\n\n      {draft.action === 'route' && (\n        <div className=\"space-y-1\">\n          <Label htmlFor={`${id}-route`} className=\"text-xs font-medium\">\n            {t('workflows.tasks.inspector.when.breachRoute')}\n          </Label>\n          {routes.length === 0 ? (\n            <p className=\"text-xs text-muted-foreground\">\n              {t('workflows.tasks.inspector.when.breachRouteEmpty')}\n            </p>\n          ) : (\n            <Select\n              value={draft.transitionId || 'none'}\n              onValueChange={(next) => update({ transitionId: next === 'none' ? '' : next })}\n              disabled={disabled}\n            >\n              <SelectTrigger id={`${id}-route`} aria-label={t('workflows.tasks.inspector.when.breachRoute')}>\n                <SelectValue placeholder={t('workflows.tasks.inspector.when.breachRoutePlaceholder')} />\n              </SelectTrigger>\n              <SelectContent>\n                <SelectItem value=\"none\">{t('workflows.tasks.inspector.when.breachRoutePlaceholder')}</SelectItem>\n                {routes.map((route) => (\n                  <SelectItem key={route.transitionId} value={route.transitionId}>\n                    {route.label || route.toStepId}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,218 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Alert, AlertDescription } from "@open-mercato/ui/primitives/alert";
+import { Badge } from "@open-mercato/ui/primitives/badge";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { CheckboxField } from "@open-mercato/ui/primitives/checkbox-field";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Label } from "@open-mercato/ui/primitives/label";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
+import { Plus, Trash2, Wand2 } from "lucide-react";
+import {
+  TASK_DECISION_STYLES,
+  newDecisionDraft
+} from "../../lib/task-inspector-config.js";
+import { buildApprovalPreset } from "../../lib/task-presets.js";
+function readFormFields(values) {
+  const fields = values?.formFields;
+  return Array.isArray(fields) ? fields : [];
+}
+function TaskDecisionsField({
+  id,
+  value,
+  setValue,
+  setFormValue,
+  values,
+  disabled,
+  routeOrder
+}) {
+  const t = useT();
+  const drafts = Array.isArray(value) ? value : [];
+  const routes = routeOrder ?? [];
+  const knownRouteIds = new Set(routes.map((route) => route.transitionId));
+  const updateDraft = (index, patch) => {
+    setValue(drafts.map((draft, position) => position === index ? { ...draft, ...patch } : draft));
+  };
+  const routeLabel = (route) => {
+    const name = route.label || route.toStepId;
+    return route.hasCondition ? `${name} \xB7 ${t("workflows.tasks.inspector.decisions.routeConditional")}` : name;
+  };
+  const applyApprovalPreset = () => {
+    const preset = buildApprovalPreset({
+      approveLabel: t("workflows.tasks.inspector.decisions.presetApprove"),
+      rejectLabel: t("workflows.tasks.inspector.decisions.presetReject"),
+      commentLabel: t("workflows.tasks.inspector.decisions.presetComment"),
+      approveTransitionId: routes[0]?.transitionId,
+      rejectTransitionId: routes[1]?.transitionId,
+      decisions: drafts,
+      formFields: readFormFields(values),
+      entityBindings: Array.isArray(values?.taskEntityBindings) ? values.taskEntityBindings : []
+    });
+    setValue(preset.decisions);
+    setFormValue?.("formFields", preset.formFields);
+    setFormValue?.("taskEntityBindings", preset.entityBindings);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    drafts.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("workflows.tasks.inspector.decisions.empty") }) : /* @__PURE__ */ jsx("div", { className: "space-y-2", children: drafts.map((draft, index) => {
+      const routeMissing = draft.transitionId.length > 0 && !knownRouteIds.has(draft.transitionId);
+      return /* @__PURE__ */ jsxs("div", { className: "space-y-2 rounded-md border border-border bg-muted/30 p-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-1", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: `${id}-${draft.key}-label`, className: "text-xs font-medium", children: t("workflows.tasks.inspector.decisions.buttonLabel") }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: `${id}-${draft.key}-label`,
+                type: "text",
+                value: draft.label,
+                onChange: (event) => updateDraft(index, { label: event.target.value }),
+                placeholder: t("workflows.tasks.inspector.decisions.buttonLabelPlaceholder"),
+                disabled
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              variant: "ghost",
+              size: "sm",
+              className: "mt-6",
+              disabled,
+              "aria-label": t("workflows.tasks.inspector.decisions.remove"),
+              onClick: () => setValue(drafts.filter((_, position) => position !== index)),
+              children: /* @__PURE__ */ jsx(Trash2, { className: "size-3.5" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: `${id}-${draft.key}-route`, className: "text-xs font-medium", children: t("workflows.tasks.inspector.decisions.route") }),
+          routes.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("workflows.tasks.inspector.decisions.routesEmpty") }) : /* @__PURE__ */ jsxs(
+            Select,
+            {
+              value: draft.transitionId || "none",
+              onValueChange: (next) => updateDraft(index, { transitionId: next === "none" ? "" : next }),
+              disabled,
+              children: [
+                /* @__PURE__ */ jsx(
+                  SelectTrigger,
+                  {
+                    id: `${id}-${draft.key}-route`,
+                    "aria-label": t("workflows.tasks.inspector.decisions.route"),
+                    children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("workflows.tasks.inspector.decisions.routePlaceholder") })
+                  }
+                ),
+                /* @__PURE__ */ jsxs(SelectContent, { children: [
+                  /* @__PURE__ */ jsx(SelectItem, { value: "none", children: t("workflows.tasks.inspector.decisions.routePlaceholder") }),
+                  routes.map((route) => /* @__PURE__ */ jsx(SelectItem, { value: route.transitionId, children: routeLabel(route) }, route.transitionId))
+                ] })
+              ]
+            }
+          ),
+          routeMissing && /* @__PURE__ */ jsx(Alert, { variant: "warning", children: /* @__PURE__ */ jsx(AlertDescription, { className: "text-xs", children: t("workflows.tasks.inspector.decisions.routeMissing") }) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: `${id}-${draft.key}-style`, className: "text-xs font-medium", children: t("workflows.tasks.inspector.decisions.style") }),
+          /* @__PURE__ */ jsxs(
+            Select,
+            {
+              value: draft.style || "none",
+              onValueChange: (next) => updateDraft(index, {
+                style: next === "none" ? "" : next
+              }),
+              disabled,
+              children: [
+                /* @__PURE__ */ jsx(
+                  SelectTrigger,
+                  {
+                    id: `${id}-${draft.key}-style`,
+                    className: "w-48",
+                    "aria-label": t("workflows.tasks.inspector.decisions.style"),
+                    children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("workflows.tasks.inspector.decisions.styleDefault") })
+                  }
+                ),
+                /* @__PURE__ */ jsxs(SelectContent, { children: [
+                  /* @__PURE__ */ jsx(SelectItem, { value: "none", children: t("workflows.tasks.inspector.decisions.styleDefault") }),
+                  TASK_DECISION_STYLES.map((style) => /* @__PURE__ */ jsx(SelectItem, { value: style, children: t(`workflows.tasks.inspector.decisions.styles.${style}`) }, style))
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(Badge, { variant: "muted", className: "ml-auto font-mono text-xs", children: draft.id })
+        ] })
+      ] }, draft.key);
+    }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          disabled,
+          onClick: () => setValue([...drafts, newDecisionDraft(routes[drafts.length]?.transitionId ?? "")]),
+          children: [
+            /* @__PURE__ */ jsx(Plus, { className: "size-3.5 mr-1" }),
+            t("workflows.tasks.inspector.decisions.add")
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          disabled,
+          onClick: applyApprovalPreset,
+          children: [
+            /* @__PURE__ */ jsx(Wand2, { className: "size-3.5 mr-1" }),
+            t("workflows.tasks.inspector.decisions.applyApprovalPreset")
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+function TaskEditablePrefilledField({
+  id,
+  value,
+  setValue,
+  values,
+  disabled
+}) {
+  const t = useT();
+  const selected = Array.isArray(value) ? value.filter((entry) => typeof entry === "string") : [];
+  const formFields = readFormFields(values);
+  if (formFields.length === 0) {
+    return /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("workflows.tasks.inspector.decisions.editablePrefilledEmpty") });
+  }
+  const toggle = (name, checked) => {
+    if (checked) setValue(selected.includes(name) ? selected : [...selected, name]);
+    else setValue(selected.filter((entry) => entry !== name));
+  };
+  return /* @__PURE__ */ jsx("div", { className: "space-y-1", children: formFields.map((field) => /* @__PURE__ */ jsx(
+    CheckboxField,
+    {
+      id: `${id}-${field.name}`,
+      label: field.label || field.name,
+      checked: selected.includes(field.name),
+      onCheckedChange: (checked) => toggle(field.name, checked === true),
+      disabled,
+      size: "sm"
+    },
+    field.name
+  )) });
+}
+export {
+  TaskDecisionsField,
+  TaskEditablePrefilledField
+};
+//# sourceMappingURL=TaskDecisionsField.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/workflows/components/fields/TaskDecisionsField.tsx"],
+  "sourcesContent": ["'use client'\n\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Alert, AlertDescription } from '@open-mercato/ui/primitives/alert'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { CheckboxField } from '@open-mercato/ui/primitives/checkbox-field'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { Plus, Trash2, Wand2 } from 'lucide-react'\nimport type { CrudCustomFieldRenderProps } from '@open-mercato/ui/backend/CrudForm'\nimport type { RouteOrderEntry } from '../../lib/route-priority'\nimport {\n  TASK_DECISION_STYLES,\n  newDecisionDraft,\n  type TaskDecisionDraft,\n} from '../../lib/task-inspector-config'\nimport { buildApprovalPreset } from '../../lib/task-presets'\nimport type { FormField } from './FormFieldArrayEditor'\n\n/**\n * \"Decisions\" (spec \u00A76.1, section 5): the buttons the assignee actually\n * presses, each mapped 1:1 to an outgoing route.\n *\n * A decision stores the route's DURABLE transition id, never its position in\n * the list and never a value regenerated on save \u2014 route order changes with\n * every edit, and the id is what `pendingTransition` and the branch key already\n * resolve against. The picker therefore lists the step's real outgoing routes\n * (with their target and whether they carry a condition) so the author is\n * choosing a route rather than typing an id.\n *\n * A decision whose route was deleted keeps its binding and raises a Problems\n * WARNING (`lib/flow-logic-warnings.ts`) instead of being silently dropped:\n * losing an author's button because an edge was rewired would be worse than\n * telling them about it.\n */\n\nexport interface TaskDecisionsFieldProps extends CrudCustomFieldRenderProps {\n  routeOrder?: RouteOrderEntry[]\n}\n\nfunction readFormFields(values: Record<string, unknown> | undefined): FormField[] {\n  const fields = values?.formFields\n  return Array.isArray(fields) ? (fields as FormField[]) : []\n}\n\nexport function TaskDecisionsField({\n  id,\n  value,\n  setValue,\n  setFormValue,\n  values,\n  disabled,\n  routeOrder,\n}: TaskDecisionsFieldProps) {\n  const t = useT()\n  const drafts: TaskDecisionDraft[] = Array.isArray(value) ? (value as TaskDecisionDraft[]) : []\n  const routes = routeOrder ?? []\n  const knownRouteIds = new Set(routes.map((route) => route.transitionId))\n\n  const updateDraft = (index: number, patch: Partial<TaskDecisionDraft>) => {\n    setValue(drafts.map((draft, position) => (position === index ? { ...draft, ...patch } : draft)))\n  }\n\n  const routeLabel = (route: RouteOrderEntry) => {\n    const name = route.label || route.toStepId\n    return route.hasCondition\n      ? `${name} \u00B7 ${t('workflows.tasks.inspector.decisions.routeConditional')}`\n      : name\n  }\n\n  const applyApprovalPreset = () => {\n    const preset = buildApprovalPreset({\n      approveLabel: t('workflows.tasks.inspector.decisions.presetApprove'),\n      rejectLabel: t('workflows.tasks.inspector.decisions.presetReject'),\n      commentLabel: t('workflows.tasks.inspector.decisions.presetComment'),\n      approveTransitionId: routes[0]?.transitionId,\n      rejectTransitionId: routes[1]?.transitionId,\n      decisions: drafts,\n      formFields: readFormFields(values),\n      entityBindings: Array.isArray(values?.taskEntityBindings)\n        ? (values.taskEntityBindings as never[])\n        : [],\n    })\n    setValue(preset.decisions)\n    setFormValue?.('formFields', preset.formFields)\n    setFormValue?.('taskEntityBindings', preset.entityBindings)\n  }\n\n  return (\n    <div className=\"space-y-2\">\n      {drafts.length === 0 ? (\n        <p className=\"text-xs text-muted-foreground\">\n          {t('workflows.tasks.inspector.decisions.empty')}\n        </p>\n      ) : (\n        <div className=\"space-y-2\">\n          {drafts.map((draft, index) => {\n            const routeMissing = draft.transitionId.length > 0 && !knownRouteIds.has(draft.transitionId)\n            return (\n              <div key={draft.key} className=\"space-y-2 rounded-md border border-border bg-muted/30 p-2\">\n                <div className=\"flex items-start gap-2\">\n                  <div className=\"flex-1 space-y-1\">\n                    <Label htmlFor={`${id}-${draft.key}-label`} className=\"text-xs font-medium\">\n                      {t('workflows.tasks.inspector.decisions.buttonLabel')}\n                    </Label>\n                    <Input\n                      id={`${id}-${draft.key}-label`}\n                      type=\"text\"\n                      value={draft.label}\n                      onChange={(event) => updateDraft(index, { label: event.target.value })}\n                      placeholder={t('workflows.tasks.inspector.decisions.buttonLabelPlaceholder')}\n                      disabled={disabled}\n                    />\n                  </div>\n                  <IconButton\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    className=\"mt-6\"\n                    disabled={disabled}\n                    aria-label={t('workflows.tasks.inspector.decisions.remove')}\n                    onClick={() => setValue(drafts.filter((_, position) => position !== index))}\n                  >\n                    <Trash2 className=\"size-3.5\" />\n                  </IconButton>\n                </div>\n\n                <div className=\"space-y-1\">\n                  <Label htmlFor={`${id}-${draft.key}-route`} className=\"text-xs font-medium\">\n                    {t('workflows.tasks.inspector.decisions.route')}\n                  </Label>\n                  {routes.length === 0 ? (\n                    <p className=\"text-xs text-muted-foreground\">\n                      {t('workflows.tasks.inspector.decisions.routesEmpty')}\n                    </p>\n                  ) : (\n                    <Select\n                      value={draft.transitionId || 'none'}\n                      onValueChange={(next) =>\n                        updateDraft(index, { transitionId: next === 'none' ? '' : next })\n                      }\n                      disabled={disabled}\n                    >\n                      <SelectTrigger\n                        id={`${id}-${draft.key}-route`}\n                        aria-label={t('workflows.tasks.inspector.decisions.route')}\n                      >\n                        <SelectValue placeholder={t('workflows.tasks.inspector.decisions.routePlaceholder')} />\n                      </SelectTrigger>\n                      <SelectContent>\n                        <SelectItem value=\"none\">\n                          {t('workflows.tasks.inspector.decisions.routePlaceholder')}\n                        </SelectItem>\n                        {routes.map((route) => (\n                          <SelectItem key={route.transitionId} value={route.transitionId}>\n                            {routeLabel(route)}\n                          </SelectItem>\n                        ))}\n                      </SelectContent>\n                    </Select>\n                  )}\n                  {routeMissing && (\n                    <Alert variant=\"warning\">\n                      <AlertDescription className=\"text-xs\">\n                        {t('workflows.tasks.inspector.decisions.routeMissing')}\n                      </AlertDescription>\n                    </Alert>\n                  )}\n                </div>\n\n                <div className=\"flex items-center gap-2\">\n                  <Label htmlFor={`${id}-${draft.key}-style`} className=\"text-xs font-medium\">\n                    {t('workflows.tasks.inspector.decisions.style')}\n                  </Label>\n                  <Select\n                    value={draft.style || 'none'}\n                    onValueChange={(next) =>\n                      updateDraft(index, {\n                        style: next === 'none' ? '' : (next as TaskDecisionDraft['style']),\n                      })\n                    }\n                    disabled={disabled}\n                  >\n                    <SelectTrigger\n                      id={`${id}-${draft.key}-style`}\n                      className=\"w-48\"\n                      aria-label={t('workflows.tasks.inspector.decisions.style')}\n                    >\n                      <SelectValue placeholder={t('workflows.tasks.inspector.decisions.styleDefault')} />\n                    </SelectTrigger>\n                    <SelectContent>\n                      <SelectItem value=\"none\">\n                        {t('workflows.tasks.inspector.decisions.styleDefault')}\n                      </SelectItem>\n                      {TASK_DECISION_STYLES.map((style) => (\n                        <SelectItem key={style} value={style}>\n                          {t(`workflows.tasks.inspector.decisions.styles.${style}`)}\n                        </SelectItem>\n                      ))}\n                    </SelectContent>\n                  </Select>\n                  <Badge variant=\"muted\" className=\"ml-auto font-mono text-xs\">\n                    {draft.id}\n                  </Badge>\n                </div>\n              </div>\n            )\n          })}\n        </div>\n      )}\n\n      <div className=\"flex flex-wrap items-center gap-2\">\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          disabled={disabled}\n          onClick={() => setValue([...drafts, newDecisionDraft(routes[drafts.length]?.transitionId ?? '')])}\n        >\n          <Plus className=\"size-3.5 mr-1\" />\n          {t('workflows.tasks.inspector.decisions.add')}\n        </Button>\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          disabled={disabled}\n          onClick={applyApprovalPreset}\n        >\n          <Wand2 className=\"size-3.5 mr-1\" />\n          {t('workflows.tasks.inspector.decisions.applyApprovalPreset')}\n        </Button>\n      </div>\n    </div>\n  )\n}\n\n/**\n * The subset of the task's form fields the assignee may edit before deciding\n * (spec \u00A76.1: \"selected fields markable editable-prefilled\"). It is a list of\n * FIELD NAMES, so renaming a field in the builder leaves an entry pointing at\n * nothing \u2014 which is why the list is rendered FROM the declared fields rather\n * than as free text: a name that no longer exists simply stops being offered.\n */\nexport function TaskEditablePrefilledField({\n  id,\n  value,\n  setValue,\n  values,\n  disabled,\n}: CrudCustomFieldRenderProps) {\n  const t = useT()\n  const selected: string[] = Array.isArray(value)\n    ? (value as unknown[]).filter((entry): entry is string => typeof entry === 'string')\n    : []\n  const formFields = readFormFields(values)\n\n  if (formFields.length === 0) {\n    return (\n      <p className=\"text-xs text-muted-foreground\">\n        {t('workflows.tasks.inspector.decisions.editablePrefilledEmpty')}\n      </p>\n    )\n  }\n\n  const toggle = (name: string, checked: boolean) => {\n    if (checked) setValue(selected.includes(name) ? selected : [...selected, name])\n    else setValue(selected.filter((entry) => entry !== name))\n  }\n\n  return (\n    <div className=\"space-y-1\">\n      {formFields.map((field) => (\n        <CheckboxField\n          key={field.name}\n          id={`${id}-${field.name}`}\n          label={field.label || field.name}\n          checked={selected.includes(field.name)}\n          onCheckedChange={(checked) => toggle(field.name, checked === true)}\n          disabled={disabled}\n          size=\"sm\"\n        />\n      ))}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,114 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+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 { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import { Plus, Trash2 } from "lucide-react";
+import { newEntityBindingDraft } from "../../lib/task-inspector-config.js";
+import { TASK_ENTITY_TYPE_ALIAS_GROUPS } from "../../lib/task-entity-aliases.js";
+import { TemplateTextControl } from "./TemplateTextControl.js";
+const SUGGESTED_ENTITY_IDS = TASK_ENTITY_TYPE_ALIAS_GROUPS.map(
+  (group) => group.entityId
+);
+function TaskEntityBindingsField({
+  id,
+  value,
+  setValue,
+  disabled,
+  ledgerEntries
+}) {
+  const t = useT();
+  const drafts = Array.isArray(value) ? value : [];
+  const updateDraft = (index, patch) => {
+    setValue(drafts.map((draft, position) => position === index ? { ...draft, ...patch } : draft));
+  };
+  const removeDraft = (index) => {
+    setValue(drafts.filter((_, position) => position !== index));
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    drafts.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("workflows.tasks.inspector.bindings.empty") }) : /* @__PURE__ */ jsx("div", { className: "space-y-2", children: drafts.map((draft, index) => /* @__PURE__ */ jsxs("div", { className: "space-y-2 rounded-md border border-border bg-muted/30 p-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-1", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: `${id}-${draft.key}-type`, className: "text-xs font-medium", children: t("workflows.tasks.inspector.bindings.entityType") }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: `${id}-${draft.key}-type`,
+              type: "text",
+              value: draft.entityType,
+              onChange: (event) => updateDraft(index, { entityType: event.target.value }),
+              placeholder: t("workflows.tasks.inspector.bindings.entityTypePlaceholder"),
+              disabled,
+              className: "font-mono",
+              list: `${id}-entity-types`,
+              "aria-describedby": `${id}-entity-types-hint`
+            }
+          ),
+          /* @__PURE__ */ jsx("datalist", { id: `${id}-entity-types`, children: SUGGESTED_ENTITY_IDS.map((entityId) => /* @__PURE__ */ jsx("option", { value: entityId }, entityId)) }),
+          /* @__PURE__ */ jsx("span", { id: `${id}-entity-types-hint`, className: "sr-only", children: t("workflows.tasks.inspector.bindings.entityTypeKnown") })
+        ] }),
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            variant: "ghost",
+            size: "sm",
+            className: "mt-6",
+            disabled,
+            onClick: () => removeDraft(index),
+            "aria-label": t("workflows.tasks.inspector.bindings.remove"),
+            children: /* @__PURE__ */ jsx(Trash2, { className: "size-3.5" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: `${id}-${draft.key}-path`, className: "text-xs font-medium", children: t("workflows.tasks.inspector.bindings.idPath") }),
+        /* @__PURE__ */ jsx(
+          TemplateTextControl,
+          {
+            id: `${id}-${draft.key}-path`,
+            value: draft.idPath,
+            onValueChange: (nextValue) => updateDraft(index, { idPath: nextValue }),
+            ledgerEntries,
+            insertMode: "bare",
+            placeholder: t("workflows.tasks.inspector.bindings.idPathPlaceholder"),
+            disabled
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: `${id}-${draft.key}-label`, className: "text-xs font-medium", children: t("workflows.tasks.inspector.bindings.label") }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: `${id}-${draft.key}-label`,
+            type: "text",
+            value: draft.label,
+            onChange: (event) => updateDraft(index, { label: event.target.value }),
+            placeholder: t("workflows.tasks.inspector.bindings.labelPlaceholder"),
+            disabled
+          }
+        )
+      ] })
+    ] }, draft.key)) }),
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        type: "button",
+        variant: "outline",
+        size: "sm",
+        disabled,
+        onClick: () => setValue([...drafts, newEntityBindingDraft()]),
+        children: [
+          /* @__PURE__ */ jsx(Plus, { className: "size-3.5 mr-1" }),
+          t("workflows.tasks.inspector.bindings.add")
+        ]
+      }
+    )
+  ] });
+}
+export {
+  TaskEntityBindingsField
+};
+//# sourceMappingURL=TaskEntityBindingsField.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/workflows/components/fields/TaskEntityBindingsField.tsx"],
+  "sourcesContent": ["'use client'\n\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 { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { Plus, Trash2 } from 'lucide-react'\nimport type { CrudCustomFieldRenderProps } from '@open-mercato/ui/backend/CrudForm'\nimport type { LedgerEntry } from '../../lib/context-ledger'\nimport { newEntityBindingDraft, type TaskEntityBindingDraft } from '../../lib/task-inspector-config'\nimport { TASK_ENTITY_TYPE_ALIAS_GROUPS } from '../../lib/task-entity-aliases'\nimport { TemplateTextControl } from './TemplateTextControl'\n\n/**\n * Generated entity ids offered as suggestions.\n *\n * Sourced from the alias dictionary's canonical ids rather than the entity\n * registry: the dictionary is a zero-import module that is safe in a client\n * bundle, and its canonical side is exactly the set the \u00A76.4 access model is\n * keyed on. Offering the ids the author should be typing is what turns a free\n * text field into a picker \u2014 `customers:person` normalizes fine today, but\n * `customers:persons` does not, and a typo hides the task from its own assignee.\n */\nconst SUGGESTED_ENTITY_IDS: readonly string[] = TASK_ENTITY_TYPE_ALIAS_GROUPS.map(\n  (group) => group.entityId,\n)\n\n/**\n * \"About what\" (spec \u00A76.1, section 2): the records a task is about.\n *\n * A binding is an entity type plus the context path that yields the record id\n * at task-creation time. The id path is picked from the LEDGER \u2014 the same\n * vocabulary every other template-capable field in the editor speaks \u2014 and is\n * inserted BARE (`context.order.id`), because `resolveTaskEntityBindings`\n * wraps a bare path itself and a path is what the binding stores.\n *\n * Multiple bindings are allowed: a task can be about an order AND the customer\n * who placed it.\n */\n\nexport interface TaskEntityBindingsFieldProps extends CrudCustomFieldRenderProps {\n  ledgerEntries?: LedgerEntry[]\n}\n\nexport function TaskEntityBindingsField({\n  id,\n  value,\n  setValue,\n  disabled,\n  ledgerEntries,\n}: TaskEntityBindingsFieldProps) {\n  const t = useT()\n  const drafts: TaskEntityBindingDraft[] = Array.isArray(value) ? (value as TaskEntityBindingDraft[]) : []\n\n  const updateDraft = (index: number, patch: Partial<TaskEntityBindingDraft>) => {\n    setValue(drafts.map((draft, position) => (position === index ? { ...draft, ...patch } : draft)))\n  }\n\n  const removeDraft = (index: number) => {\n    setValue(drafts.filter((_, position) => position !== index))\n  }\n\n  return (\n    <div className=\"space-y-2\">\n      {drafts.length === 0 ? (\n        <p className=\"text-xs text-muted-foreground\">\n          {t('workflows.tasks.inspector.bindings.empty')}\n        </p>\n      ) : (\n        <div className=\"space-y-2\">\n          {drafts.map((draft, index) => (\n            <div key={draft.key} className=\"space-y-2 rounded-md border border-border bg-muted/30 p-2\">\n              <div className=\"flex items-start gap-2\">\n                <div className=\"flex-1 space-y-1\">\n                  <Label htmlFor={`${id}-${draft.key}-type`} className=\"text-xs font-medium\">\n                    {t('workflows.tasks.inspector.bindings.entityType')}\n                  </Label>\n                  <Input\n                    id={`${id}-${draft.key}-type`}\n                    type=\"text\"\n                    value={draft.entityType}\n                    onChange={(event) => updateDraft(index, { entityType: event.target.value })}\n                    placeholder={t('workflows.tasks.inspector.bindings.entityTypePlaceholder')}\n                    disabled={disabled}\n                    className=\"font-mono\"\n                    // Suggestions, not a closed list: the field has always\n                    // stored free text and third-party entity ids are valid, so\n                    // narrowing it to a select would refuse bindings that work.\n                    list={`${id}-entity-types`}\n                    aria-describedby={`${id}-entity-types-hint`}\n                  />\n                  <datalist id={`${id}-entity-types`}>\n                    {SUGGESTED_ENTITY_IDS.map((entityId) => (\n                      <option key={entityId} value={entityId} />\n                    ))}\n                  </datalist>\n                  <span id={`${id}-entity-types-hint`} className=\"sr-only\">\n                    {t('workflows.tasks.inspector.bindings.entityTypeKnown')}\n                  </span>\n                </div>\n                <IconButton\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  className=\"mt-6\"\n                  disabled={disabled}\n                  onClick={() => removeDraft(index)}\n                  aria-label={t('workflows.tasks.inspector.bindings.remove')}\n                >\n                  <Trash2 className=\"size-3.5\" />\n                </IconButton>\n              </div>\n              <div className=\"space-y-1\">\n                <Label htmlFor={`${id}-${draft.key}-path`} className=\"text-xs font-medium\">\n                  {t('workflows.tasks.inspector.bindings.idPath')}\n                </Label>\n                <TemplateTextControl\n                  id={`${id}-${draft.key}-path`}\n                  value={draft.idPath}\n                  onValueChange={(nextValue) => updateDraft(index, { idPath: nextValue })}\n                  ledgerEntries={ledgerEntries}\n                  insertMode=\"bare\"\n                  placeholder={t('workflows.tasks.inspector.bindings.idPathPlaceholder')}\n                  disabled={disabled}\n                />\n              </div>\n              <div className=\"space-y-1\">\n                <Label htmlFor={`${id}-${draft.key}-label`} className=\"text-xs font-medium\">\n                  {t('workflows.tasks.inspector.bindings.label')}\n                </Label>\n                <Input\n                  id={`${id}-${draft.key}-label`}\n                  type=\"text\"\n                  value={draft.label}\n                  onChange={(event) => updateDraft(index, { label: event.target.value })}\n                  placeholder={t('workflows.tasks.inspector.bindings.labelPlaceholder')}\n                  disabled={disabled}\n                />\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        size=\"sm\"\n        disabled={disabled}\n        onClick={() => setValue([...drafts, newEntityBindingDraft()])}\n      >\n        <Plus className=\"size-3.5 mr-1\" />\n        {t('workflows.tasks.inspector.bindings.add')}\n      </Button>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,64 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Textarea } from "@open-mercato/ui/primitives/textarea";
+import { VariablePickerButton } from "./VariablePickerButton.js";
+import { ledgerDropTargetProps } from "./ledgerDropTarget.js";
+function TemplateTextControl({
+  id,
+  value,
+  onValueChange,
+  ledgerEntries,
+  placeholder,
+  disabled,
+  multiline = false,
+  rows = 4,
+  insertMode = "template",
+  "aria-label": ariaLabel
+}) {
+  const dropProps = ledgerDropTargetProps({ value, onValueChange, insertMode, disabled });
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-1", children: [
+    multiline ? /* @__PURE__ */ jsx(
+      Textarea,
+      {
+        id,
+        value,
+        rows,
+        onChange: (event) => onValueChange(event.target.value),
+        placeholder,
+        disabled,
+        "aria-label": ariaLabel,
+        className: "flex-1",
+        ...dropProps
+      }
+    ) : /* @__PURE__ */ jsx(
+      Input,
+      {
+        id,
+        type: "text",
+        value,
+        onChange: (event) => onValueChange(event.target.value),
+        placeholder,
+        disabled,
+        "aria-label": ariaLabel,
+        className: "flex-1",
+        ...dropProps
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      VariablePickerButton,
+      {
+        targetId: id,
+        value,
+        onValueChange,
+        ledgerEntries,
+        insertMode,
+        disabled
+      }
+    )
+  ] });
+}
+export {
+  TemplateTextControl
+};
+//# sourceMappingURL=TemplateTextControl.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/workflows/components/fields/TemplateTextControl.tsx"],
+  "sourcesContent": ["'use client'\n\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport type { LedgerEntry } from '../../lib/context-ledger'\nimport { VariablePickerButton, type VariablePickerInsertMode } from './VariablePickerButton'\nimport { ledgerDropTargetProps } from './ledgerDropTarget'\n\n/**\n * A text control that speaks the context vocabulary: the ledger-fed variable\n * picker sits beside it and a row dragged out of the Input data panel inserts\n * at the caret. Exactly the pairing activity config fields already use\n * (`MappingArrayEditor`), lifted so the task inspector's copy fields get it\n * without repeating the wiring five times.\n *\n * Deliberately renders NO label or helper row: hosts are CrudForm custom\n * fields, and CrudForm already owns the label, the required marker and the\n * error text for the field it renders this inside.\n */\n\nexport interface TemplateTextControlProps {\n  id: string\n  value: string\n  onValueChange: (nextValue: string) => void\n  ledgerEntries?: LedgerEntry[]\n  placeholder?: string\n  disabled?: boolean\n  multiline?: boolean\n  rows?: number\n  insertMode?: VariablePickerInsertMode\n  'aria-label'?: string\n}\n\nexport function TemplateTextControl({\n  id,\n  value,\n  onValueChange,\n  ledgerEntries,\n  placeholder,\n  disabled,\n  multiline = false,\n  rows = 4,\n  insertMode = 'template',\n  'aria-label': ariaLabel,\n}: TemplateTextControlProps) {\n  const dropProps = ledgerDropTargetProps({ value, onValueChange, insertMode, disabled })\n\n  return (\n    <div className=\"flex items-start gap-1\">\n      {multiline ? (\n        <Textarea\n          id={id}\n          value={value}\n          rows={rows}\n          onChange={(event) => onValueChange(event.target.value)}\n          placeholder={placeholder}\n          disabled={disabled}\n          aria-label={ariaLabel}\n          className=\"flex-1\"\n          {...dropProps}\n        />\n      ) : (\n        <Input\n          id={id}\n          type=\"text\"\n          value={value}\n          onChange={(event) => onValueChange(event.target.value)}\n          placeholder={placeholder}\n          disabled={disabled}\n          aria-label={ariaLabel}\n          className=\"flex-1\"\n          {...dropProps}\n        />\n      )}\n      <VariablePickerButton\n        targetId={id}\n        value={value}\n        onValueChange={onValueChange}\n        ledgerEntries={ledgerEntries}\n        insertMode={insertMode}\n        disabled={disabled}\n      />\n    </div>\n  )\n}\n"],
+  "mappings": ";AAgDI,SAEI,KAFJ;AA9CJ,SAAS,aAAa;AACtB,SAAS,gBAAgB;AAEzB,SAAS,4BAA2D;AACpE,SAAS,6BAA6B;AA2B/B,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,aAAa;AAAA,EACb,cAAc;AAChB,GAA6B;AAC3B,QAAM,YAAY,sBAAsB,EAAE,OAAO,eAAe,YAAY,SAAS,CAAC;AAEtF,SACE,qBAAC,SAAI,WAAU,0BACZ;AAAA,gBACC;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,CAAC,UAAU,cAAc,MAAM,OAAO,KAAK;AAAA,QACrD;AAAA,QACA;AAAA,QACA,cAAY;AAAA,QACZ,WAAU;AAAA,QACT,GAAG;AAAA;AAAA,IACN,IAEA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL;AAAA,QACA,UAAU,CAAC,UAAU,cAAc,MAAM,OAAO,KAAK;AAAA,QACrD;AAAA,QACA;AAAA,QACA,cAAY;AAAA,QACZ,WAAU;AAAA,QACT,GAAG;AAAA;AAAA,IACN;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
+  "names": []
+}