@open-mercato/core 0.7.1-develop.7193.1.910a5b0a1e → 0.7.1-develop.7195.1.b5efd1d51a

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

@@ -0,0 +1,104 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import {
+  Drawer,
+  DrawerBody,
+  DrawerContent,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerTitle
+} from "@open-mercato/ui/primitives/drawer";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Alert, AlertDescription } from "@open-mercato/ui/primitives/alert";
+import { PortFieldArrayEditor } from "./PortFieldArrayEditor.js";
+function SchemaBuilderDialog({
+  open,
+  value,
+  workflowName,
+  disabled,
+  onSave,
+  onClose
+}) {
+  const t = useT();
+  const [inputs, setInputs] = useState([]);
+  const [outputs, setOutputs] = useState([]);
+  useEffect(() => {
+    if (!open) return;
+    setInputs(Array.isArray(value?.inputs) ? value.inputs : []);
+    setOutputs(Array.isArray(value?.outputs) ? value.outputs : []);
+  }, [open, value]);
+  const handleSave = () => {
+    if (disabled) return;
+    onSave({ inputs, outputs });
+  };
+  const handleKeyDown = (event) => {
+    if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+      event.preventDefault();
+      handleSave();
+    }
+  };
+  return /* @__PURE__ */ jsx(Drawer, { open, onOpenChange: (next) => {
+    if (!next) onClose();
+  }, children: /* @__PURE__ */ jsxs(
+    DrawerContent,
+    {
+      "data-testid": "workflow-schema-builder-drawer",
+      onKeyDown: handleKeyDown,
+      closeAriaLabel: t("workflows.ports.close"),
+      children: [
+        /* @__PURE__ */ jsxs(DrawerHeader, { children: [
+          /* @__PURE__ */ jsx(DrawerTitle, { children: t("workflows.ports.title") }),
+          /* @__PURE__ */ jsx(DrawerDescription, { children: workflowName ? `${workflowName} \u2014 ${t("workflows.ports.description")}` : t("workflows.ports.description") })
+        ] }),
+        /* @__PURE__ */ jsxs(DrawerBody, { className: "space-y-5 py-2", children: [
+          /* @__PURE__ */ jsxs("section", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxs("h3", { className: "text-sm font-semibold text-foreground flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "size-2 rounded-full bg-primary", "aria-hidden": "true" }),
+              t("workflows.ports.inputs")
+            ] }),
+            /* @__PURE__ */ jsx(
+              PortFieldArrayEditor,
+              {
+                id: "schema-builder-inputs",
+                value: inputs,
+                onChange: setInputs,
+                disabled,
+                addLabelKey: "workflows.ports.addInput",
+                emptyLabelKey: "workflows.ports.emptyInputs"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("section", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxs("h3", { className: "text-sm font-semibold text-foreground flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "size-2 rounded-full bg-secondary-foreground", "aria-hidden": "true" }),
+              t("workflows.ports.outputs")
+            ] }),
+            /* @__PURE__ */ jsx(
+              PortFieldArrayEditor,
+              {
+                id: "schema-builder-outputs",
+                value: outputs,
+                onChange: setOutputs,
+                disabled,
+                addLabelKey: "workflows.ports.addOutput",
+                emptyLabelKey: "workflows.ports.emptyOutputs"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(Alert, { status: "warning", size: "sm", children: /* @__PURE__ */ jsx(AlertDescription, { className: "text-xs", children: t("workflows.ports.breakingWarning") }) })
+        ] }),
+        /* @__PURE__ */ jsxs(DrawerFooter, { children: [
+          /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: onClose, children: t("workflows.ports.cancel") }),
+          /* @__PURE__ */ jsx(Button, { type: "button", onClick: handleSave, disabled, children: t("workflows.ports.save") })
+        ] })
+      ]
+    }
+  ) });
+}
+export {
+  SchemaBuilderDialog
+};
+//# sourceMappingURL=SchemaBuilderDialog.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/workflows/components/fields/SchemaBuilderDialog.tsx"],
+  "sourcesContent": ["'use client'\n\nimport { useEffect, useState, type KeyboardEvent } from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport {\n  Drawer,\n  DrawerBody,\n  DrawerContent,\n  DrawerDescription,\n  DrawerFooter,\n  DrawerHeader,\n  DrawerTitle,\n} from '@open-mercato/ui/primitives/drawer'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Alert, AlertDescription } from '@open-mercato/ui/primitives/alert'\nimport { PortFieldArrayEditor } from './PortFieldArrayEditor'\nimport type { PortField, WorkflowIoContract } from '../../data/validators'\n\nexport interface SchemaBuilderDialogProps {\n  open: boolean\n  /** Current IO contract (child definition.io); undefined \u2192 start empty. */\n  value?: WorkflowIoContract | null\n  /** Name of the workflow whose schema is being edited (header context). */\n  workflowName?: string\n  disabled?: boolean\n  onSave: (io: WorkflowIoContract) => void\n  onClose: () => void\n}\n\n/**\n * SchemaBuilderDialog \u2014 \"Schemat port\u00F3w\" editor for a sub-workflow's IO contract.\n *\n * Lets a business user declare the input (IN) and output (OUT) ports a\n * sub-workflow accepts/returns, each with one of the five simple types and a\n * `required` flag. Edits a draft copy and commits via `onSave`; changing or\n * removing a port can break existing mappings in callers, so a warning banner is\n * always shown (the affected-connection count arrives with breaking-change\n * detection in a later phase).\n *\n * A rail rather than a modal \u2014 two port lists plus a warning banner are a\n * secondary FORM, and the sub-workflow node whose contract is being declared\n * stays readable behind it. UX contract unchanged: `Cmd/Ctrl+Enter` submits,\n * `Escape` cancels.\n */\nexport function SchemaBuilderDialog({\n  open,\n  value,\n  workflowName,\n  disabled,\n  onSave,\n  onClose,\n}: SchemaBuilderDialogProps) {\n  const t = useT()\n  const [inputs, setInputs] = useState<PortField[]>([])\n  const [outputs, setOutputs] = useState<PortField[]>([])\n\n  // Re-seed the draft whenever the dialog opens or the source contract changes.\n  useEffect(() => {\n    if (!open) return\n    setInputs(Array.isArray(value?.inputs) ? value!.inputs : [])\n    setOutputs(Array.isArray(value?.outputs) ? value!.outputs : [])\n  }, [open, value])\n\n  const handleSave = () => {\n    if (disabled) return\n    onSave({ inputs, outputs })\n  }\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {\n      event.preventDefault()\n      handleSave()\n    }\n  }\n\n  return (\n    <Drawer open={open} onOpenChange={(next) => { if (!next) onClose() }}>\n      <DrawerContent\n        data-testid=\"workflow-schema-builder-drawer\"\n        onKeyDown={handleKeyDown}\n        closeAriaLabel={t('workflows.ports.close')}\n      >\n        <DrawerHeader>\n          <DrawerTitle>{t('workflows.ports.title')}</DrawerTitle>\n          <DrawerDescription>\n            {workflowName ? `${workflowName} \u2014 ${t('workflows.ports.description')}` : t('workflows.ports.description')}\n          </DrawerDescription>\n        </DrawerHeader>\n\n        <DrawerBody className=\"space-y-5 py-2\">\n          <section className=\"space-y-2\">\n            <h3 className=\"text-sm font-semibold text-foreground flex items-center gap-2\">\n              <span className=\"size-2 rounded-full bg-primary\" aria-hidden=\"true\" />\n              {t('workflows.ports.inputs')}\n            </h3>\n            <PortFieldArrayEditor\n              id=\"schema-builder-inputs\"\n              value={inputs}\n              onChange={setInputs}\n              disabled={disabled}\n              addLabelKey=\"workflows.ports.addInput\"\n              emptyLabelKey=\"workflows.ports.emptyInputs\"\n            />\n          </section>\n\n          <section className=\"space-y-2\">\n            <h3 className=\"text-sm font-semibold text-foreground flex items-center gap-2\">\n              <span className=\"size-2 rounded-full bg-secondary-foreground\" aria-hidden=\"true\" />\n              {t('workflows.ports.outputs')}\n            </h3>\n            <PortFieldArrayEditor\n              id=\"schema-builder-outputs\"\n              value={outputs}\n              onChange={setOutputs}\n              disabled={disabled}\n              addLabelKey=\"workflows.ports.addOutput\"\n              emptyLabelKey=\"workflows.ports.emptyOutputs\"\n            />\n          </section>\n\n          <Alert status=\"warning\" size=\"sm\">\n            <AlertDescription className=\"text-xs\">\n              {t('workflows.ports.breakingWarning')}\n            </AlertDescription>\n          </Alert>\n        </DrawerBody>\n\n        <DrawerFooter>\n          <Button type=\"button\" variant=\"outline\" onClick={onClose}>\n            {t('workflows.ports.cancel')}\n          </Button>\n          <Button type=\"button\" onClick={handleSave} disabled={disabled}>\n            {t('workflows.ports.save')}\n          </Button>\n        </DrawerFooter>\n      </DrawerContent>\n    </Drawer>\n  )\n}\n"],
+  "mappings": ";AAkFQ,SACE,KADF;AAhFR,SAAS,WAAW,gBAAoC;AACxD,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AACvB,SAAS,OAAO,wBAAwB;AACxC,SAAS,4BAA4B;AA6B9B,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA6B;AAC3B,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAsB,CAAC,CAAC;AACpD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAsB,CAAC,CAAC;AAGtD,YAAU,MAAM;AACd,QAAI,CAAC,KAAM;AACX,cAAU,MAAM,QAAQ,OAAO,MAAM,IAAI,MAAO,SAAS,CAAC,CAAC;AAC3D,eAAW,MAAM,QAAQ,OAAO,OAAO,IAAI,MAAO,UAAU,CAAC,CAAC;AAAA,EAChE,GAAG,CAAC,MAAM,KAAK,CAAC;AAEhB,QAAM,aAAa,MAAM;AACvB,QAAI,SAAU;AACd,WAAO,EAAE,QAAQ,QAAQ,CAAC;AAAA,EAC5B;AAEA,QAAM,gBAAgB,CAAC,UAAyC;AAC9D,SAAK,MAAM,WAAW,MAAM,YAAY,MAAM,QAAQ,SAAS;AAC7D,YAAM,eAAe;AACrB,iBAAW;AAAA,IACb;AAAA,EACF;AAEA,SACE,oBAAC,UAAO,MAAY,cAAc,CAAC,SAAS;AAAE,QAAI,CAAC,KAAM,SAAQ;AAAA,EAAE,GACjE;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,WAAW;AAAA,MACX,gBAAgB,EAAE,uBAAuB;AAAA,MAEzC;AAAA,6BAAC,gBACC;AAAA,8BAAC,eAAa,YAAE,uBAAuB,GAAE;AAAA,UACzC,oBAAC,qBACE,yBAAe,GAAG,YAAY,WAAM,EAAE,6BAA6B,CAAC,KAAK,EAAE,6BAA6B,GAC3G;AAAA,WACF;AAAA,QAEA,qBAAC,cAAW,WAAU,kBACpB;AAAA,+BAAC,aAAQ,WAAU,aACjB;AAAA,iCAAC,QAAG,WAAU,iEACZ;AAAA,kCAAC,UAAK,WAAU,kCAAiC,eAAY,QAAO;AAAA,cACnE,EAAE,wBAAwB;AAAA,eAC7B;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,IAAG;AAAA,gBACH,OAAO;AAAA,gBACP,UAAU;AAAA,gBACV;AAAA,gBACA,aAAY;AAAA,gBACZ,eAAc;AAAA;AAAA,YAChB;AAAA,aACF;AAAA,UAEA,qBAAC,aAAQ,WAAU,aACjB;AAAA,iCAAC,QAAG,WAAU,iEACZ;AAAA,kCAAC,UAAK,WAAU,+CAA8C,eAAY,QAAO;AAAA,cAChF,EAAE,yBAAyB;AAAA,eAC9B;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,IAAG;AAAA,gBACH,OAAO;AAAA,gBACP,UAAU;AAAA,gBACV;AAAA,gBACA,aAAY;AAAA,gBACZ,eAAc;AAAA;AAAA,YAChB;AAAA,aACF;AAAA,UAEA,oBAAC,SAAM,QAAO,WAAU,MAAK,MAC3B,8BAAC,oBAAiB,WAAU,WACzB,YAAE,iCAAiC,GACtC,GACF;AAAA,WACF;AAAA,QAEA,qBAAC,gBACC;AAAA,8BAAC,UAAO,MAAK,UAAS,SAAQ,WAAU,SAAS,SAC9C,YAAE,wBAAwB,GAC7B;AAAA,UACA,oBAAC,UAAO,MAAK,UAAS,SAAS,YAAY,UACxC,YAAE,sBAAsB,GAC3B;AAAA,WACF;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;",
+  "names": []
+}

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

