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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/workflows/components/fields/AgentReviewOnBreachField.tsx"],
+  "sourcesContent": ["'use client'\n\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\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 type { CrudCustomFieldRenderProps } from '@open-mercato/ui/backend/CrudForm'\nimport {\n  AGENT_REVIEW_ON_BREACH_ACTIONS,\n  type AgentReviewOnBreachDraft,\n} from '../../lib/agent-review-inspector'\n\n/**\n * \"When the deadline passes\" for an agent disposition (spec \u00A77.5).\n *\n * Shaped exactly like `TaskOnBreachField` \u2014 same Select, same conditional\n * \"Reassign to\" input \u2014 but over a DIFFERENT action set, which is why it is its\n * own component rather than a prop on that one. \"Follow a route\" is missing on\n * purpose: routing the run past a proposal nobody answered drops the mutation\n * the agent proposed, which is a rejection in everything but name, and only a\n * human may reach a verdict. \"Mark for attention\" replaces it \u2014 the run stays\n * parked, the proposal stays pending, and the instance shows up in the triage\n * queue.\n */\nexport function AgentReviewOnBreachField({\n  id,\n  value,\n  setValue,\n  disabled,\n}: CrudCustomFieldRenderProps) {\n  const t = useT()\n  const draft: AgentReviewOnBreachDraft =\n    value && typeof value === 'object'\n      ? (value as AgentReviewOnBreachDraft)\n      : { action: '', reassignTo: '' }\n\n  const update = (patch: Partial<AgentReviewOnBreachDraft>) => setValue({ ...draft, ...patch })\n\n  return (\n    <div className=\"space-y-2\">\n      <Select\n        value={draft.action || 'none'}\n        onValueChange={(next) =>\n          update({ action: next === 'none' ? '' : (next as AgentReviewOnBreachDraft['action']) })\n        }\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          {AGENT_REVIEW_ON_BREACH_ACTIONS.map((action) => (\n            <SelectItem key={action} value={action}>\n              {t(`workflows.form.invokeAgent.review.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      <p className=\"text-xs text-muted-foreground\">\n        {t('workflows.form.invokeAgent.review.onBreachHint')}\n      </p>\n    </div>\n  )\n}\n"],
+  "mappings": ";AAsDU,cAEF,YAFE;AApDV,SAAS,YAAY;AACrB,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP;AAAA,EACE;AAAA,OAEK;AAcA,SAAS,yBAAyB;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA+B;AAC7B,QAAM,IAAI,KAAK;AACf,QAAM,QACJ,SAAS,OAAO,UAAU,WACrB,QACD,EAAE,QAAQ,IAAI,YAAY,GAAG;AAEnC,QAAM,SAAS,CAAC,UAA6C,SAAS,EAAE,GAAG,OAAO,GAAG,MAAM,CAAC;AAE5F,SACE,qBAAC,SAAI,WAAU,aACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,MAAM,UAAU;AAAA,QACvB,eAAe,CAAC,SACd,OAAO,EAAE,QAAQ,SAAS,SAAS,KAAM,KAA4C,CAAC;AAAA,QAExF;AAAA,QAEA;AAAA,8BAAC,iBAAc,IAAQ,cAAY,EAAE,yCAAyC,GAC5E,8BAAC,eAAY,aAAa,EAAE,6CAA6C,GAAG,GAC9E;AAAA,UACA,qBAAC,iBACC;AAAA,gCAAC,cAAW,OAAM,QAAQ,YAAE,6CAA6C,GAAE;AAAA,YAC1E,+BAA+B,IAAI,CAAC,WACnC,oBAAC,cAAwB,OAAO,QAC7B,YAAE,qDAAqD,MAAM,EAAE,KADjD,MAEjB,CACD;AAAA,aACH;AAAA;AAAA;AAAA,IACF;AAAA,IAEC,MAAM,WAAW,cAChB,qBAAC,SAAI,WAAU,aACb;AAAA,0BAAC,SAAM,SAAS,GAAG,EAAE,aAAa,WAAU,uBACzC,YAAE,2CAA2C,GAChD;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,IAAI,GAAG,EAAE;AAAA,UACT,MAAK;AAAA,UACL,OAAO,MAAM;AAAA,UACb,UAAU,CAAC,UAAU,OAAO,EAAE,YAAY,MAAM,OAAO,MAAM,CAAC;AAAA,UAC9D,aAAa,EAAE,sDAAsD;AAAA,UACrE;AAAA;AAAA,MACF;AAAA,OACF;AAAA,IAGF,oBAAC,OAAE,WAAU,iCACV,YAAE,gDAAgD,GACrD;AAAA,KACF;AAEJ;",
+  "names": []
+}

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

@@ -0,0 +1,227 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+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 { Input } from "@open-mercato/ui/primitives/input";
+import { Label } from "@open-mercato/ui/primitives/label";
+import { SwitchField } from "@open-mercato/ui/primitives/switch-field";
+import { ConditionBuilder } from "@open-mercato/core/modules/business_rules/components/ConditionBuilder";
+import { BusinessRulesSelector } from "../BusinessRulesSelector.js";
+import { VariablePickerButton } from "./VariablePickerButton.js";
+import { ledgerDropTargetProps } from "./ledgerDropTarget.js";
+import {
+  collectDuplicateCaseValues,
+  ensureOtherwiseRoute
+} from "../../lib/branching-routes.js";
+function RouteHeader({ route, disabled, onMakeOtherwise }) {
+  const t = useT();
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(Badge, { variant: route.kind === "otherwise" ? "secondary" : "outline", children: route.kind === "otherwise" ? t("workflows.branching.otherwiseBadge", "Otherwise") : t("workflows.branching.caseBadge", "Case") }),
+      /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("workflows.branching.routeTarget", "Routes to {stepId}", { stepId: route.toStepId }) })
+    ] }),
+    route.kind === "case" && /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: onMakeOtherwise, disabled, children: t("workflows.branching.makeOtherwise", "Use as otherwise") })
+  ] });
+}
+function EmptyRoutesAlert() {
+  const t = useT();
+  return /* @__PURE__ */ jsx(Alert, { variant: "info", children: /* @__PURE__ */ jsx(AlertDescription, { children: t(
+    "workflows.branching.noRoutes",
+    "Connect this step to its next steps on the canvas \u2014 every connection becomes a route you can condition here."
+  ) }) });
+}
+function SingleRouteAlert() {
+  const t = useT();
+  return /* @__PURE__ */ jsx(Alert, { variant: "warning", children: /* @__PURE__ */ jsx(AlertDescription, { children: t(
+    "workflows.branching.singleRoute",
+    "Add a second outgoing connection so this step has both a conditioned route and an otherwise route."
+  ) }) });
+}
+function useNormalizedRoutes(routes) {
+  return useMemo(() => ensureOtherwiseRoute(Array.isArray(routes) ? routes : []), [routes]);
+}
+function IfElseRoutesField({ id, value, setValue, disabled }) {
+  const t = useT();
+  const routes = useNormalizedRoutes(value);
+  const [ruleSelectorTransitionId, setRuleSelectorTransitionId] = useState(null);
+  const updateRoute = (transitionId, patch) => {
+    setValue(routes.map((route) => route.transitionId === transitionId ? { ...route, ...patch } : route));
+  };
+  const makeOtherwise = (transitionId) => {
+    setValue(
+      ensureOtherwiseRoute(
+        routes.map((route) => ({
+          ...route,
+          kind: route.transitionId === transitionId ? "otherwise" : "case"
+        }))
+      )
+    );
+  };
+  if (routes.length === 0) return /* @__PURE__ */ jsx(EmptyRoutesAlert, {});
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+    routes.length === 1 && /* @__PURE__ */ jsx(SingleRouteAlert, {}),
+    routes.map((route) => /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-border p-3", children: [
+      /* @__PURE__ */ jsx(RouteHeader, { route, disabled, onMakeOtherwise: () => makeOtherwise(route.transitionId) }),
+      route.kind === "otherwise" ? /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: t(
+        "workflows.branching.otherwiseHint",
+        "The otherwise route runs when no other route matches. It is always evaluated last."
+      ) }) : /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-col gap-3", children: [
+        /* @__PURE__ */ jsx(
+          SwitchField,
+          {
+            id: `${id}-${route.transitionId}-mode`,
+            label: t("workflows.branching.useBusinessRule", "Use a Business Rule instead"),
+            checked: route.mode === "rule",
+            onCheckedChange: (checked) => updateRoute(route.transitionId, { mode: checked ? "rule" : "inline" }),
+            disabled
+          }
+        ),
+        route.mode === "rule" ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-mono text-muted-foreground", children: route.ruleId || t("workflows.branching.noRuleSelected", "No rule selected") }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              size: "sm",
+              onClick: () => setRuleSelectorTransitionId(route.transitionId),
+              disabled,
+              children: t("workflows.branching.selectRule", "Select rule")
+            }
+          )
+        ] }) : /* @__PURE__ */ jsx(
+          ConditionBuilder,
+          {
+            value: route.condition ?? null,
+            onChangeAction: (next) => updateRoute(route.transitionId, { condition: next }),
+            entityType: "workflow:transition"
+          }
+        )
+      ] })
+    ] }, route.transitionId)),
+    /* @__PURE__ */ jsx(
+      BusinessRulesSelector,
+      {
+        isOpen: ruleSelectorTransitionId !== null,
+        onClose: () => setRuleSelectorTransitionId(null),
+        onSelect: (ruleId) => {
+          if (ruleSelectorTransitionId) updateRoute(ruleSelectorTransitionId, { ruleId, mode: "rule" });
+          setRuleSelectorTransitionId(null);
+        },
+        title: t("workflows.branching.selectRuleTitle", "Select a business rule"),
+        onlyEnabled: true
+      }
+    )
+  ] });
+}
+function SwitchRoutesField({ id, value, setValue, disabled, ledgerEntries }) {
+  const t = useT();
+  const field = value?.field ?? "";
+  const routes = useNormalizedRoutes(value?.routes);
+  const duplicates = useMemo(() => collectDuplicateCaseValues(routes), [routes]);
+  const commit = (nextField, nextRoutes) => {
+    setValue({ field: nextField, routes: nextRoutes });
+  };
+  const updateRoute = (transitionId, patch) => {
+    commit(field, routes.map((route) => route.transitionId === transitionId ? { ...route, ...patch } : route));
+  };
+  const makeOtherwise = (transitionId) => {
+    commit(
+      field,
+      ensureOtherwiseRoute(
+        routes.map((route) => ({
+          ...route,
+          kind: route.transitionId === transitionId ? "otherwise" : "case"
+        }))
+      )
+    );
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(Label, { htmlFor: `${id}-field`, className: "mb-1 text-xs font-medium", children: t("workflows.branching.switchField", "Field") }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: `${id}-field`,
+            type: "text",
+            value: field,
+            onChange: (event) => commit(event.target.value, routes),
+            placeholder: t("workflows.branching.switchFieldPlaceholder", "order.status"),
+            className: "flex-1 font-mono text-xs",
+            disabled,
+            ...ledgerDropTargetProps({
+              value: field,
+              onValueChange: (nextValue) => commit(nextValue, routes),
+              insertMode: "bare",
+              disabled
+            })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          VariablePickerButton,
+          {
+            targetId: `${id}-field`,
+            value: field,
+            onValueChange: (nextValue) => commit(nextValue, routes),
+            ledgerEntries,
+            insertMode: "bare",
+            disabled
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: t("workflows.branching.switchFieldHint", "The context path this step switches on. Each case compares it for equality.") })
+    ] }),
+    duplicates.length > 0 && /* @__PURE__ */ jsx(Alert, { variant: "warning", children: /* @__PURE__ */ jsx(AlertDescription, { children: t(
+      "workflows.branching.duplicateCases",
+      "Duplicate case value(s): {values}. Only the highest-priority route can ever match.",
+      { values: duplicates.join(", ") }
+    ) }) }),
+    routes.length === 0 && /* @__PURE__ */ jsx(EmptyRoutesAlert, {}),
+    routes.length === 1 && /* @__PURE__ */ jsx(SingleRouteAlert, {}),
+    routes.map((route) => /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-border p-3", children: [
+      /* @__PURE__ */ jsx(RouteHeader, { route, disabled, onMakeOtherwise: () => makeOtherwise(route.transitionId) }),
+      route.kind === "otherwise" ? /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: t(
+        "workflows.branching.otherwiseRequired",
+        "A Switch always keeps one otherwise route so an unmatched value cannot stall the workflow."
+      ) }) : /* @__PURE__ */ jsxs("div", { className: "mt-3 grid gap-3 sm:grid-cols-2", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: `${id}-${route.transitionId}-label`, className: "mb-1 text-xs font-medium", children: t("workflows.branching.caseLabelField", "Label") }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: `${id}-${route.transitionId}-label`,
+              type: "text",
+              value: route.caseLabel ?? "",
+              onChange: (event) => updateRoute(route.transitionId, { caseLabel: event.target.value }),
+              className: "text-xs",
+              disabled
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: `${id}-${route.transitionId}-value`, className: "mb-1 text-xs font-medium", children: t("workflows.branching.caseValueField", "Value") }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: `${id}-${route.transitionId}-value`,
+              type: "text",
+              value: route.caseValue ?? "",
+              onChange: (event) => updateRoute(route.transitionId, { caseValue: event.target.value, mode: "inline" }),
+              className: "font-mono text-xs",
+              disabled
+            }
+          )
+        ] })
+      ] })
+    ] }, route.transitionId))
+  ] });
+}
+export {
+  IfElseRoutesField,
+  SwitchRoutesField
+};
+//# sourceMappingURL=BranchingRoutesEditor.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/workflows/components/fields/BranchingRoutesEditor.tsx"],
+  "sourcesContent": ["'use client'\n\nimport { useMemo, useState } from 'react'\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 { Input } from '@open-mercato/ui/primitives/input'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { SwitchField } from '@open-mercato/ui/primitives/switch-field'\nimport { ConditionBuilder } from '@open-mercato/core/modules/business_rules/components/ConditionBuilder'\nimport type { GroupCondition } from '@open-mercato/core/modules/business_rules/components/utils/conditionValidation'\nimport { BusinessRulesSelector } from '../BusinessRulesSelector'\nimport { VariablePickerButton } from './VariablePickerButton'\nimport { ledgerDropTargetProps } from './ledgerDropTarget'\nimport type { LedgerEntry } from '../../lib/context-ledger'\nimport {\n  collectDuplicateCaseValues,\n  ensureOtherwiseRoute,\n  type BranchingRouteDraft,\n  type SwitchRoutesValue,\n} from '../../lib/branching-routes'\n\n/**\n * If/Else + Switch route inspectors (spec\n * 2026-07-26-workflows-ux-redesign.md section 5.8).\n *\n * Both inspectors edit the branching node's OUTGOING TRANSITIONS and nothing\n * else: a case route carries either an inline condition in the business_rules\n * expression language (edited with the shared ConditionBuilder) or a reference\n * to a saved Business Rule, and exactly one route stays unconditioned as the\n * otherwise route. Compilation into edge data lives in the pure\n * lib/branching-routes.ts.\n */\n\ninterface RouteHeaderProps {\n  route: BranchingRouteDraft\n  disabled?: boolean\n  onMakeOtherwise: () => void\n}\n\nfunction RouteHeader({ route, disabled, onMakeOtherwise }: RouteHeaderProps) {\n  const t = useT()\n  return (\n    <div className=\"flex items-center justify-between gap-2\">\n      <div className=\"flex items-center gap-2\">\n        <Badge variant={route.kind === 'otherwise' ? 'secondary' : 'outline'}>\n          {route.kind === 'otherwise'\n            ? t('workflows.branching.otherwiseBadge', 'Otherwise')\n            : t('workflows.branching.caseBadge', 'Case')}\n        </Badge>\n        <span className=\"text-xs text-muted-foreground\">\n          {t('workflows.branching.routeTarget', 'Routes to {stepId}', { stepId: route.toStepId })}\n        </span>\n      </div>\n      {route.kind === 'case' && (\n        <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={onMakeOtherwise} disabled={disabled}>\n          {t('workflows.branching.makeOtherwise', 'Use as otherwise')}\n        </Button>\n      )}\n    </div>\n  )\n}\n\nfunction EmptyRoutesAlert() {\n  const t = useT()\n  return (\n    <Alert variant=\"info\">\n      <AlertDescription>\n        {t(\n          'workflows.branching.noRoutes',\n          'Connect this step to its next steps on the canvas \u2014 every connection becomes a route you can condition here.',\n        )}\n      </AlertDescription>\n    </Alert>\n  )\n}\n\nfunction SingleRouteAlert() {\n  const t = useT()\n  return (\n    <Alert variant=\"warning\">\n      <AlertDescription>\n        {t(\n          'workflows.branching.singleRoute',\n          'Add a second outgoing connection so this step has both a conditioned route and an otherwise route.',\n        )}\n      </AlertDescription>\n    </Alert>\n  )\n}\n\nfunction useNormalizedRoutes(routes: BranchingRouteDraft[] | undefined): BranchingRouteDraft[] {\n  return useMemo(() => ensureOtherwiseRoute(Array.isArray(routes) ? routes : []), [routes])\n}\n\nexport interface IfElseRoutesFieldProps {\n  id: string\n  value?: BranchingRouteDraft[]\n  setValue: (next: BranchingRouteDraft[]) => void\n  disabled?: boolean\n}\n\nexport function IfElseRoutesField({ id, value, setValue, disabled }: IfElseRoutesFieldProps) {\n  const t = useT()\n  const routes = useNormalizedRoutes(value)\n  const [ruleSelectorTransitionId, setRuleSelectorTransitionId] = useState<string | null>(null)\n\n  const updateRoute = (transitionId: string, patch: Partial<BranchingRouteDraft>) => {\n    setValue(routes.map((route) => (route.transitionId === transitionId ? { ...route, ...patch } : route)))\n  }\n\n  const makeOtherwise = (transitionId: string) => {\n    setValue(\n      ensureOtherwiseRoute(\n        routes.map((route) => ({\n          ...route,\n          kind: route.transitionId === transitionId ? 'otherwise' : 'case',\n        })),\n      ),\n    )\n  }\n\n  if (routes.length === 0) return <EmptyRoutesAlert />\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      {routes.length === 1 && <SingleRouteAlert />}\n      {routes.map((route) => (\n        <div key={route.transitionId} className=\"rounded-md border border-border p-3\">\n          <RouteHeader route={route} disabled={disabled} onMakeOtherwise={() => makeOtherwise(route.transitionId)} />\n\n          {route.kind === 'otherwise' ? (\n            <p className=\"mt-2 text-xs text-muted-foreground\">\n              {t(\n                'workflows.branching.otherwiseHint',\n                'The otherwise route runs when no other route matches. It is always evaluated last.',\n              )}\n            </p>\n          ) : (\n            <div className=\"mt-3 flex flex-col gap-3\">\n              <SwitchField\n                id={`${id}-${route.transitionId}-mode`}\n                label={t('workflows.branching.useBusinessRule', 'Use a Business Rule instead')}\n                checked={route.mode === 'rule'}\n                onCheckedChange={(checked) =>\n                  updateRoute(route.transitionId, { mode: checked ? 'rule' : 'inline' })\n                }\n                disabled={disabled}\n              />\n\n              {route.mode === 'rule' ? (\n                <div className=\"flex items-center gap-2\">\n                  <span className=\"text-xs font-mono text-muted-foreground\">\n                    {route.ruleId || t('workflows.branching.noRuleSelected', 'No rule selected')}\n                  </span>\n                  <Button\n                    type=\"button\"\n                    variant=\"outline\"\n                    size=\"sm\"\n                    onClick={() => setRuleSelectorTransitionId(route.transitionId)}\n                    disabled={disabled}\n                  >\n                    {t('workflows.branching.selectRule', 'Select rule')}\n                  </Button>\n                </div>\n              ) : (\n                <ConditionBuilder\n                  value={route.condition ?? null}\n                  onChangeAction={(next: GroupCondition) => updateRoute(route.transitionId, { condition: next })}\n                  entityType=\"workflow:transition\"\n                />\n              )}\n            </div>\n          )}\n        </div>\n      ))}\n\n      <BusinessRulesSelector\n        isOpen={ruleSelectorTransitionId !== null}\n        onClose={() => setRuleSelectorTransitionId(null)}\n        onSelect={(ruleId) => {\n          if (ruleSelectorTransitionId) updateRoute(ruleSelectorTransitionId, { ruleId, mode: 'rule' })\n          setRuleSelectorTransitionId(null)\n        }}\n        title={t('workflows.branching.selectRuleTitle', 'Select a business rule')}\n        onlyEnabled\n      />\n    </div>\n  )\n}\n\nexport interface SwitchRoutesFieldProps {\n  id: string\n  value?: SwitchRoutesValue\n  setValue: (next: SwitchRoutesValue) => void\n  disabled?: boolean\n  ledgerEntries?: LedgerEntry[]\n}\n\nexport function SwitchRoutesField({ id, value, setValue, disabled, ledgerEntries }: SwitchRoutesFieldProps) {\n  const t = useT()\n  const field = value?.field ?? ''\n  const routes = useNormalizedRoutes(value?.routes)\n  const duplicates = useMemo(() => collectDuplicateCaseValues(routes), [routes])\n\n  const commit = (nextField: string, nextRoutes: BranchingRouteDraft[]) => {\n    setValue({ field: nextField, routes: nextRoutes })\n  }\n\n  const updateRoute = (transitionId: string, patch: Partial<BranchingRouteDraft>) => {\n    commit(field, routes.map((route) => (route.transitionId === transitionId ? { ...route, ...patch } : route)))\n  }\n\n  const makeOtherwise = (transitionId: string) => {\n    commit(\n      field,\n      ensureOtherwiseRoute(\n        routes.map((route) => ({\n          ...route,\n          kind: route.transitionId === transitionId ? 'otherwise' : 'case',\n        })),\n      ),\n    )\n  }\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <div>\n        <Label htmlFor={`${id}-field`} className=\"mb-1 text-xs font-medium\">\n          {t('workflows.branching.switchField', 'Field')}\n        </Label>\n        <div className=\"flex items-center gap-1\">\n          <Input\n            id={`${id}-field`}\n            type=\"text\"\n            value={field}\n            onChange={(event) => commit(event.target.value, routes)}\n            placeholder={t('workflows.branching.switchFieldPlaceholder', 'order.status')}\n            className=\"flex-1 font-mono text-xs\"\n            disabled={disabled}\n            {...ledgerDropTargetProps({\n              value: field,\n              onValueChange: (nextValue) => commit(nextValue, routes),\n              insertMode: 'bare',\n              disabled,\n            })}\n          />\n          <VariablePickerButton\n            targetId={`${id}-field`}\n            value={field}\n            onValueChange={(nextValue) => commit(nextValue, routes)}\n            ledgerEntries={ledgerEntries}\n            insertMode=\"bare\"\n            disabled={disabled}\n          />\n        </div>\n        <p className=\"mt-0.5 text-xs text-muted-foreground\">\n          {t('workflows.branching.switchFieldHint', 'The context path this step switches on. Each case compares it for equality.')}\n        </p>\n      </div>\n\n      {duplicates.length > 0 && (\n        <Alert variant=\"warning\">\n          <AlertDescription>\n            {t(\n              'workflows.branching.duplicateCases',\n              'Duplicate case value(s): {values}. Only the highest-priority route can ever match.',\n              { values: duplicates.join(', ') },\n            )}\n          </AlertDescription>\n        </Alert>\n      )}\n\n      {routes.length === 0 && <EmptyRoutesAlert />}\n      {routes.length === 1 && <SingleRouteAlert />}\n\n      {routes.map((route) => (\n        <div key={route.transitionId} className=\"rounded-md border border-border p-3\">\n          <RouteHeader route={route} disabled={disabled} onMakeOtherwise={() => makeOtherwise(route.transitionId)} />\n\n          {route.kind === 'otherwise' ? (\n            <p className=\"mt-2 text-xs text-muted-foreground\">\n              {t(\n                'workflows.branching.otherwiseRequired',\n                'A Switch always keeps one otherwise route so an unmatched value cannot stall the workflow.',\n              )}\n            </p>\n          ) : (\n            <div className=\"mt-3 grid gap-3 sm:grid-cols-2\">\n              <div>\n                <Label htmlFor={`${id}-${route.transitionId}-label`} className=\"mb-1 text-xs font-medium\">\n                  {t('workflows.branching.caseLabelField', 'Label')}\n                </Label>\n                <Input\n                  id={`${id}-${route.transitionId}-label`}\n                  type=\"text\"\n                  value={route.caseLabel ?? ''}\n                  onChange={(event) => updateRoute(route.transitionId, { caseLabel: event.target.value })}\n                  className=\"text-xs\"\n                  disabled={disabled}\n                />\n              </div>\n              <div>\n                <Label htmlFor={`${id}-${route.transitionId}-value`} className=\"mb-1 text-xs font-medium\">\n                  {t('workflows.branching.caseValueField', 'Value')}\n                </Label>\n                <Input\n                  id={`${id}-${route.transitionId}-value`}\n                  type=\"text\"\n                  value={route.caseValue ?? ''}\n                  onChange={(event) => updateRoute(route.transitionId, { caseValue: event.target.value, mode: 'inline' })}\n                  className=\"font-mono text-xs\"\n                  disabled={disabled}\n                />\n              </div>\n            </div>\n          )}\n        </div>\n      ))}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -4,8 +4,10 @@ import { useState, useEffect } from "react";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { Button } from "@open-mercato/ui/primitives/button";
 import { Badge } from "@open-mercato/ui/primitives/badge";
-import { Plus, Trash2, AlertCircle } from "lucide-react";
+import { Plus, Trash2, AlertCircle, Pencil } from "lucide-react";
+import { InlineRuleEditor } from "@open-mercato/core/modules/business_rules/components/InlineRuleEditor";
 import { BusinessRulesSelector } from "../BusinessRulesSelector.js";
+import { BusinessRuleUsagePanel } from "../BusinessRuleUsagePanel.js";
 import { apiFetch } from "@open-mercato/ui/backend/utils/api";
 import { EmptyState } from "@open-mercato/ui/backend/EmptyState";
 import { Spinner } from "@open-mercato/ui/primitives/spinner";
@@ -29,7 +31,9 @@ function BusinessRuleConditionsEditor({
 }) {
   const t = useT();
   const [isModalOpen, setIsModalOpen] = useState(false);
+  const [editingRule, setEditingRule] = useState(null);
   const [conditionsWithDetails, setConditionsWithDetails] = useState([]);
+  const [detailsRefreshToken, setDetailsRefreshToken] = useState(0);
   const conditions = Array.isArray(value) ? value : [];
   useEffect(() => {
     const normalized = conditions.map(normalizeCondition);
@@ -41,7 +45,7 @@ function BusinessRuleConditionsEditor({
     normalized.forEach((condition, index) => {
       fetchRuleDetails(condition.ruleId, index);
     });
-  }, [JSON.stringify(conditions.map(normalizeCondition))]);
+  }, [JSON.stringify(conditions.map(normalizeCondition)), detailsRefreshToken]);
   const fetchRuleDetails = async (ruleId, index) => {
     try {
       const params = new URLSearchParams({ ruleId, pageSize: "1" });
@@ -56,6 +60,7 @@ function BusinessRuleConditionsEditor({
               ...updated[index],
               ruleName: rule?.ruleName || ruleId,
               ruleType: rule?.ruleType,
+              recordId: rule?.id,
               loading: false,
               error: !rule
             };
@@ -167,6 +172,19 @@ function BusinessRuleConditionsEditor({
             }
           )
         ] }),
+        condition.recordId && !condition.loading && !condition.error ? /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "sm",
+            disabled,
+            className: "ml-2 flex-shrink-0",
+            "aria-label": t("workflows.businessRules.editRule"),
+            onClick: () => setEditingRule({ recordId: condition.recordId, ruleId: condition.ruleId }),
+            children: /* @__PURE__ */ jsx(Pencil, { className: "size-4" })
+          }
+        ) : null,
         /* @__PURE__ */ jsx(
           ConfirmDialog,
           {
@@ -174,11 +192,11 @@ function BusinessRuleConditionsEditor({
               Button,
               {
                 type: "button",
-                variant: "ghost",
+                variant: "destructive-ghost",
                 size: "sm",
                 disabled,
                 className: "ml-2 flex-shrink-0",
-                children: /* @__PURE__ */ jsx(Trash2, { className: "size-4 text-destructive" })
+                children: /* @__PURE__ */ jsx(Trash2, { className: "size-4" })
               }
             ),
             title: t("workflows.fieldEditors.businessRuleConditions.removeCondition"),
@@ -202,6 +220,21 @@ function BusinessRuleConditionsEditor({
         filterRuleType,
         onlyEnabled: true
       }
+    ),
+    /* @__PURE__ */ jsx(
+      InlineRuleEditor,
+      {
+        open: editingRule !== null,
+        onOpenChange: (open) => {
+          if (!open) setEditingRule(null);
+        },
+        recordId: editingRule?.recordId ?? null,
+        onSaved: () => {
+          setEditingRule(null);
+          setDetailsRefreshToken((token) => token + 1);
+        },
+        usagePanel: /* @__PURE__ */ jsx(BusinessRuleUsagePanel, { ruleId: editingRule?.ruleId ?? null })
+      }
     )
   ] });
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/workflows/components/fields/BusinessRuleConditionsEditor.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { useState, useEffect } 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 { Plus, Trash2, AlertCircle } from 'lucide-react'\nimport type { CrudCustomFieldRenderProps } from '@open-mercato/ui/backend/CrudForm'\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 * Condition definition structure (supports legacy string format and new object format)\n */\nexport type TransitionCondition = string | { ruleId: string; required: boolean }\n\ninterface BusinessRuleConditionsEditorProps extends CrudCustomFieldRenderProps {\n  value: TransitionCondition[]\n  filterEntityType?: string\n  filterRuleType?: string\n}\n\ninterface ConditionWithDetails {\n  ruleId: string\n  required: boolean\n  ruleName?: string\n  ruleType?: string\n  loading?: boolean\n  error?: boolean\n}\n\n/**\n * Normalize legacy string format to object format\n */\nfunction normalizeCondition(raw: TransitionCondition): { ruleId: string; required: boolean } {\n  if (typeof raw === 'string') {\n    return { ruleId: raw, required: true }\n  }\n  return raw\n}\n\n/**\n * BusinessRuleConditionsEditor - Custom field component for managing pre/post business rule conditions\n *\n * Integrates with BusinessRulesSelector modal to add/remove conditions.\n * Fetches and displays rule names for selected rule IDs.\n * Supports both legacy string format and new object format with required flag.\n *\n * Used by EdgeEditDialog (pre-conditions and post-conditions)\n */\nexport function BusinessRuleConditionsEditor({\n  id,\n  value = [],\n  setValue,\n  disabled,\n  filterEntityType,\n  filterRuleType,\n}: BusinessRuleConditionsEditorProps) {\n  const t = useT()\n  const [isModalOpen, setIsModalOpen] = useState(false)\n  const [conditionsWithDetails, setConditionsWithDetails] = useState<ConditionWithDetails[]>([])\n\n  const conditions = Array.isArray(value) ? value : []\n\n  // Fetch rule details when conditions change\n  useEffect(() => {\n    const normalized = conditions.map(normalizeCondition)\n    const withDetails: ConditionWithDetails[] = normalized.map((c) => ({\n      ...c,\n      loading: true,\n    }))\n    setConditionsWithDetails(withDetails)\n\n    // Fetch details for each rule\n    normalized.forEach((condition, index) => {\n      fetchRuleDetails(condition.ruleId, index)\n    })\n  }, [JSON.stringify(conditions.map(normalizeCondition))])\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: TransitionCondition = { ruleId, required: true }\n    setValue([...conditions, newCondition])\n    setIsModalOpen(false)\n  }\n\n  const removeCondition = (index: number) => {\n    const newConditions = conditions.filter((_, i) => i !== index)\n    setValue(newConditions)\n  }\n\n  const toggleRequired = (index: number) => {\n    const normalized = normalizeCondition(conditions[index])\n    const updated = [...conditions]\n    updated[index] = {\n      ruleId: normalized.ruleId,\n      required: !normalized.required,\n    }\n    setValue(updated)\n  }\n\n  const getExcludedRuleIds = (): string[] => {\n    return conditions.map((c) => normalizeCondition(c).ruleId)\n  }\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"flex items-center justify-end\">\n        <Button\n          type=\"button\"\n          size=\"sm\"\n          onClick={() => setIsModalOpen(true)}\n          disabled={disabled}\n        >\n          <Plus className=\"size-3 mr-1\" />\n          {t('workflows.fieldEditors.businessRuleConditions.addRule')}\n        </Button>\n      </div>\n\n      {conditions.length === 0 ? (\n        <EmptyState\n          title={t('workflows.fieldEditors.businessRuleConditions.emptyTitle')}\n          description={t('workflows.fieldEditors.businessRuleConditions.emptyDescription')}\n          action={{ label: t('workflows.fieldEditors.businessRuleConditions.addRule'), onClick: () => setIsModalOpen(true), disabled }}\n        />\n      ) : (\n        <div className=\"space-y-2\">\n          {conditionsWithDetails.map((condition, index) => {\n            const normalized = normalizeCondition(conditions[index])\n            return (\n              <div key={index} className=\"border border-gray-200 rounded-lg bg-white p-4\">\n                <div className=\"flex items-start justify-between\">\n                  <div className=\"flex-1 min-w-0 space-y-2\">\n                    {/* Rule Name/ID */}\n                    <div className=\"flex items-center gap-2\">\n                      {condition.loading ? (\n                        <>\n                          <Spinner size=\"sm\" />\n                          <span className=\"text-sm text-muted-foreground\">{t('workflows.common.loadingDetails')}</span>\n                        </>\n                      ) : condition.error ? (\n                        <>\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                        </>\n                      ) : (\n                        <div>\n                          <span className=\"text-sm font-semibold text-foreground\">{condition.ruleName}</span>\n                          {condition.ruleType && (\n                            <Badge variant=\"secondary\" className=\"text-xs ml-2\">\n                              {condition.ruleType}\n                            </Badge>\n                          )}\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                    {/* Required Toggle */}\n                    <SwitchField\n                      id={`${id}-${index}-required`}\n                      label={t('workflows.fieldEditors.businessRuleConditions.requiredLabel')}\n                      flip\n                      checked={normalized.required}\n                      onCheckedChange={() => toggleRequired(index)}\n                      disabled={disabled}\n                    />\n                  </div>\n\n                  {/* Delete Button */}\n                  <ConfirmDialog\n                    trigger={\n                      <Button\n                        type=\"button\"\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        disabled={disabled}\n                        className=\"ml-2 flex-shrink-0\"\n                      >\n                        <Trash2 className=\"size-4 text-destructive\" />\n                      </Button>\n                    }\n                    title={t('workflows.fieldEditors.businessRuleConditions.removeCondition')}\n                    text={t('workflows.fieldEditors.businessRuleConditions.confirmRemove')}\n                    variant=\"destructive\"\n                    onConfirm={() => removeCondition(index)}\n                  />\n                </div>\n              </div>\n            )\n          })}\n        </div>\n      )}\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.businessRuleConditions.selectBusinessRule')}\n        description={t('workflows.fieldEditors.businessRuleConditions.selectBusinessRuleDescription')}\n        filterEntityType={filterEntityType}\n        filterRuleType={filterRuleType}\n        onlyEnabled={true}\n      />\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport { useState, useEffect } 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 { Plus, Trash2, AlertCircle, Pencil } from 'lucide-react'\nimport type { CrudCustomFieldRenderProps } from '@open-mercato/ui/backend/CrudForm'\nimport { InlineRuleEditor } from '@open-mercato/core/modules/business_rules/components/InlineRuleEditor'\nimport { BusinessRulesSelector, type BusinessRule } from '../BusinessRulesSelector'\nimport { BusinessRuleUsagePanel } from '../BusinessRuleUsagePanel'\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 * Condition definition structure (supports legacy string format and new object format)\n */\nexport type TransitionCondition = string | { ruleId: string; required: boolean }\n\ninterface BusinessRuleConditionsEditorProps extends CrudCustomFieldRenderProps {\n  value: TransitionCondition[]\n  filterEntityType?: string\n  filterRuleType?: string\n}\n\ninterface ConditionWithDetails {\n  ruleId: string\n  required: boolean\n  ruleName?: string\n  ruleType?: string\n  recordId?: string\n  loading?: boolean\n  error?: boolean\n}\n\n/**\n * Normalize legacy string format to object format\n */\nfunction normalizeCondition(raw: TransitionCondition): { ruleId: string; required: boolean } {\n  if (typeof raw === 'string') {\n    return { ruleId: raw, required: true }\n  }\n  return raw\n}\n\n/**\n * BusinessRuleConditionsEditor - Custom field component for managing pre/post business rule conditions\n *\n * Integrates with BusinessRulesSelector modal to add/remove conditions.\n * Fetches and displays rule names for selected rule IDs.\n * Supports both legacy string format and new object format with required flag.\n *\n * Used by EdgeEditDialog (pre-conditions and post-conditions)\n */\nexport function BusinessRuleConditionsEditor({\n  id,\n  value = [],\n  setValue,\n  disabled,\n  filterEntityType,\n  filterRuleType,\n}: BusinessRuleConditionsEditorProps) {\n  const t = useT()\n  const [isModalOpen, setIsModalOpen] = useState(false)\n  const [editingRule, setEditingRule] = useState<{ recordId: string; ruleId: string } | null>(null)\n  const [conditionsWithDetails, setConditionsWithDetails] = useState<ConditionWithDetails[]>([])\n  const [detailsRefreshToken, setDetailsRefreshToken] = useState(0)\n\n  const conditions = Array.isArray(value) ? value : []\n\n  // Fetch rule details when conditions change\n  useEffect(() => {\n    const normalized = conditions.map(normalizeCondition)\n    const withDetails: ConditionWithDetails[] = normalized.map((c) => ({\n      ...c,\n      loading: true,\n    }))\n    setConditionsWithDetails(withDetails)\n\n    // Fetch details for each rule\n    normalized.forEach((condition, index) => {\n      fetchRuleDetails(condition.ruleId, index)\n    })\n  }, [JSON.stringify(conditions.map(normalizeCondition)), detailsRefreshToken])\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              recordId: rule?.id,\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: TransitionCondition = { ruleId, required: true }\n    setValue([...conditions, newCondition])\n    setIsModalOpen(false)\n  }\n\n  const removeCondition = (index: number) => {\n    const newConditions = conditions.filter((_, i) => i !== index)\n    setValue(newConditions)\n  }\n\n  const toggleRequired = (index: number) => {\n    const normalized = normalizeCondition(conditions[index])\n    const updated = [...conditions]\n    updated[index] = {\n      ruleId: normalized.ruleId,\n      required: !normalized.required,\n    }\n    setValue(updated)\n  }\n\n  const getExcludedRuleIds = (): string[] => {\n    return conditions.map((c) => normalizeCondition(c).ruleId)\n  }\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"flex items-center justify-end\">\n        <Button\n          type=\"button\"\n          size=\"sm\"\n          onClick={() => setIsModalOpen(true)}\n          disabled={disabled}\n        >\n          <Plus className=\"size-3 mr-1\" />\n          {t('workflows.fieldEditors.businessRuleConditions.addRule')}\n        </Button>\n      </div>\n\n      {conditions.length === 0 ? (\n        <EmptyState\n          title={t('workflows.fieldEditors.businessRuleConditions.emptyTitle')}\n          description={t('workflows.fieldEditors.businessRuleConditions.emptyDescription')}\n          action={{ label: t('workflows.fieldEditors.businessRuleConditions.addRule'), onClick: () => setIsModalOpen(true), disabled }}\n        />\n      ) : (\n        <div className=\"space-y-2\">\n          {conditionsWithDetails.map((condition, index) => {\n            const normalized = normalizeCondition(conditions[index])\n            return (\n              <div key={index} className=\"border border-gray-200 rounded-lg bg-white p-4\">\n                <div className=\"flex items-start justify-between\">\n                  <div className=\"flex-1 min-w-0 space-y-2\">\n                    {/* Rule Name/ID */}\n                    <div className=\"flex items-center gap-2\">\n                      {condition.loading ? (\n                        <>\n                          <Spinner size=\"sm\" />\n                          <span className=\"text-sm text-muted-foreground\">{t('workflows.common.loadingDetails')}</span>\n                        </>\n                      ) : condition.error ? (\n                        <>\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                        </>\n                      ) : (\n                        <div>\n                          <span className=\"text-sm font-semibold text-foreground\">{condition.ruleName}</span>\n                          {condition.ruleType && (\n                            <Badge variant=\"secondary\" className=\"text-xs ml-2\">\n                              {condition.ruleType}\n                            </Badge>\n                          )}\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                    {/* Required Toggle */}\n                    <SwitchField\n                      id={`${id}-${index}-required`}\n                      label={t('workflows.fieldEditors.businessRuleConditions.requiredLabel')}\n                      flip\n                      checked={normalized.required}\n                      onCheckedChange={() => toggleRequired(index)}\n                      disabled={disabled}\n                    />\n                  </div>\n\n                  {condition.recordId && !condition.loading && !condition.error ? (\n                    <Button\n                      type=\"button\"\n                      variant=\"ghost\"\n                      size=\"sm\"\n                      disabled={disabled}\n                      className=\"ml-2 flex-shrink-0\"\n                      aria-label={t('workflows.businessRules.editRule')}\n                      onClick={() => setEditingRule({ recordId: condition.recordId as string, ruleId: condition.ruleId })}\n                    >\n                      <Pencil className=\"size-4\" />\n                    </Button>\n                  ) : null}\n\n                  {/* Delete Button */}\n                  <ConfirmDialog\n                    trigger={\n                      <Button\n                        type=\"button\"\n                        variant=\"destructive-ghost\"\n                        size=\"sm\"\n                        disabled={disabled}\n                        className=\"ml-2 flex-shrink-0\"\n                      >\n                        <Trash2 className=\"size-4\" />\n                      </Button>\n                    }\n                    title={t('workflows.fieldEditors.businessRuleConditions.removeCondition')}\n                    text={t('workflows.fieldEditors.businessRuleConditions.confirmRemove')}\n                    variant=\"destructive\"\n                    onConfirm={() => removeCondition(index)}\n                  />\n                </div>\n              </div>\n            )\n          })}\n        </div>\n      )}\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.businessRuleConditions.selectBusinessRule')}\n        description={t('workflows.fieldEditors.businessRuleConditions.selectBusinessRuleDescription')}\n        filterEntityType={filterEntityType}\n        filterRuleType={filterRuleType}\n        onlyEnabled={true}\n      />\n\n      {/* Inline rule editor (business_rules-owned) with the workflows usage panel */}\n      <InlineRuleEditor\n        open={editingRule !== null}\n        onOpenChange={(open) => { if (!open) setEditingRule(null) }}\n        recordId={editingRule?.recordId ?? null}\n        onSaved={() => {\n          setEditingRule(null)\n          setDetailsRefreshToken((token) => token + 1)\n        }}\n        usagePanel={<BusinessRuleUsagePanel ruleId={editingRule?.ruleId ?? null} />}\n      />\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -0,0 +1,111 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { AlertTriangle, Lock } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { ComboboxInput } from "@open-mercato/ui/backend/inputs/ComboboxInput";
+function toCandidates(items) {
+  if (!Array.isArray(items)) return [];
+  const seen = /* @__PURE__ */ new Set();
+  const candidates = [];
+  for (const item of items) {
+    const commandId = typeof item?.commandId === "string" ? item.commandId.trim() : "";
+    if (!commandId || seen.has(commandId)) continue;
+    seen.add(commandId);
+    candidates.push({
+      commandId,
+      labelKey: typeof item?.labelKey === "string" && item.labelKey ? item.labelKey : null,
+      // Absent means an older server that predates tenant enablement; treating
+      // it as enabled keeps this picker working against one instead of
+      // declaring every command unavailable.
+      enabled: item?.enabled !== false
+    });
+  }
+  return candidates;
+}
+function CommandPicker({ id, value, onChange, disabled }) {
+  const t = useT();
+  const [lookupFailed, setLookupFailed] = React.useState(false);
+  const [candidates, setCandidates] = React.useState([]);
+  const loadCommandSuggestions = React.useCallback(async () => {
+    try {
+      const call = await apiCall(
+        "/api/workflows/commands",
+        void 0,
+        { fallback: { items: [] } }
+      );
+      if (!call.ok || !Array.isArray(call.result?.items)) {
+        setLookupFailed(true);
+        return [];
+      }
+      setLookupFailed(false);
+      const loaded = toCandidates(call.result.items);
+      setCandidates(loaded);
+      return loaded.filter((candidate) => candidate.enabled).map((candidate) => {
+        const label = candidate.labelKey ? t(candidate.labelKey, candidate.commandId) : candidate.commandId;
+        return {
+          value: candidate.commandId,
+          label,
+          // The id is the secondary line ONLY when the label is not already
+          // the id — repeating it would render the same string twice.
+          description: label === candidate.commandId ? null : candidate.commandId
+        };
+      });
+    } catch {
+      setLookupFailed(true);
+      return [];
+    }
+  }, [t]);
+  const unavailable = React.useMemo(
+    () => candidates.filter((candidate) => !candidate.enabled),
+    [candidates]
+  );
+  const selected = React.useMemo(
+    () => candidates.find((candidate) => candidate.commandId === value.trim()) ?? null,
+    [candidates, value]
+  );
+  const selectedIsUnavailable = Boolean(value.trim()) && candidates.length > 0 && !selected?.enabled;
+  return /* @__PURE__ */ jsxs("div", { id, children: [
+    /* @__PURE__ */ jsx(
+      ComboboxInput,
+      {
+        value,
+        onChange,
+        placeholder: t("workflows.commandPicker.placeholder"),
+        loadSuggestions: loadCommandSuggestions,
+        allowCustomValues: true,
+        disabled
+      }
+    ),
+    lookupFailed ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: t("workflows.commandPicker.lookupUnavailable") }) : null,
+    selectedIsUnavailable ? /* @__PURE__ */ jsxs("p", { className: "text-xs text-status-warning-text mt-1 flex items-start gap-1", children: [
+      /* @__PURE__ */ jsx(AlertTriangle, { className: "size-3.5 shrink-0 mt-0.5", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
+          t("workflows.commandPicker.warningLabel"),
+          " "
+        ] }),
+        selected ? t("workflows.commandPicker.selectedDisabled") : t("workflows.commandPicker.selectedUnknown")
+      ] })
+    ] }) : null,
+    unavailable.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "mt-2 rounded-md border border-border bg-muted/40 p-2", children: [
+      /* @__PURE__ */ jsxs("p", { className: "text-xs font-medium text-muted-foreground flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx(Lock, { className: "size-3.5 shrink-0", "aria-hidden": "true" }),
+        t("workflows.commandPicker.unavailableTitle")
+      ] }),
+      /* @__PURE__ */ jsx("ul", { className: "mt-1 space-y-0.5", children: unavailable.map((candidate) => /* @__PURE__ */ jsxs("li", { className: "text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx("span", { className: "font-mono", children: candidate.commandId }),
+        candidate.labelKey ? /* @__PURE__ */ jsxs("span", { children: [
+          " \u2014 ",
+          t(candidate.labelKey, candidate.commandId)
+        ] }) : null
+      ] }, candidate.commandId)) }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: t("workflows.commandPicker.unavailableHint") })
+    ] }) : null
+  ] });
+}
+export {
+  CommandPicker
+};
+//# sourceMappingURL=CommandPicker.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/workflows/components/fields/CommandPicker.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { AlertTriangle, Lock } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { ComboboxInput, type ComboboxOption } from '@open-mercato/ui/backend/inputs/ComboboxInput'\n\ntype WorkflowSafeCommandListResponse = {\n  items?: Array<{\n    commandId?: string | null\n    labelKey?: string | null\n    enabled?: boolean | null\n  }>\n}\n\ntype CommandCandidate = {\n  commandId: string\n  labelKey: string | null\n  enabled: boolean\n}\n\nexport type CommandPickerProps = {\n  id?: string\n  value: string\n  onChange: (next: string) => void\n  disabled?: boolean\n}\n\nfunction toCandidates(items: WorkflowSafeCommandListResponse['items']): CommandCandidate[] {\n  if (!Array.isArray(items)) return []\n  const seen = new Set<string>()\n  const candidates: CommandCandidate[] = []\n  for (const item of items) {\n    const commandId = typeof item?.commandId === 'string' ? item.commandId.trim() : ''\n    if (!commandId || seen.has(commandId)) continue\n    seen.add(commandId)\n    candidates.push({\n      commandId,\n      labelKey: typeof item?.labelKey === 'string' && item.labelKey ? item.labelKey : null,\n      // Absent means an older server that predates tenant enablement; treating\n      // it as enabled keeps this picker working against one instead of\n      // declaring every command unavailable.\n      enabled: item?.enabled !== false,\n    })\n  }\n  return candidates\n}\n\n/**\n * The UPDATE_ENTITY command field.\n *\n * The picker offers ONLY commands this tenant has enabled, because offering one\n * it has not is how an author ships a workflow that fails on its first run \u2014\n * this module's recurring bug class. The disabled candidates are still shown,\n * below the field, with the reason and the remedy: the field accepts free text,\n * so silently dropping them would replace a runtime failure with an\n * unanswerable \"why is `catalog.products.update` not in the list?\".\n */\nexport function CommandPicker({ id, value, onChange, disabled }: CommandPickerProps) {\n  const t = useT()\n  const [lookupFailed, setLookupFailed] = React.useState(false)\n  const [candidates, setCandidates] = React.useState<CommandCandidate[]>([])\n\n  const loadCommandSuggestions = React.useCallback(async (): Promise<ComboboxOption[]> => {\n    try {\n      const call = await apiCall<WorkflowSafeCommandListResponse>(\n        '/api/workflows/commands',\n        undefined,\n        { fallback: { items: [] } },\n      )\n      if (!call.ok || !Array.isArray(call.result?.items)) {\n        setLookupFailed(true)\n        return []\n      }\n      setLookupFailed(false)\n      const loaded = toCandidates(call.result.items)\n      setCandidates(loaded)\n      return loaded\n        .filter((candidate) => candidate.enabled)\n        .map((candidate) => {\n          const label = candidate.labelKey ? t(candidate.labelKey, candidate.commandId) : candidate.commandId\n          return {\n            value: candidate.commandId,\n            label,\n            // The id is the secondary line ONLY when the label is not already\n            // the id \u2014 repeating it would render the same string twice.\n            description: label === candidate.commandId ? null : candidate.commandId,\n          }\n        })\n    } catch {\n      setLookupFailed(true)\n      return []\n    }\n  }, [t])\n\n  const unavailable = React.useMemo(\n    () => candidates.filter((candidate) => !candidate.enabled),\n    [candidates],\n  )\n\n  const selected = React.useMemo(\n    () => candidates.find((candidate) => candidate.commandId === value.trim()) ?? null,\n    [candidates, value],\n  )\n\n  const selectedIsUnavailable = Boolean(value.trim()) && candidates.length > 0 && !selected?.enabled\n\n  return (\n    <div id={id}>\n      <ComboboxInput\n        value={value}\n        onChange={onChange}\n        placeholder={t('workflows.commandPicker.placeholder')}\n        loadSuggestions={loadCommandSuggestions}\n        allowCustomValues\n        disabled={disabled}\n      />\n      {lookupFailed ? (\n        <p className=\"text-xs text-muted-foreground mt-1\">\n          {t('workflows.commandPicker.lookupUnavailable')}\n        </p>\n      ) : null}\n      {selectedIsUnavailable ? (\n        <p className=\"text-xs text-status-warning-text mt-1 flex items-start gap-1\">\n          <AlertTriangle className=\"size-3.5 shrink-0 mt-0.5\" aria-hidden=\"true\" />\n          <span>\n            <span className=\"sr-only\">{t('workflows.commandPicker.warningLabel')} </span>\n            {selected\n              ? t('workflows.commandPicker.selectedDisabled')\n              : t('workflows.commandPicker.selectedUnknown')}\n          </span>\n        </p>\n      ) : null}\n      {unavailable.length > 0 ? (\n        <div className=\"mt-2 rounded-md border border-border bg-muted/40 p-2\">\n          <p className=\"text-xs font-medium text-muted-foreground flex items-center gap-1\">\n            <Lock className=\"size-3.5 shrink-0\" aria-hidden=\"true\" />\n            {t('workflows.commandPicker.unavailableTitle')}\n          </p>\n          <ul className=\"mt-1 space-y-0.5\">\n            {unavailable.map((candidate) => (\n              <li key={candidate.commandId} className=\"text-xs text-muted-foreground\">\n                <span className=\"font-mono\">{candidate.commandId}</span>\n                {candidate.labelKey ? (\n                  <span> \u2014 {t(candidate.labelKey, candidate.commandId)}</span>\n                ) : null}\n              </li>\n            ))}\n          </ul>\n          <p className=\"mt-1 text-xs text-muted-foreground\">\n            {t('workflows.commandPicker.unavailableHint')}\n          </p>\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}