@@ -244,11 +244,11 @@ function StartPreConditionsEditor({
                 Button,
                 {
                   type: "button",
-                  variant: "ghost",
+                  variant: "destructive-ghost",
                   size: "sm",
                   title: t("workflows.common.delete"),
                   disabled,
-                  children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4 text-destructive" })
+                  children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
                 }
               ),
               title: t("workflows.fieldEditors.preConditions.removePreCondition"),

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/workflows/components/fields/StartPreConditionsEditor.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { useState, useEffect, useCallback } from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { Plus, Trash2, AlertCircle, ChevronUp, ChevronDown } from 'lucide-react'\nimport { BusinessRulesSelector, type BusinessRule } from '../BusinessRulesSelector'\nimport { apiFetch } from '@open-mercato/ui/backend/utils/api'\nimport { EmptyState } from '@open-mercato/ui/backend/EmptyState'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { SwitchField } from '@open-mercato/ui/primitives/switch-field'\nimport { ConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { createLogger } from '@open-mercato/shared/lib/logger'\n\nconst logger = createLogger('workflows')\n\n/**\n * StartPreCondition interface matching the schema in validators.ts\n */\nexport interface StartPreCondition {\n  ruleId: string\n  required: boolean\n  validationMessage?: Record<string, string> // e.g., { en: 'Message', pl: 'Wiadomo\u015B\u0107' }\n}\n\ninterface StartPreConditionsEditorProps {\n  value?: StartPreCondition[] | unknown\n  setValue?: ((value: unknown) => void) | ((value: StartPreCondition[]) => void)\n  disabled?: boolean\n}\n\ninterface ConditionWithDetails extends StartPreCondition {\n  ruleName?: string\n  ruleType?: string\n  loading?: boolean\n  error?: boolean\n}\n\n/**\n * LocalizedMessageTextarea - Textarea with local state that only updates parent on blur\n */\nfunction LocalizedMessageTextarea({\n  value,\n  onChange,\n  disabled,\n  id,\n  placeholder,\n  hint,\n}: {\n  value: Record<string, string> | undefined\n  onChange: (messages: Record<string, string>) => void\n  disabled?: boolean\n  id: string\n  placeholder: string\n  hint: string\n}) {\n  const getValidationMessagesString = (messages: Record<string, string> | undefined): string => {\n    if (!messages) return ''\n    return Object.entries(messages)\n      .filter(([_, msg]) => msg)\n      .map(([locale, msg]) => `${locale}: ${msg}`)\n      .join('\\n')\n  }\n\n  const parseValidationMessagesString = (str: string): Record<string, string> => {\n    const result: Record<string, string> = {}\n    str.split('\\n').forEach(line => {\n      const match = line.match(/^(\\w+):\\s*(.*)$/)\n      if (match) {\n        result[match[1]] = match[2]\n      }\n    })\n    return result\n  }\n\n  const [localValue, setLocalValue] = useState(() => getValidationMessagesString(value))\n\n  // Update local value when external value changes\n  useEffect(() => {\n    setLocalValue(getValidationMessagesString(value))\n  }, [value])\n\n  const handleBlur = useCallback(() => {\n    onChange(parseValidationMessagesString(localValue))\n  }, [localValue, onChange])\n\n  return (\n    <>\n      <Textarea\n        id={id}\n        value={localValue}\n        onChange={(e) => setLocalValue(e.target.value)}\n        onBlur={handleBlur}\n        placeholder={placeholder}\n        rows={2}\n        className=\"mt-1 font-mono text-xs\"\n        disabled={disabled}\n      />\n      <p className=\"text-xs text-muted-foreground mt-1\">\n        {hint}\n      </p>\n    </>\n  )\n}\n\n/**\n * StartPreConditionsEditor - Editor for START step pre-conditions\n *\n * Uses BusinessRulesSelector modal for selecting business rules (searchable).\n * Supports localized validation messages for each pre-condition.\n * Matches the style of TransitionsEditor and BusinessRuleConditionsEditor.\n */\nexport function StartPreConditionsEditor({\n  value,\n  setValue,\n  disabled = false,\n}: StartPreConditionsEditorProps) {\n  const t = useT()\n  const [isModalOpen, setIsModalOpen] = useState(false)\n  const [conditionsWithDetails, setConditionsWithDetails] = useState<ConditionWithDetails[]>([])\n\n  // Safely cast value to StartPreCondition array\n  const conditions: StartPreCondition[] = Array.isArray(value) ? value : []\n\n  // Helper to call setValue with proper typing\n  const updateValue = (newValue: StartPreCondition[]) => {\n    if (setValue) {\n      setValue(newValue)\n    }\n  }\n\n  // Fetch rule details when conditions change\n  useEffect(() => {\n    const withDetails: ConditionWithDetails[] = conditions.map((c) => ({\n      ...c,\n      loading: true,\n    }))\n    setConditionsWithDetails(withDetails)\n\n    // Fetch details for each rule\n    conditions.forEach((condition, index) => {\n      fetchRuleDetails(condition.ruleId, index)\n    })\n  }, [JSON.stringify(conditions.map(c => c.ruleId))])\n\n  const fetchRuleDetails = async (ruleId: string, index: number) => {\n    try {\n      const params = new URLSearchParams({ ruleId, pageSize: '1' })\n      const response = await apiFetch(`/api/business_rules/rules?${params.toString()}`)\n\n      if (response.ok) {\n        const data = await response.json()\n        const rule = data.items?.[0] as BusinessRule | undefined\n\n        setConditionsWithDetails((prev) => {\n          const updated = [...prev]\n          if (updated[index]) {\n            updated[index] = {\n              ...updated[index],\n              ruleName: rule?.ruleName || ruleId,\n              ruleType: rule?.ruleType,\n              loading: false,\n              error: !rule,\n            }\n          }\n          return updated\n        })\n      } else {\n        setConditionsWithDetails((prev) => {\n          const updated = [...prev]\n          if (updated[index]) {\n            updated[index] = {\n              ...updated[index],\n              ruleName: ruleId,\n              loading: false,\n              error: true,\n            }\n          }\n          return updated\n        })\n      }\n    } catch (err) {\n      logger.error('Failed to fetch rule details', { ruleId, err })\n      setConditionsWithDetails((prev) => {\n        const updated = [...prev]\n        if (updated[index]) {\n          updated[index] = {\n            ...updated[index],\n            ruleName: ruleId,\n            loading: false,\n            error: true,\n          }\n        }\n        return updated\n      })\n    }\n  }\n\n  const addCondition = (ruleId: string, _rule: BusinessRule) => {\n    const newCondition: StartPreCondition = {\n      ruleId,\n      required: true,\n      validationMessage: { en: '' },\n    }\n    updateValue([...conditions, newCondition])\n    setIsModalOpen(false)\n  }\n\n  const updateCondition = (index: number, updates: Partial<StartPreCondition>) => {\n    const updated = [...conditions]\n    updated[index] = { ...updated[index], ...updates }\n    updateValue(updated)\n  }\n\n  const removeCondition = (index: number) => {\n    updateValue(conditions.filter((_, i) => i !== index))\n  }\n\n  const moveCondition = (index: number, direction: 'up' | 'down') => {\n    const newIndex = direction === 'up' ? index - 1 : index + 1\n    if (newIndex < 0 || newIndex >= conditions.length) return\n\n    const updated = [...conditions]\n    const temp = updated[index]\n    updated[index] = updated[newIndex]\n    updated[newIndex] = temp\n    updateValue(updated)\n  }\n\n  const getExcludedRuleIds = (): string[] => {\n    return conditions.map((c) => c.ruleId)\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div>\n          <p className=\"text-sm text-muted-foreground\">\n            {t('workflows.fieldEditors.preConditions.description')}\n          </p>\n        </div>\n        <Button\n          type=\"button\"\n          onClick={() => setIsModalOpen(true)}\n          variant=\"outline\"\n          size=\"sm\"\n          disabled={disabled}\n          className=\"w-full sm:w-auto\"\n        >\n          <Plus className=\"h-4 w-4 mr-1\" />\n          {t('workflows.fieldEditors.preConditions.addRule')}\n        </Button>\n      </div>\n\n      {conditions.length === 0 && (\n        <EmptyState\n          title={t('workflows.fieldEditors.preConditions.emptyTitle')}\n          description={t('workflows.fieldEditors.preConditions.emptyDescription')}\n          action={{ label: t('workflows.fieldEditors.preConditions.addRule'), onClick: () => setIsModalOpen(true), disabled }}\n        />\n      )}\n\n      <div className=\"space-y-3\">\n        {conditionsWithDetails.map((condition, index) => (\n          <div key={index} className=\"border border-gray-200 rounded-lg bg-white p-4\">\n            <div className=\"space-y-3\">\n              {/* Header row with rule info and actions */}\n              <div className=\"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\">\n                <div className=\"flex-1 min-w-0\">\n                  {/* Rule Name/ID */}\n                  {condition.loading ? (\n                    <div className=\"flex items-center gap-2\">\n                      <Spinner size=\"sm\" />\n                      <span className=\"text-sm text-muted-foreground\">{t('workflows.common.loadingDetails')}</span>\n                    </div>\n                  ) : condition.error ? (\n                    <div className=\"flex items-center gap-2\">\n                      <AlertCircle className=\"size-4 text-amber-600\" />\n                      <div>\n                        <span className=\"text-sm font-semibold text-foreground\">{condition.ruleId}</span>\n                        <p className=\"text-xs text-amber-600\">{t('workflows.common.ruleNotFound')}</p>\n                      </div>\n                    </div>\n                  ) : (\n                    <div>\n                      <div className=\"flex items-center gap-2\">\n                        <span className=\"text-sm font-semibold text-foreground\">{condition.ruleName}</span>\n                        {condition.ruleType && (\n                          <Badge variant=\"secondary\" className=\"text-xs\">\n                            {condition.ruleType}\n                          </Badge>\n                        )}\n                      </div>\n                      <p className=\"text-xs text-muted-foreground mt-0.5\">\n                        ID: <code className=\"bg-muted px-1 rounded font-mono\">{condition.ruleId}</code>\n                      </p>\n                    </div>\n                  )}\n                </div>\n\n                {/* Action buttons */}\n                <div className=\"flex items-center gap-1 self-end sm:self-auto\">\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    onClick={() => moveCondition(index, 'up')}\n                    disabled={index === 0 || disabled}\n                    title={t('workflows.common.moveUp')}\n                  >\n                    <ChevronUp className=\"h-4 w-4\" />\n                  </Button>\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    onClick={() => moveCondition(index, 'down')}\n                    disabled={index === conditions.length - 1 || disabled}\n                    title={t('workflows.common.moveDown')}\n                  >\n                    <ChevronDown className=\"h-4 w-4\" />\n                  </Button>\n                  <ConfirmDialog\n                    trigger={\n                      <Button\n                        type=\"button\"\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        title={t('workflows.common.delete')}\n                        disabled={disabled}\n                      >\n                        <Trash2 className=\"h-4 w-4 text-destructive\" />\n                      </Button>\n                    }\n                    title={t('workflows.fieldEditors.preConditions.removePreCondition')}\n                    text={t('workflows.fieldEditors.preConditions.confirmRemove')}\n                    variant=\"destructive\"\n                    onConfirm={() => removeCondition(index)}\n                  />\n                </div>\n              </div>\n\n              {/* Required toggle */}\n              <SwitchField\n                id={`precondition-${index}-required`}\n                label={t('workflows.fieldEditors.preConditions.requiredLabel')}\n                flip\n                checked={conditions[index]?.required ?? true}\n                onCheckedChange={(checked) => updateCondition(index, { required: checked })}\n                disabled={disabled}\n              />\n\n              {/* Validation Messages */}\n              <div>\n                <Label htmlFor={`precondition-${index}-messages`} className=\"text-xs\">\n                  {t('workflows.fieldEditors.preConditions.validationMessages')}\n                </Label>\n                <LocalizedMessageTextarea\n                  id={`precondition-${index}-messages`}\n                  value={conditions[index]?.validationMessage}\n                  onChange={(messages) => updateCondition(index, { validationMessage: messages })}\n                  disabled={disabled}\n                  placeholder={t('workflows.fieldEditors.preConditions.validationMessagesPlaceholder')}\n                  hint={t('workflows.fieldEditors.preConditions.validationMessagesHint')}\n                />\n              </div>\n            </div>\n          </div>\n        ))}\n      </div>\n\n      {/* Business Rules Selector Modal */}\n      <BusinessRulesSelector\n        isOpen={isModalOpen}\n        onClose={() => setIsModalOpen(false)}\n        onSelect={addCondition}\n        excludeRuleIds={getExcludedRuleIds()}\n        title={t('workflows.fieldEditors.preConditions.selectBusinessRule')}\n        description={t('workflows.fieldEditors.preConditions.selectBusinessRuleDescription')}\n        filterRuleType=\"GUARD\"\n        onlyEnabled={true}\n      />\n    </div>\n  )\n}\n"],
-  "mappings": ";AA0FI,mBACE,KADF;AAxFJ,SAAS,UAAU,WAAW,mBAAmB;AACjD,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,gBAAgB;AACzB,SAAS,MAAM,QAAQ,aAAa,WAAW,mBAAmB;AAClE,SAAS,6BAAgD;AACzD,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAC3B,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAE7B,MAAM,SAAS,aAAa,WAAW;AA2BvC,SAAS,yBAAyB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOG;AACD,QAAM,8BAA8B,CAAC,aAAyD;AAC5F,QAAI,CAAC,SAAU,QAAO;AACtB,WAAO,OAAO,QAAQ,QAAQ,EAC3B,OAAO,CAAC,CAAC,GAAG,GAAG,MAAM,GAAG,EACxB,IAAI,CAAC,CAAC,QAAQ,GAAG,MAAM,GAAG,MAAM,KAAK,GAAG,EAAE,EAC1C,KAAK,IAAI;AAAA,EACd;AAEA,QAAM,gCAAgC,CAAC,QAAwC;AAC7E,UAAM,SAAiC,CAAC;AACxC,QAAI,MAAM,IAAI,EAAE,QAAQ,UAAQ;AAC9B,YAAM,QAAQ,KAAK,MAAM,iBAAiB;AAC1C,UAAI,OAAO;AACT,eAAO,MAAM,CAAC,CAAC,IAAI,MAAM,CAAC;AAAA,MAC5B;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT;AAEA,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,MAAM,4BAA4B,KAAK,CAAC;AAGrF,YAAU,MAAM;AACd,kBAAc,4BAA4B,KAAK,CAAC;AAAA,EAClD,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,aAAa,YAAY,MAAM;AACnC,aAAS,8BAA8B,UAAU,CAAC;AAAA,EACpD,GAAG,CAAC,YAAY,QAAQ,CAAC;AAEzB,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,OAAO;AAAA,QACP,UAAU,CAAC,MAAM,cAAc,EAAE,OAAO,KAAK;AAAA,QAC7C,QAAQ;AAAA,QACR;AAAA,QACA,MAAM;AAAA,QACN,WAAU;AAAA,QACV;AAAA;AAAA,IACF;AAAA,IACA,oBAAC,OAAE,WAAU,sCACV,gBACH;AAAA,KACF;AAEJ;AASO,SAAS,yBAAyB;AAAA,EACvC;AAAA,EACA;AAAA,EACA,WAAW;AACb,GAAkC;AAChC,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AACpD,QAAM,CAAC,uBAAuB,wBAAwB,IAAI,SAAiC,CAAC,CAAC;AAG7F,QAAM,aAAkC,MAAM,QAAQ,KAAK,IAAI,QAAQ,CAAC;AAGxE,QAAM,cAAc,CAAC,aAAkC;AACrD,QAAI,UAAU;AACZ,eAAS,QAAQ;AAAA,IACnB;AAAA,EACF;AAGA,YAAU,MAAM;AACd,UAAM,cAAsC,WAAW,IAAI,CAAC,OAAO;AAAA,MACjE,GAAG;AAAA,MACH,SAAS;AAAA,IACX,EAAE;AACF,6BAAyB,WAAW;AAGpC,eAAW,QAAQ,CAAC,WAAW,UAAU;AACvC,uBAAiB,UAAU,QAAQ,KAAK;AAAA,IAC1C,CAAC;AAAA,EACH,GAAG,CAAC,KAAK,UAAU,WAAW,IAAI,OAAK,EAAE,MAAM,CAAC,CAAC,CAAC;AAElD,QAAM,mBAAmB,OAAO,QAAgB,UAAkB;AAChE,QAAI;AACF,YAAM,SAAS,IAAI,gBAAgB,EAAE,QAAQ,UAAU,IAAI,CAAC;AAC5D,YAAM,WAAW,MAAM,SAAS,6BAA6B,OAAO,SAAS,CAAC,EAAE;AAEhF,UAAI,SAAS,IAAI;AACf,cAAM,OAAO,MAAM,SAAS,KAAK;AACjC,cAAM,OAAO,KAAK,QAAQ,CAAC;AAE3B,iCAAyB,CAAC,SAAS;AACjC,gBAAM,UAAU,CAAC,GAAG,IAAI;AACxB,cAAI,QAAQ,KAAK,GAAG;AAClB,oBAAQ,KAAK,IAAI;AAAA,cACf,GAAG,QAAQ,KAAK;AAAA,cAChB,UAAU,MAAM,YAAY;AAAA,cAC5B,UAAU,MAAM;AAAA,cAChB,SAAS;AAAA,cACT,OAAO,CAAC;AAAA,YACV;AAAA,UACF;AACA,iBAAO;AAAA,QACT,CAAC;AAAA,MACH,OAAO;AACL,iCAAyB,CAAC,SAAS;AACjC,gBAAM,UAAU,CAAC,GAAG,IAAI;AACxB,cAAI,QAAQ,KAAK,GAAG;AAClB,oBAAQ,KAAK,IAAI;AAAA,cACf,GAAG,QAAQ,KAAK;AAAA,cAChB,UAAU;AAAA,cACV,SAAS;AAAA,cACT,OAAO;AAAA,YACT;AAAA,UACF;AACA,iBAAO;AAAA,QACT,CAAC;AAAA,MACH;AAAA,IACF,SAAS,KAAK;AACZ,aAAO,MAAM,gCAAgC,EAAE,QAAQ,IAAI,CAAC;AAC5D,+BAAyB,CAAC,SAAS;AACjC,cAAM,UAAU,CAAC,GAAG,IAAI;AACxB,YAAI,QAAQ,KAAK,GAAG;AAClB,kBAAQ,KAAK,IAAI;AAAA,YACf,GAAG,QAAQ,KAAK;AAAA,YAChB,UAAU;AAAA,YACV,SAAS;AAAA,YACT,OAAO;AAAA,UACT;AAAA,QACF;AACA,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,EACF;AAEA,QAAM,eAAe,CAAC,QAAgB,UAAwB;AAC5D,UAAM,eAAkC;AAAA,MACtC;AAAA,MACA,UAAU;AAAA,MACV,mBAAmB,EAAE,IAAI,GAAG;AAAA,IAC9B;AACA,gBAAY,CAAC,GAAG,YAAY,YAAY,CAAC;AACzC,mBAAe,KAAK;AAAA,EACtB;AAEA,QAAM,kBAAkB,CAAC,OAAe,YAAwC;AAC9E,UAAM,UAAU,CAAC,GAAG,UAAU;AAC9B,YAAQ,KAAK,IAAI,EAAE,GAAG,QAAQ,KAAK,GAAG,GAAG,QAAQ;AACjD,gBAAY,OAAO;AAAA,EACrB;AAEA,QAAM,kBAAkB,CAAC,UAAkB;AACzC,gBAAY,WAAW,OAAO,CAAC,GAAG,MAAM,MAAM,KAAK,CAAC;AAAA,EACtD;AAEA,QAAM,gBAAgB,CAAC,OAAe,cAA6B;AACjE,UAAM,WAAW,cAAc,OAAO,QAAQ,IAAI,QAAQ;AAC1D,QAAI,WAAW,KAAK,YAAY,WAAW,OAAQ;AAEnD,UAAM,UAAU,CAAC,GAAG,UAAU;AAC9B,UAAM,OAAO,QAAQ,KAAK;AAC1B,YAAQ,KAAK,IAAI,QAAQ,QAAQ;AACjC,YAAQ,QAAQ,IAAI;AACpB,gBAAY,OAAO;AAAA,EACrB;AAEA,QAAM,qBAAqB,MAAgB;AACzC,WAAO,WAAW,IAAI,CAAC,MAAM,EAAE,MAAM;AAAA,EACvC;AAEA,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,yBAAC,SAAI,WAAU,sEACb;AAAA,0BAAC,SACC,8BAAC,OAAE,WAAU,iCACV,YAAE,kDAAkD,GACvD,GACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,MAAM,eAAe,IAAI;AAAA,UAClC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL;AAAA,UACA,WAAU;AAAA,UAEV;AAAA,gCAAC,QAAK,WAAU,gBAAe;AAAA,YAC9B,EAAE,8CAA8C;AAAA;AAAA;AAAA,MACnD;AAAA,OACF;AAAA,IAEC,WAAW,WAAW,KACrB;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,EAAE,iDAAiD;AAAA,QAC1D,aAAa,EAAE,uDAAuD;AAAA,QACtE,QAAQ,EAAE,OAAO,EAAE,8CAA8C,GAAG,SAAS,MAAM,eAAe,IAAI,GAAG,SAAS;AAAA;AAAA,IACpH;AAAA,IAGF,oBAAC,SAAI,WAAU,aACZ,gCAAsB,IAAI,CAAC,WAAW,UACrC,oBAAC,SAAgB,WAAU,kDACzB,+BAAC,SAAI,WAAU,aAEb;AAAA,2BAAC,SAAI,WAAU,qEACb;AAAA,4BAAC,SAAI,WAAU,kBAEZ,oBAAU,UACT,qBAAC,SAAI,WAAU,2BACb;AAAA,8BAAC,WAAQ,MAAK,MAAK;AAAA,UACnB,oBAAC,UAAK,WAAU,iCAAiC,YAAE,iCAAiC,GAAE;AAAA,WACxF,IACE,UAAU,QACZ,qBAAC,SAAI,WAAU,2BACb;AAAA,8BAAC,eAAY,WAAU,yBAAwB;AAAA,UAC/C,qBAAC,SACC;AAAA,gCAAC,UAAK,WAAU,yCAAyC,oBAAU,QAAO;AAAA,YAC1E,oBAAC,OAAE,WAAU,0BAA0B,YAAE,+BAA+B,GAAE;AAAA,aAC5E;AAAA,WACF,IAEA,qBAAC,SACC;AAAA,+BAAC,SAAI,WAAU,2BACb;AAAA,gCAAC,UAAK,WAAU,yCAAyC,oBAAU,UAAS;AAAA,YAC3E,UAAU,YACT,oBAAC,SAAM,SAAQ,aAAY,WAAU,WAClC,oBAAU,UACb;AAAA,aAEJ;AAAA,UACA,qBAAC,OAAE,WAAU,wCAAuC;AAAA;AAAA,YAC9C,oBAAC,UAAK,WAAU,mCAAmC,oBAAU,QAAO;AAAA,aAC1E;AAAA,WACF,GAEJ;AAAA,QAGA,qBAAC,SAAI,WAAU,iDACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,SAAS,MAAM,cAAc,OAAO,IAAI;AAAA,cACxC,UAAU,UAAU,KAAK;AAAA,cACzB,OAAO,EAAE,yBAAyB;AAAA,cAElC,8BAAC,aAAU,WAAU,WAAU;AAAA;AAAA,UACjC;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,SAAS,MAAM,cAAc,OAAO,MAAM;AAAA,cAC1C,UAAU,UAAU,WAAW,SAAS,KAAK;AAAA,cAC7C,OAAO,EAAE,2BAA2B;AAAA,cAEpC,8BAAC,eAAY,WAAU,WAAU;AAAA;AAAA,UACnC;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SACE;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL,SAAQ;AAAA,kBACR,MAAK;AAAA,kBACL,OAAO,EAAE,yBAAyB;AAAA,kBAClC;AAAA,kBAEA,8BAAC,UAAO,WAAU,4BAA2B;AAAA;AAAA,cAC/C;AAAA,cAEF,OAAO,EAAE,yDAAyD;AAAA,cAClE,MAAM,EAAE,oDAAoD;AAAA,cAC5D,SAAQ;AAAA,cACR,WAAW,MAAM,gBAAgB,KAAK;AAAA;AAAA,UACxC;AAAA,WACF;AAAA,SACF;AAAA,MAGA;AAAA,QAAC;AAAA;AAAA,UACC,IAAI,gBAAgB,KAAK;AAAA,UACzB,OAAO,EAAE,oDAAoD;AAAA,UAC7D,MAAI;AAAA,UACJ,SAAS,WAAW,KAAK,GAAG,YAAY;AAAA,UACxC,iBAAiB,CAAC,YAAY,gBAAgB,OAAO,EAAE,UAAU,QAAQ,CAAC;AAAA,UAC1E;AAAA;AAAA,MACF;AAAA,MAGA,qBAAC,SACC;AAAA,4BAAC,SAAM,SAAS,gBAAgB,KAAK,aAAa,WAAU,WACzD,YAAE,yDAAyD,GAC9D;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,IAAI,gBAAgB,KAAK;AAAA,YACzB,OAAO,WAAW,KAAK,GAAG;AAAA,YAC1B,UAAU,CAAC,aAAa,gBAAgB,OAAO,EAAE,mBAAmB,SAAS,CAAC;AAAA,YAC9E;AAAA,YACA,aAAa,EAAE,oEAAoE;AAAA,YACnF,MAAM,EAAE,6DAA6D;AAAA;AAAA,QACvE;AAAA,SACF;AAAA,OACF,KAtGQ,KAuGV,CACD,GACH;AAAA,IAGA;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ;AAAA,QACR,SAAS,MAAM,eAAe,KAAK;AAAA,QACnC,UAAU;AAAA,QACV,gBAAgB,mBAAmB;AAAA,QACnC,OAAO,EAAE,yDAAyD;AAAA,QAClE,aAAa,EAAE,oEAAoE;AAAA,QACnF,gBAAe;AAAA,QACf,aAAa;AAAA;AAAA,IACf;AAAA,KACF;AAEJ;",
+  "sourcesContent": ["'use client'\n\nimport { useState, useEffect, useCallback } from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { Plus, Trash2, AlertCircle, ChevronUp, ChevronDown } from 'lucide-react'\nimport { BusinessRulesSelector, type BusinessRule } from '../BusinessRulesSelector'\nimport { apiFetch } from '@open-mercato/ui/backend/utils/api'\nimport { EmptyState } from '@open-mercato/ui/backend/EmptyState'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { SwitchField } from '@open-mercato/ui/primitives/switch-field'\nimport { ConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { createLogger } from '@open-mercato/shared/lib/logger'\n\nconst logger = createLogger('workflows')\n\n/**\n * StartPreCondition interface matching the schema in validators.ts\n */\nexport interface StartPreCondition {\n  ruleId: string\n  required: boolean\n  validationMessage?: Record<string, string> // e.g., { en: 'Message', pl: 'Wiadomo\u015B\u0107' }\n}\n\ninterface StartPreConditionsEditorProps {\n  value?: StartPreCondition[] | unknown\n  setValue?: ((value: unknown) => void) | ((value: StartPreCondition[]) => void)\n  disabled?: boolean\n}\n\ninterface ConditionWithDetails extends StartPreCondition {\n  ruleName?: string\n  ruleType?: string\n  loading?: boolean\n  error?: boolean\n}\n\n/**\n * LocalizedMessageTextarea - Textarea with local state that only updates parent on blur\n */\nfunction LocalizedMessageTextarea({\n  value,\n  onChange,\n  disabled,\n  id,\n  placeholder,\n  hint,\n}: {\n  value: Record<string, string> | undefined\n  onChange: (messages: Record<string, string>) => void\n  disabled?: boolean\n  id: string\n  placeholder: string\n  hint: string\n}) {\n  const getValidationMessagesString = (messages: Record<string, string> | undefined): string => {\n    if (!messages) return ''\n    return Object.entries(messages)\n      .filter(([_, msg]) => msg)\n      .map(([locale, msg]) => `${locale}: ${msg}`)\n      .join('\\n')\n  }\n\n  const parseValidationMessagesString = (str: string): Record<string, string> => {\n    const result: Record<string, string> = {}\n    str.split('\\n').forEach(line => {\n      const match = line.match(/^(\\w+):\\s*(.*)$/)\n      if (match) {\n        result[match[1]] = match[2]\n      }\n    })\n    return result\n  }\n\n  const [localValue, setLocalValue] = useState(() => getValidationMessagesString(value))\n\n  // Update local value when external value changes\n  useEffect(() => {\n    setLocalValue(getValidationMessagesString(value))\n  }, [value])\n\n  const handleBlur = useCallback(() => {\n    onChange(parseValidationMessagesString(localValue))\n  }, [localValue, onChange])\n\n  return (\n    <>\n      <Textarea\n        id={id}\n        value={localValue}\n        onChange={(e) => setLocalValue(e.target.value)}\n        onBlur={handleBlur}\n        placeholder={placeholder}\n        rows={2}\n        className=\"mt-1 font-mono text-xs\"\n        disabled={disabled}\n      />\n      <p className=\"text-xs text-muted-foreground mt-1\">\n        {hint}\n      </p>\n    </>\n  )\n}\n\n/**\n * StartPreConditionsEditor - Editor for START step pre-conditions\n *\n * Uses BusinessRulesSelector modal for selecting business rules (searchable).\n * Supports localized validation messages for each pre-condition.\n * Matches the style of TransitionsEditor and BusinessRuleConditionsEditor.\n */\nexport function StartPreConditionsEditor({\n  value,\n  setValue,\n  disabled = false,\n}: StartPreConditionsEditorProps) {\n  const t = useT()\n  const [isModalOpen, setIsModalOpen] = useState(false)\n  const [conditionsWithDetails, setConditionsWithDetails] = useState<ConditionWithDetails[]>([])\n\n  // Safely cast value to StartPreCondition array\n  const conditions: StartPreCondition[] = Array.isArray(value) ? value : []\n\n  // Helper to call setValue with proper typing\n  const updateValue = (newValue: StartPreCondition[]) => {\n    if (setValue) {\n      setValue(newValue)\n    }\n  }\n\n  // Fetch rule details when conditions change\n  useEffect(() => {\n    const withDetails: ConditionWithDetails[] = conditions.map((c) => ({\n      ...c,\n      loading: true,\n    }))\n    setConditionsWithDetails(withDetails)\n\n    // Fetch details for each rule\n    conditions.forEach((condition, index) => {\n      fetchRuleDetails(condition.ruleId, index)\n    })\n  }, [JSON.stringify(conditions.map(c => c.ruleId))])\n\n  const fetchRuleDetails = async (ruleId: string, index: number) => {\n    try {\n      const params = new URLSearchParams({ ruleId, pageSize: '1' })\n      const response = await apiFetch(`/api/business_rules/rules?${params.toString()}`)\n\n      if (response.ok) {\n        const data = await response.json()\n        const rule = data.items?.[0] as BusinessRule | undefined\n\n        setConditionsWithDetails((prev) => {\n          const updated = [...prev]\n          if (updated[index]) {\n            updated[index] = {\n              ...updated[index],\n              ruleName: rule?.ruleName || ruleId,\n              ruleType: rule?.ruleType,\n              loading: false,\n              error: !rule,\n            }\n          }\n          return updated\n        })\n      } else {\n        setConditionsWithDetails((prev) => {\n          const updated = [...prev]\n          if (updated[index]) {\n            updated[index] = {\n              ...updated[index],\n              ruleName: ruleId,\n              loading: false,\n              error: true,\n            }\n          }\n          return updated\n        })\n      }\n    } catch (err) {\n      logger.error('Failed to fetch rule details', { ruleId, err })\n      setConditionsWithDetails((prev) => {\n        const updated = [...prev]\n        if (updated[index]) {\n          updated[index] = {\n            ...updated[index],\n            ruleName: ruleId,\n            loading: false,\n            error: true,\n          }\n        }\n        return updated\n      })\n    }\n  }\n\n  const addCondition = (ruleId: string, _rule: BusinessRule) => {\n    const newCondition: StartPreCondition = {\n      ruleId,\n      required: true,\n      validationMessage: { en: '' },\n    }\n    updateValue([...conditions, newCondition])\n    setIsModalOpen(false)\n  }\n\n  const updateCondition = (index: number, updates: Partial<StartPreCondition>) => {\n    const updated = [...conditions]\n    updated[index] = { ...updated[index], ...updates }\n    updateValue(updated)\n  }\n\n  const removeCondition = (index: number) => {\n    updateValue(conditions.filter((_, i) => i !== index))\n  }\n\n  const moveCondition = (index: number, direction: 'up' | 'down') => {\n    const newIndex = direction === 'up' ? index - 1 : index + 1\n    if (newIndex < 0 || newIndex >= conditions.length) return\n\n    const updated = [...conditions]\n    const temp = updated[index]\n    updated[index] = updated[newIndex]\n    updated[newIndex] = temp\n    updateValue(updated)\n  }\n\n  const getExcludedRuleIds = (): string[] => {\n    return conditions.map((c) => c.ruleId)\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div>\n          <p className=\"text-sm text-muted-foreground\">\n            {t('workflows.fieldEditors.preConditions.description')}\n          </p>\n        </div>\n        <Button\n          type=\"button\"\n          onClick={() => setIsModalOpen(true)}\n          variant=\"outline\"\n          size=\"sm\"\n          disabled={disabled}\n          className=\"w-full sm:w-auto\"\n        >\n          <Plus className=\"h-4 w-4 mr-1\" />\n          {t('workflows.fieldEditors.preConditions.addRule')}\n        </Button>\n      </div>\n\n      {conditions.length === 0 && (\n        <EmptyState\n          title={t('workflows.fieldEditors.preConditions.emptyTitle')}\n          description={t('workflows.fieldEditors.preConditions.emptyDescription')}\n          action={{ label: t('workflows.fieldEditors.preConditions.addRule'), onClick: () => setIsModalOpen(true), disabled }}\n        />\n      )}\n\n      <div className=\"space-y-3\">\n        {conditionsWithDetails.map((condition, index) => (\n          <div key={index} className=\"border border-gray-200 rounded-lg bg-white p-4\">\n            <div className=\"space-y-3\">\n              {/* Header row with rule info and actions */}\n              <div className=\"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\">\n                <div className=\"flex-1 min-w-0\">\n                  {/* Rule Name/ID */}\n                  {condition.loading ? (\n                    <div className=\"flex items-center gap-2\">\n                      <Spinner size=\"sm\" />\n                      <span className=\"text-sm text-muted-foreground\">{t('workflows.common.loadingDetails')}</span>\n                    </div>\n                  ) : condition.error ? (\n                    <div className=\"flex items-center gap-2\">\n                      <AlertCircle className=\"size-4 text-amber-600\" />\n                      <div>\n                        <span className=\"text-sm font-semibold text-foreground\">{condition.ruleId}</span>\n                        <p className=\"text-xs text-amber-600\">{t('workflows.common.ruleNotFound')}</p>\n                      </div>\n                    </div>\n                  ) : (\n                    <div>\n                      <div className=\"flex items-center gap-2\">\n                        <span className=\"text-sm font-semibold text-foreground\">{condition.ruleName}</span>\n                        {condition.ruleType && (\n                          <Badge variant=\"secondary\" className=\"text-xs\">\n                            {condition.ruleType}\n                          </Badge>\n                        )}\n                      </div>\n                      <p className=\"text-xs text-muted-foreground mt-0.5\">\n                        ID: <code className=\"bg-muted px-1 rounded font-mono\">{condition.ruleId}</code>\n                      </p>\n                    </div>\n                  )}\n                </div>\n\n                {/* Action buttons */}\n                <div className=\"flex items-center gap-1 self-end sm:self-auto\">\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    onClick={() => moveCondition(index, 'up')}\n                    disabled={index === 0 || disabled}\n                    title={t('workflows.common.moveUp')}\n                  >\n                    <ChevronUp className=\"h-4 w-4\" />\n                  </Button>\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    onClick={() => moveCondition(index, 'down')}\n                    disabled={index === conditions.length - 1 || disabled}\n                    title={t('workflows.common.moveDown')}\n                  >\n                    <ChevronDown className=\"h-4 w-4\" />\n                  </Button>\n                  <ConfirmDialog\n                    trigger={\n                      <Button\n                        type=\"button\"\n                        variant=\"destructive-ghost\"\n                        size=\"sm\"\n                        title={t('workflows.common.delete')}\n                        disabled={disabled}\n                      >\n                        <Trash2 className=\"h-4 w-4\" />\n                      </Button>\n                    }\n                    title={t('workflows.fieldEditors.preConditions.removePreCondition')}\n                    text={t('workflows.fieldEditors.preConditions.confirmRemove')}\n                    variant=\"destructive\"\n                    onConfirm={() => removeCondition(index)}\n                  />\n                </div>\n              </div>\n\n              {/* Required toggle */}\n              <SwitchField\n                id={`precondition-${index}-required`}\n                label={t('workflows.fieldEditors.preConditions.requiredLabel')}\n                flip\n                checked={conditions[index]?.required ?? true}\n                onCheckedChange={(checked) => updateCondition(index, { required: checked })}\n                disabled={disabled}\n              />\n\n              {/* Validation Messages */}\n              <div>\n                <Label htmlFor={`precondition-${index}-messages`} className=\"text-xs\">\n                  {t('workflows.fieldEditors.preConditions.validationMessages')}\n                </Label>\n                <LocalizedMessageTextarea\n                  id={`precondition-${index}-messages`}\n                  value={conditions[index]?.validationMessage}\n                  onChange={(messages) => updateCondition(index, { validationMessage: messages })}\n                  disabled={disabled}\n                  placeholder={t('workflows.fieldEditors.preConditions.validationMessagesPlaceholder')}\n                  hint={t('workflows.fieldEditors.preConditions.validationMessagesHint')}\n                />\n              </div>\n            </div>\n          </div>\n        ))}\n      </div>\n\n      {/* Business Rules Selector Modal */}\n      <BusinessRulesSelector\n        isOpen={isModalOpen}\n        onClose={() => setIsModalOpen(false)}\n        onSelect={addCondition}\n        excludeRuleIds={getExcludedRuleIds()}\n        title={t('workflows.fieldEditors.preConditions.selectBusinessRule')}\n        description={t('workflows.fieldEditors.preConditions.selectBusinessRuleDescription')}\n        filterRuleType=\"GUARD\"\n        onlyEnabled={true}\n      />\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -0,0 +1,210 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Alert, AlertDescription } from "@open-mercato/ui/primitives/alert";
+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 { SegmentedControl, SegmentedControlItem } from "@open-mercato/ui/primitives/segmented-control";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@open-mercato/ui/primitives/tabs";
+import { Pencil } from "lucide-react";
+import {
+  TASK_ASSIGNEE_KINDS,
+  assignmentModesForAssigneeKind,
+  coerceAssignmentModeToAssigneeKind,
+  isTaskAssigneeKind
+} from "../../lib/task-inspector-config.js";
+import { BusinessRulesSelector } from "../BusinessRulesSelector.js";
+import { RolesMultiSelect } from "./RolesMultiSelect.js";
+import { TemplateTextControl } from "./TemplateTextControl.js";
+const ASSIGNMENT_MODES = ["role", "user", "dynamic", "rule"];
+const DEFAULT_FIELD_IDS = {
+  assignedTo: "assignedTo",
+  assignedToRoles: "assignedToRoles",
+  assignmentRule: "assignmentRule"
+};
+function readString(values, key) {
+  const value = values?.[key];
+  return typeof value === "string" ? value : "";
+}
+function readRoles(values, key) {
+  const value = values?.[key];
+  if (Array.isArray(value)) return value.filter((entry) => typeof entry === "string");
+  if (typeof value === "string") return value.split(",").map((role) => role.trim()).filter(Boolean);
+  return [];
+}
+function TaskAssignmentField({
+  id,
+  value,
+  setValue,
+  setFormValue,
+  values,
+  disabled,
+  ledgerEntries,
+  fieldIds = DEFAULT_FIELD_IDS,
+  modes = ASSIGNMENT_MODES,
+  portalAudience
+}) {
+  const t = useT();
+  const [ruleSelectorOpen, setRuleSelectorOpen] = useState(false);
+  const assigneeKindValue = portalAudience ? values?.[portalAudience.assigneeKind] : void 0;
+  const assigneeKind = portalAudience && isTaskAssigneeKind(assigneeKindValue) ? assigneeKindValue : "user";
+  const isPortal = assigneeKind === "customer";
+  const executableModes = assignmentModesForAssigneeKind(assigneeKind);
+  const availableModes = modes.filter((candidate) => executableModes.includes(candidate));
+  const mode = availableModes.includes(value) ? value : availableModes[0] ?? "role";
+  const roles = readRoles(values, fieldIds.assignedToRoles);
+  const assignedTo = readString(values, fieldIds.assignedTo);
+  const assignmentRule = readString(values, fieldIds.assignmentRule);
+  const boundRecords = portalAudience ? values?.[portalAudience.entityBindings] : void 0;
+  const isAboutSomeRecord = Array.isArray(boundRecords) && boundRecords.length > 0;
+  const setSibling = (fieldId, nextValue) => setFormValue?.(fieldId, nextValue);
+  const applyModeChange = (nextMode) => {
+    setValue(nextMode);
+    if (nextMode !== "rule") setSibling(fieldIds.assignmentRule, "");
+    if (nextMode === "role") setSibling(fieldIds.assignedTo, "");
+    if (nextMode === "user") setSibling(fieldIds.assignedToRoles, []);
+    if (nextMode === "rule") setSibling(fieldIds.assignedTo, "");
+  };
+  const handleModeChange = (nextMode) => {
+    if (!availableModes.includes(nextMode)) return;
+    applyModeChange(nextMode);
+  };
+  const handleAudienceChange = (nextValue) => {
+    if (!portalAudience || !isTaskAssigneeKind(nextValue)) return;
+    setSibling(portalAudience.assigneeKind, nextValue);
+    const nextMode = coerceAssignmentModeToAssigneeKind(mode, nextValue);
+    if (nextMode !== mode) applyModeChange(nextMode);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    portalAudience ? /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx("p", { id: `${id}-audience-label`, className: "text-xs font-medium", children: t("workflows.tasks.inspector.who.audience") }),
+      /* @__PURE__ */ jsx(
+        SegmentedControl,
+        {
+          value: assigneeKind,
+          onValueChange: handleAudienceChange,
+          disabled,
+          size: "sm",
+          "aria-labelledby": `${id}-audience-label`,
+          children: TASK_ASSIGNEE_KINDS.map((candidate) => /* @__PURE__ */ jsx(SegmentedControlItem, { value: candidate, children: t(`workflows.tasks.inspector.who.audiences.${candidate}`) }, candidate))
+        }
+      ),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: isPortal ? t("workflows.tasks.inspector.who.audienceCustomerHint") : t("workflows.tasks.inspector.who.audienceUserHint") }),
+      isPortal && !isAboutSomeRecord ? /* @__PURE__ */ jsx(Alert, { variant: "warning", children: /* @__PURE__ */ jsx(AlertDescription, { className: "text-xs", children: t("workflows.tasks.inspector.who.customerBindingRequired") }) }) : null
+    ] }) : null,
+    /* @__PURE__ */ jsxs(Tabs, { value: mode, onValueChange: handleModeChange, variant: "underline", children: [
+      /* @__PURE__ */ jsx(TabsList, { "aria-label": t("workflows.tasks.inspector.who.tabsLabel"), children: availableModes.map((candidate) => /* @__PURE__ */ jsx(TabsTrigger, { value: candidate, disabled, children: t(`workflows.tasks.inspector.who.modes.${candidate}`) }, candidate)) }),
+      /* @__PURE__ */ jsx(TabsContent, { value: "role", className: "pt-2", children: /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: `${id}-roles`, className: "text-xs font-medium", children: t("workflows.tasks.inspector.who.roleQueue") }),
+        /* @__PURE__ */ jsx(
+          RolesMultiSelect,
+          {
+            id: `${id}-roles`,
+            value: roles,
+            onChange: (nextRoles) => setSibling(fieldIds.assignedToRoles, nextRoles),
+            disabled
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsx(TabsContent, { value: "user", className: "pt-2", children: /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: `${id}-user`, className: "text-xs font-medium", children: isPortal ? t("workflows.tasks.inspector.who.customerUserId") : t("workflows.tasks.inspector.who.userId") }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: `${id}-user`,
+            type: "text",
+            value: assignedTo,
+            onChange: (event) => setSibling(fieldIds.assignedTo, event.target.value),
+            placeholder: t("workflows.form.placeholders.userId"),
+            disabled
+          }
+        ),
+        isPortal ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("workflows.tasks.inspector.who.customerUserIdHint") }) : null
+      ] }) }),
+      /* @__PURE__ */ jsx(TabsContent, { value: "dynamic", className: "pt-2", children: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: `${id}-dynamic`, className: "text-xs font-medium", children: isPortal ? t("workflows.tasks.inspector.who.customerDynamicExpression") : t("workflows.tasks.inspector.who.dynamicExpression") }),
+          /* @__PURE__ */ jsx(
+            TemplateTextControl,
+            {
+              id: `${id}-dynamic`,
+              value: assignedTo,
+              onValueChange: (nextValue) => setSibling(fieldIds.assignedTo, nextValue),
+              ledgerEntries,
+              placeholder: t(
+                isPortal ? "workflows.tasks.inspector.who.customerDynamicPlaceholder" : "workflows.tasks.inspector.who.dynamicPlaceholder"
+              ),
+              disabled
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsxs(Label, { htmlFor: `${id}-fallback-roles`, className: "text-xs font-medium", children: [
+            t("workflows.tasks.inspector.who.fallbackRoles"),
+            /* @__PURE__ */ jsx("span", { className: "text-status-error-text", children: " *" })
+          ] }),
+          /* @__PURE__ */ jsx(
+            RolesMultiSelect,
+            {
+              id: `${id}-fallback-roles`,
+              value: roles,
+              onChange: (nextRoles) => setSibling(fieldIds.assignedToRoles, nextRoles),
+              disabled
+            }
+          )
+        ] }),
+        roles.length === 0 ? /* @__PURE__ */ jsx(Alert, { variant: "warning", children: /* @__PURE__ */ jsx(AlertDescription, { className: "text-xs", children: isPortal ? t("workflows.tasks.inspector.who.customerFallbackRolesRequired") : t("workflows.tasks.inspector.who.fallbackRolesRequired") }) }) : /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: isPortal ? t("workflows.tasks.inspector.who.customerFallbackRolesHint") : t("workflows.tasks.inspector.who.fallbackRolesHint") })
+      ] }) }),
+      /* @__PURE__ */ jsx(TabsContent, { value: "rule", className: "pt-2", children: /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: `${id}-rule`, className: "text-xs font-medium", children: t("workflows.tasks.inspector.who.rule") }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: `${id}-rule`,
+              type: "text",
+              value: assignmentRule,
+              onChange: (event) => setSibling(fieldIds.assignmentRule, event.target.value),
+              placeholder: t("workflows.tasks.inspector.who.rulePlaceholder"),
+              disabled,
+              className: "flex-1 font-mono"
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              size: "sm",
+              disabled,
+              onClick: () => setRuleSelectorOpen(true),
+              children: [
+                /* @__PURE__ */ jsx(Pencil, { className: "size-3.5 mr-1" }),
+                t("workflows.tasks.inspector.who.pickRule")
+              ]
+            }
+          )
+        ] })
+      ] }) })
+    ] }),
+    ruleSelectorOpen && /* @__PURE__ */ jsx(
+      BusinessRulesSelector,
+      {
+        isOpen: true,
+        onClose: () => setRuleSelectorOpen(false),
+        onSelect: (ruleId) => {
+          setSibling(fieldIds.assignmentRule, ruleId);
+          setRuleSelectorOpen(false);
+        },
+        title: t("workflows.tasks.inspector.who.pickRule"),
+        description: t("workflows.tasks.inspector.who.pickRuleDescription")
+      }
+    )
+  ] });
+}
+export {
+  TaskAssignmentField
+};
+//# sourceMappingURL=TaskAssignmentField.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/workflows/components/fields/TaskAssignmentField.tsx"],
+  "sourcesContent": ["'use client'\n\nimport { useState } from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Alert, AlertDescription } from '@open-mercato/ui/primitives/alert'\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 { SegmentedControl, SegmentedControlItem } from '@open-mercato/ui/primitives/segmented-control'\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from '@open-mercato/ui/primitives/tabs'\nimport { Pencil } from 'lucide-react'\nimport type { CrudCustomFieldRenderProps } from '@open-mercato/ui/backend/CrudForm'\nimport type { UserTaskAssigneeKind } from '../../data/validators'\nimport type { LedgerEntry } from '../../lib/context-ledger'\nimport type { TaskAssignmentMode } from '../../lib/task-inspector-config'\nimport {\n  TASK_ASSIGNEE_KINDS,\n  assignmentModesForAssigneeKind,\n  coerceAssignmentModeToAssigneeKind,\n  isTaskAssigneeKind,\n} from '../../lib/task-inspector-config'\nimport { BusinessRulesSelector } from '../BusinessRulesSelector'\nimport { RolesMultiSelect } from './RolesMultiSelect'\nimport { TemplateTextControl } from './TemplateTextControl'\n\n/**\n * \"Who\" (spec \u00A76.1, section 3): the four assignment tabs.\n *\n * The tab is DERIVED, never stored \u2014 the assignment IS the three config keys\n * (`assignedTo`, `assignedToRoles`, `assignmentRule`), so switching tabs clears\n * the keys the new tab does not own rather than introducing a fifth source of\n * truth the engine would have to agree with. That is why this field drives its\n * siblings through `setFormValue` instead of owning a compound value.\n *\n * **Dynamic requires a role queue.** `resolveTaskAssignment` falls back to the\n * authored roles whenever a pill resolves to nothing (a missing path, an empty\n * value, an un-substituted token), and a dynamic assignment without that queue\n * creates a task nobody can see. The role picker is therefore part of the\n * Dynamic tab, marked required, with the consequence spelled out \u2014 the engine\n * implements the fallback, this is what makes it mandatory.\n *\n * **The audience comes first, and it GATES the tabs** (design \u00A77.1). Addressing\n * a task to a portal customer is honoured by `resolveTaskAssignment` only when\n * an individual assignee resolves, so Role and Rule \u2014 the two modes that name no\n * individual \u2014 are not offered for that audience at all rather than offered and\n * silently discarded. The two audiences SHARE the two remaining inputs; only the\n * id space and the consequence of a fallback differ, so the copy changes and the\n * controls do not duplicate.\n */\n\nconst ASSIGNMENT_MODES: TaskAssignmentMode[] = ['role', 'user', 'dynamic', 'rule']\n\n/**\n * The sibling form fields the assignment IS. Defaults to the USER_TASK\n * inspector's ids; the Invoke Agent node's Review section (\u00A77.5) authors the\n * same three things under its own ids, on its own step config.\n */\nexport interface TaskAssignmentFieldIds {\n  assignedTo: string\n  assignedToRoles: string\n  assignmentRule: string\n}\n\nconst DEFAULT_FIELD_IDS: TaskAssignmentFieldIds = {\n  assignedTo: 'assignedTo',\n  assignedToRoles: 'assignedToRoles',\n  assignmentRule: 'assignmentRule',\n}\n\n/**\n * The two sibling fields the portal audience needs, supplied ONLY by a step that\n * can actually raise portal work.\n *\n * Its absence is a statement, not an omission: the Invoke Agent Review section\n * (\u00A77.5) reuses this component, and `lib/agent-review.ts` fixes that task's\n * `assigneeKind` to `'user'` because a proposal is disposed from the backoffice.\n * Rendering an audience picker there would offer a choice the engine overrides.\n *\n * `entityBindings` is here because a portal task is owned by the record it is\n * bound to: `decideTaskVisibility` denies an unbound one (`portal-unbound`) for\n * every portal principal, so the count is part of whether the addressing works\n * at all \u2014 not a separate section's business.\n */\nexport interface TaskPortalAudienceFieldIds {\n  assigneeKind: string\n  entityBindings: string\n}\n\nexport interface TaskAssignmentFieldProps extends CrudCustomFieldRenderProps {\n  ledgerEntries?: LedgerEntry[]\n  /** Which form fields carry the assignment. Defaults to the USER_TASK ids. */\n  fieldIds?: TaskAssignmentFieldIds\n  /**\n   * Which tabs to offer. Defaults to all four. A caller that narrows this is\n   * saying the omitted modes have no meaning for its step \u2014 not that they are\n   * temporarily hidden \u2014 so the omitted keys are never written.\n   */\n  modes?: readonly TaskAssignmentMode[]\n  /** Present \u21D2 this step can address a portal customer. See the type doc. */\n  portalAudience?: TaskPortalAudienceFieldIds\n}\n\nfunction readString(values: Record<string, unknown> | undefined, key: string): string {\n  const value = values?.[key]\n  return typeof value === 'string' ? value : ''\n}\n\nfunction readRoles(values: Record<string, unknown> | undefined, key: string): string[] {\n  const value = values?.[key]\n  if (Array.isArray(value)) return value.filter((entry): entry is string => typeof entry === 'string')\n  if (typeof value === 'string') return value.split(',').map((role) => role.trim()).filter(Boolean)\n  return []\n}\n\nexport function TaskAssignmentField({\n  id,\n  value,\n  setValue,\n  setFormValue,\n  values,\n  disabled,\n  ledgerEntries,\n  fieldIds = DEFAULT_FIELD_IDS,\n  modes = ASSIGNMENT_MODES,\n  portalAudience,\n}: TaskAssignmentFieldProps) {\n  const t = useT()\n  const [ruleSelectorOpen, setRuleSelectorOpen] = useState(false)\n\n  const assigneeKindValue = portalAudience ? values?.[portalAudience.assigneeKind] : undefined\n  const assigneeKind: UserTaskAssigneeKind =\n    portalAudience && isTaskAssigneeKind(assigneeKindValue) ? assigneeKindValue : 'user'\n  const isPortal = assigneeKind === 'customer'\n\n  // The caller's own narrowing and the audience's narrowing are BOTH honoured:\n  // a mode either side rules out is a mode this step cannot execute.\n  const executableModes = assignmentModesForAssigneeKind(assigneeKind)\n  const availableModes = modes.filter((candidate) => executableModes.includes(candidate))\n\n  const mode: TaskAssignmentMode = availableModes.includes(value as TaskAssignmentMode)\n    ? (value as TaskAssignmentMode)\n    : availableModes[0] ?? 'role'\n  const roles = readRoles(values, fieldIds.assignedToRoles)\n  const assignedTo = readString(values, fieldIds.assignedTo)\n  const assignmentRule = readString(values, fieldIds.assignmentRule)\n  const boundRecords = portalAudience ? values?.[portalAudience.entityBindings] : undefined\n  const isAboutSomeRecord = Array.isArray(boundRecords) && boundRecords.length > 0\n\n  const setSibling = (fieldId: string, nextValue: unknown) => setFormValue?.(fieldId, nextValue)\n\n  const applyModeChange = (nextMode: TaskAssignmentMode) => {\n    setValue(nextMode)\n    if (nextMode !== 'rule') setSibling(fieldIds.assignmentRule, '')\n    if (nextMode === 'role') setSibling(fieldIds.assignedTo, '')\n    if (nextMode === 'user') setSibling(fieldIds.assignedToRoles, [])\n    if (nextMode === 'rule') setSibling(fieldIds.assignedTo, '')\n  }\n\n  const handleModeChange = (nextMode: string) => {\n    if (!availableModes.includes(nextMode as TaskAssignmentMode)) return\n    applyModeChange(nextMode as TaskAssignmentMode)\n  }\n\n  const handleAudienceChange = (nextValue: string) => {\n    if (!portalAudience || !isTaskAssigneeKind(nextValue)) return\n    setSibling(portalAudience.assigneeKind, nextValue)\n    // A tab the new audience cannot execute must not stay selected with its\n    // value still on the step, so the collapse runs the same clearing the tab\n    // strip does rather than leaving an inert `assignmentRule` behind.\n    const nextMode = coerceAssignmentModeToAssigneeKind(mode, nextValue)\n    if (nextMode !== mode) applyModeChange(nextMode)\n  }\n\n  return (\n    <div className=\"space-y-2\">\n      {portalAudience ? (\n        <div className=\"space-y-1\">\n          {/* A radiogroup takes its name from `aria-labelledby`, not from a\n              `<label htmlFor>` \u2014 the control it would point at is not a form\n              element. */}\n          <p id={`${id}-audience-label`} className=\"text-xs font-medium\">\n            {t('workflows.tasks.inspector.who.audience')}\n          </p>\n          <SegmentedControl\n            value={assigneeKind}\n            onValueChange={handleAudienceChange}\n            disabled={disabled}\n            size=\"sm\"\n            aria-labelledby={`${id}-audience-label`}\n          >\n            {TASK_ASSIGNEE_KINDS.map((candidate) => (\n              <SegmentedControlItem key={candidate} value={candidate}>\n                {t(`workflows.tasks.inspector.who.audiences.${candidate}`)}\n              </SegmentedControlItem>\n            ))}\n          </SegmentedControl>\n          <p className=\"text-xs text-muted-foreground\">\n            {isPortal\n              ? t('workflows.tasks.inspector.who.audienceCustomerHint')\n              : t('workflows.tasks.inspector.who.audienceUserHint')}\n          </p>\n          {isPortal && !isAboutSomeRecord ? (\n            <Alert variant=\"warning\">\n              <AlertDescription className=\"text-xs\">\n                {t('workflows.tasks.inspector.who.customerBindingRequired')}\n              </AlertDescription>\n            </Alert>\n          ) : null}\n        </div>\n      ) : null}\n\n      <Tabs value={mode} onValueChange={handleModeChange} variant=\"underline\">\n        <TabsList aria-label={t('workflows.tasks.inspector.who.tabsLabel')}>\n          {availableModes.map((candidate) => (\n            <TabsTrigger key={candidate} value={candidate} disabled={disabled}>\n              {t(`workflows.tasks.inspector.who.modes.${candidate}`)}\n            </TabsTrigger>\n          ))}\n        </TabsList>\n\n        <TabsContent value=\"role\" className=\"pt-2\">\n          <div className=\"space-y-1\">\n            <Label htmlFor={`${id}-roles`} className=\"text-xs font-medium\">\n              {t('workflows.tasks.inspector.who.roleQueue')}\n            </Label>\n            <RolesMultiSelect\n              id={`${id}-roles`}\n              value={roles}\n              onChange={(nextRoles) => setSibling(fieldIds.assignedToRoles, nextRoles)}\n              disabled={disabled}\n            />\n          </div>\n        </TabsContent>\n\n        {/* The two tabs below are SHARED by both audiences \u2014 same key, same\n            control, different id space \u2014 so only their copy switches. */}\n        <TabsContent value=\"user\" className=\"pt-2\">\n          <div className=\"space-y-1\">\n            <Label htmlFor={`${id}-user`} className=\"text-xs font-medium\">\n              {isPortal\n                ? t('workflows.tasks.inspector.who.customerUserId')\n                : t('workflows.tasks.inspector.who.userId')}\n            </Label>\n            <Input\n              id={`${id}-user`}\n              type=\"text\"\n              value={assignedTo}\n              onChange={(event) => setSibling(fieldIds.assignedTo, event.target.value)}\n              placeholder={t('workflows.form.placeholders.userId')}\n              disabled={disabled}\n            />\n            {isPortal ? (\n              <p className=\"text-xs text-muted-foreground\">\n                {t('workflows.tasks.inspector.who.customerUserIdHint')}\n              </p>\n            ) : null}\n          </div>\n        </TabsContent>\n\n        <TabsContent value=\"dynamic\" className=\"pt-2\">\n          <div className=\"space-y-2\">\n            <div className=\"space-y-1\">\n              <Label htmlFor={`${id}-dynamic`} className=\"text-xs font-medium\">\n                {isPortal\n                  ? t('workflows.tasks.inspector.who.customerDynamicExpression')\n                  : t('workflows.tasks.inspector.who.dynamicExpression')}\n              </Label>\n              <TemplateTextControl\n                id={`${id}-dynamic`}\n                value={assignedTo}\n                onValueChange={(nextValue) => setSibling(fieldIds.assignedTo, nextValue)}\n                ledgerEntries={ledgerEntries}\n                placeholder={t(\n                  isPortal\n                    ? 'workflows.tasks.inspector.who.customerDynamicPlaceholder'\n                    : 'workflows.tasks.inspector.who.dynamicPlaceholder',\n                )}\n                disabled={disabled}\n              />\n            </div>\n            <div className=\"space-y-1\">\n              <Label htmlFor={`${id}-fallback-roles`} className=\"text-xs font-medium\">\n                {t('workflows.tasks.inspector.who.fallbackRoles')}\n                <span className=\"text-status-error-text\"> *</span>\n              </Label>\n              <RolesMultiSelect\n                id={`${id}-fallback-roles`}\n                value={roles}\n                onChange={(nextRoles) => setSibling(fieldIds.assignedToRoles, nextRoles)}\n                disabled={disabled}\n              />\n            </div>\n            {roles.length === 0 ? (\n              <Alert variant=\"warning\">\n                <AlertDescription className=\"text-xs\">\n                  {isPortal\n                    ? t('workflows.tasks.inspector.who.customerFallbackRolesRequired')\n                    : t('workflows.tasks.inspector.who.fallbackRolesRequired')}\n                </AlertDescription>\n              </Alert>\n            ) : (\n              <p className=\"text-xs text-muted-foreground\">\n                {isPortal\n                  ? t('workflows.tasks.inspector.who.customerFallbackRolesHint')\n                  : t('workflows.tasks.inspector.who.fallbackRolesHint')}\n              </p>\n            )}\n          </div>\n        </TabsContent>\n\n        <TabsContent value=\"rule\" className=\"pt-2\">\n          <div className=\"space-y-1\">\n            <Label htmlFor={`${id}-rule`} className=\"text-xs font-medium\">\n              {t('workflows.tasks.inspector.who.rule')}\n            </Label>\n            <div className=\"flex items-center gap-1\">\n              <Input\n                id={`${id}-rule`}\n                type=\"text\"\n                value={assignmentRule}\n                onChange={(event) => setSibling(fieldIds.assignmentRule, event.target.value)}\n                placeholder={t('workflows.tasks.inspector.who.rulePlaceholder')}\n                disabled={disabled}\n                className=\"flex-1 font-mono\"\n              />\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                size=\"sm\"\n                disabled={disabled}\n                onClick={() => setRuleSelectorOpen(true)}\n              >\n                <Pencil className=\"size-3.5 mr-1\" />\n                {t('workflows.tasks.inspector.who.pickRule')}\n              </Button>\n            </div>\n          </div>\n        </TabsContent>\n      </Tabs>\n\n      {ruleSelectorOpen && (\n        <BusinessRulesSelector\n          isOpen\n          onClose={() => setRuleSelectorOpen(false)}\n          onSelect={(ruleId) => {\n            setSibling(fieldIds.assignmentRule, ruleId)\n            setRuleSelectorOpen(false)\n          }}\n          title={t('workflows.tasks.inspector.who.pickRule')}\n          description={t('workflows.tasks.inspector.who.pickRuleDescription')}\n        />\n      )}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}