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

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

@@ -0,0 +1,110 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Button } from "@open-mercato/ui/primitives/button";
+import {
+  Drawer,
+  DrawerBody,
+  DrawerContent,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerTitle
+} from "@open-mercato/ui/primitives/drawer";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Label } from "@open-mercato/ui/primitives/label";
+import { Switch } from "@open-mercato/ui/primitives/switch";
+import { Textarea } from "@open-mercato/ui/primitives/textarea";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import {
+  ANNOTATION_GROUP_NODE_TYPE,
+  ANNOTATION_NOTE_NODE_TYPE
+} from "../lib/editor-annotations.js";
+function AnnotationEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
+  const t = useT();
+  const isNote = node?.type === ANNOTATION_NOTE_NODE_TYPE;
+  const isGroup = node?.type === ANNOTATION_GROUP_NODE_TYPE;
+  const [markdown, setMarkdown] = React.useState("");
+  const [name, setName] = React.useState("");
+  const [collapsed, setCollapsed] = React.useState(false);
+  React.useEffect(() => {
+    if (!node) return;
+    const data = node.data;
+    setMarkdown(typeof data?.markdown === "string" ? data.markdown : "");
+    setName(typeof data?.name === "string" ? data.name : "");
+    setCollapsed(data?.collapsed === true);
+  }, [node]);
+  const handleSave = React.useCallback(() => {
+    if (!node) return;
+    onSave(node.id, isNote ? { markdown } : { name, collapsed });
+    onClose();
+  }, [node, onSave, onClose, isNote, markdown, name, collapsed]);
+  const handleDelete = React.useCallback(() => {
+    if (!node) return;
+    onClose();
+    onDelete(node.id);
+  }, [node, onClose, onDelete]);
+  if (!node || !isNote && !isGroup) return null;
+  return /* @__PURE__ */ jsx(Drawer, { open: isOpen, onOpenChange: (open) => {
+    if (!open) onClose();
+  }, children: /* @__PURE__ */ jsxs(
+    DrawerContent,
+    {
+      "data-testid": "workflow-annotation-drawer",
+      onKeyDown: (event) => {
+        if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+          event.preventDefault();
+          handleSave();
+        }
+      },
+      closeAriaLabel: t("workflows.annotations.close", "Close annotation editor"),
+      children: [
+        /* @__PURE__ */ jsxs(DrawerHeader, { children: [
+          /* @__PURE__ */ jsx(DrawerTitle, { children: isNote ? t("workflows.annotations.note.dialogTitle", "Edit note") : t("workflows.annotations.group.dialogTitle", "Edit group") }),
+          /* @__PURE__ */ jsx(DrawerDescription, { children: isNote ? t("workflows.annotations.note.dialogDescription", "Notes document the workflow for the people editing it. They are never executed.") : t("workflows.annotations.group.dialogDescription", "Groups label a region of the canvas. Collapsing one changes nothing the engine runs.") })
+        ] }),
+        /* @__PURE__ */ jsx(DrawerBody, { className: "space-y-3 py-2", children: isNote ? /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "annotation-markdown", className: "text-xs", children: t("workflows.annotations.note.markdownLabel", "Markdown") }),
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              id: "annotation-markdown",
+              value: markdown,
+              onChange: (event) => setMarkdown(event.target.value),
+              rows: 8,
+              spellCheck: false,
+              className: "font-mono text-sm",
+              placeholder: t("workflows.annotations.note.markdownPlaceholder", "## Why this branch exists")
+            }
+          )
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "annotation-name", className: "text-xs", children: t("workflows.annotations.group.nameLabel", "Group name") }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "annotation-name",
+                value: name,
+                onChange: (event) => setName(event.target.value),
+                placeholder: t("workflows.annotations.group.namePlaceholder", "Fulfillment"),
+                className: "h-8 text-sm"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(Switch, { id: "annotation-collapsed", checked: collapsed, onCheckedChange: setCollapsed }),
+            /* @__PURE__ */ jsx(Label, { htmlFor: "annotation-collapsed", className: "cursor-pointer text-xs font-normal", children: t("workflows.annotations.group.collapsedLabel", "Collapsed (visual only)") })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsxs(DrawerFooter, { leading: /* @__PURE__ */ jsx(Button, { type: "button", variant: "destructive-outline", onClick: handleDelete, children: t("common.delete", "Delete") }), children: [
+          /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: onClose, children: t("common.cancel", "Cancel") }),
+          /* @__PURE__ */ jsx(Button, { type: "button", onClick: handleSave, children: t("workflows.common.save", "Save") })
+        ] })
+      ]
+    }
+  ) });
+}
+export {
+  AnnotationEditDialog
+};
+//# sourceMappingURL=AnnotationEditDialog.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/workflows/components/AnnotationEditDialog.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport type { Node } from '@xyflow/react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  Drawer,\n  DrawerBody,\n  DrawerContent,\n  DrawerDescription,\n  DrawerFooter,\n  DrawerHeader,\n  DrawerTitle,\n} from '@open-mercato/ui/primitives/drawer'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { Switch } from '@open-mercato/ui/primitives/switch'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport {\n  ANNOTATION_GROUP_NODE_TYPE,\n  ANNOTATION_NOTE_NODE_TYPE,\n  type WorkflowGroupNodeData,\n  type WorkflowNoteNodeData,\n} from '../lib/editor-annotations'\n\nexport interface AnnotationEditDialogProps {\n  node: Node | null\n  isOpen: boolean\n  onClose: () => void\n  onSave: (nodeId: string, updates: Partial<WorkflowNoteNodeData & WorkflowGroupNodeData>) => void\n  onDelete: (nodeId: string) => void\n}\n\n/**\n * Inspector for a sticky note or a named group (spec section 4.5).\n *\n * Notes and groups carry no step configuration, so they deliberately do not go\n * through the step inspector: this panel edits the two fields an annotation\n * actually has and nothing else.\n *\n * It is a Drawer, not a modal, for the same reason the step and route\n * inspectors are rails: an annotation is written ABOUT a region of the canvas,\n * so covering that region while it is edited hides the thing being described.\n * Keyboard contract unchanged \u2014 Cmd/Ctrl+Enter saves, Escape cancels.\n */\nexport function AnnotationEditDialog({ node, isOpen, onClose, onSave, onDelete }: AnnotationEditDialogProps) {\n  const t = useT()\n  const isNote = node?.type === ANNOTATION_NOTE_NODE_TYPE\n  const isGroup = node?.type === ANNOTATION_GROUP_NODE_TYPE\n  const [markdown, setMarkdown] = React.useState('')\n  const [name, setName] = React.useState('')\n  const [collapsed, setCollapsed] = React.useState(false)\n\n  React.useEffect(() => {\n    if (!node) return\n    const data = node.data as Partial<WorkflowNoteNodeData & WorkflowGroupNodeData> | undefined\n    setMarkdown(typeof data?.markdown === 'string' ? data.markdown : '')\n    setName(typeof data?.name === 'string' ? data.name : '')\n    setCollapsed(data?.collapsed === true)\n  }, [node])\n\n  const handleSave = React.useCallback(() => {\n    if (!node) return\n    onSave(node.id, isNote ? { markdown } : { name, collapsed })\n    onClose()\n  }, [node, onSave, onClose, isNote, markdown, name, collapsed])\n\n  const handleDelete = React.useCallback(() => {\n    if (!node) return\n    onClose()\n    onDelete(node.id)\n  }, [node, onClose, onDelete])\n\n  if (!node || (!isNote && !isGroup)) return null\n\n  return (\n    <Drawer open={isOpen} onOpenChange={(open) => { if (!open) onClose() }}>\n      <DrawerContent\n        data-testid=\"workflow-annotation-drawer\"\n        onKeyDown={(event) => {\n          if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {\n            event.preventDefault()\n            handleSave()\n          }\n        }}\n        closeAriaLabel={t('workflows.annotations.close', 'Close annotation editor')}\n      >\n        <DrawerHeader>\n          <DrawerTitle>\n            {isNote\n              ? t('workflows.annotations.note.dialogTitle', 'Edit note')\n              : t('workflows.annotations.group.dialogTitle', 'Edit group')}\n          </DrawerTitle>\n          <DrawerDescription>\n            {isNote\n              ? t('workflows.annotations.note.dialogDescription', 'Notes document the workflow for the people editing it. They are never executed.')\n              : t('workflows.annotations.group.dialogDescription', 'Groups label a region of the canvas. Collapsing one changes nothing the engine runs.')}\n          </DrawerDescription>\n        </DrawerHeader>\n\n        <DrawerBody className=\"space-y-3 py-2\">\n          {isNote ? (\n            <div className=\"space-y-1\">\n              <Label htmlFor=\"annotation-markdown\" className=\"text-xs\">\n                {t('workflows.annotations.note.markdownLabel', 'Markdown')}\n              </Label>\n              <Textarea\n                id=\"annotation-markdown\"\n                value={markdown}\n                onChange={(event) => setMarkdown(event.target.value)}\n                rows={8}\n                spellCheck={false}\n                className=\"font-mono text-sm\"\n                placeholder={t('workflows.annotations.note.markdownPlaceholder', '## Why this branch exists')}\n              />\n            </div>\n          ) : (\n            <>\n              <div className=\"space-y-1\">\n                <Label htmlFor=\"annotation-name\" className=\"text-xs\">\n                  {t('workflows.annotations.group.nameLabel', 'Group name')}\n                </Label>\n                <Input\n                  id=\"annotation-name\"\n                  value={name}\n                  onChange={(event) => setName(event.target.value)}\n                  placeholder={t('workflows.annotations.group.namePlaceholder', 'Fulfillment')}\n                  className=\"h-8 text-sm\"\n                />\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <Switch id=\"annotation-collapsed\" checked={collapsed} onCheckedChange={setCollapsed} />\n                <Label htmlFor=\"annotation-collapsed\" className=\"cursor-pointer text-xs font-normal\">\n                  {t('workflows.annotations.group.collapsedLabel', 'Collapsed (visual only)')}\n                </Label>\n              </div>\n            </>\n          )}\n        </DrawerBody>\n\n        <DrawerFooter leading={(\n          <Button type=\"button\" variant=\"destructive-outline\" onClick={handleDelete}>\n            {t('common.delete', 'Delete')}\n          </Button>\n        )}>\n          <Button type=\"button\" variant=\"outline\" onClick={onClose}>\n            {t('common.cancel', 'Cancel')}\n          </Button>\n          <Button type=\"button\" onClick={handleSave}>\n            {t('workflows.common.save', 'Save')}\n          </Button>\n        </DrawerFooter>\n      </DrawerContent>\n    </Drawer>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,71 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { apiFetch } from "@open-mercato/ui/backend/utils/api";
+import { readJsonSafe } from "@open-mercato/ui/backend/utils/serverErrors";
+import { Spinner } from "@open-mercato/ui/primitives/spinner";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { createLogger } from "@open-mercato/shared/lib/logger";
+const logger = createLogger("workflows");
+function BusinessRuleUsagePanel({ ruleId, className }) {
+  const t = useT();
+  const [usage, setUsage] = React.useState(null);
+  const [isLoading, setIsLoading] = React.useState(false);
+  const [failed, setFailed] = React.useState(false);
+  React.useEffect(() => {
+    if (!ruleId) {
+      setUsage(null);
+      return;
+    }
+    let cancelled = false;
+    setIsLoading(true);
+    setFailed(false);
+    const load = async () => {
+      try {
+        const response = await apiFetch(`/api/workflows/rule-usage?ruleId=${encodeURIComponent(ruleId)}`);
+        if (!response.ok) {
+          if (!cancelled) setFailed(true);
+          return;
+        }
+        const body = await readJsonSafe(response) ?? {};
+        if (!cancelled) setUsage(body);
+      } catch (error) {
+        logger.error("Failed to load business rule usage", { ruleId, err: error });
+        if (!cancelled) setFailed(true);
+      } finally {
+        if (!cancelled) setIsLoading(false);
+      }
+    };
+    void load();
+    return () => {
+      cancelled = true;
+    };
+  }, [ruleId]);
+  if (!ruleId) return null;
+  const references = usage?.references ?? [];
+  const workflowCount = usage?.workflowCount ?? 0;
+  return /* @__PURE__ */ jsxs("section", { className: `rounded-lg border border-border bg-card p-3 ${className ?? ""}`, children: [
+    /* @__PURE__ */ jsx("h4", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: t("workflows.businessRules.usage.title") }),
+    isLoading ? /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center gap-2 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Spinner, { size: "sm" }),
+      /* @__PURE__ */ jsx("span", { children: t("workflows.common.loadingDetails") })
+    ] }) : failed ? /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: t("workflows.businessRules.usage.unavailable") }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm font-medium text-foreground", children: t("workflows.businessRules.usage.workflowCount", { count: workflowCount }) }),
+      references.length === 0 ? /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: t("workflows.businessRules.usage.empty") }) : /* @__PURE__ */ jsx("ul", { className: "mt-2 space-y-1", children: references.map((reference) => /* @__PURE__ */ jsxs(
+        "li",
+        {
+          className: "text-xs text-muted-foreground",
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: reference.workflowName || reference.workflowId }),
+            /* @__PURE__ */ jsx("span", { className: "ml-1", children: t(`workflows.businessRules.usage.kinds.${reference.kind}`) })
+          ]
+        },
+        `${reference.workflowId}:${reference.version}:${reference.kind}:${reference.locationId}`
+      )) })
+    ] })
+  ] });
+}
+export {
+  BusinessRuleUsagePanel
+};
+//# sourceMappingURL=BusinessRuleUsagePanel.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/workflows/components/BusinessRuleUsagePanel.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { apiFetch } from '@open-mercato/ui/backend/utils/api'\nimport { readJsonSafe } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { createLogger } from '@open-mercato/shared/lib/logger'\nimport type { BusinessRuleUsageReference } from '../lib/business-rule-usage'\n\nconst logger = createLogger('workflows')\n\nexport type BusinessRuleUsagePanelProps = {\n  ruleId: string | null\n  className?: string\n}\n\ntype UsageResponse = {\n  workflowCount?: number\n  references?: BusinessRuleUsageReference[]\n}\n\n/**\n * BusinessRuleUsagePanel \u2014 the workflows half of the inline-BR dependency\n * visibility (#4236). `business_rules` exposes a slot on its `InlineRuleEditor`;\n * this panel fills it by asking `GET /api/workflows/rule-usage`, so the upstream\n * module never imports or queries workflows.\n */\nexport function BusinessRuleUsagePanel({ ruleId, className }: BusinessRuleUsagePanelProps) {\n  const t = useT()\n  const [usage, setUsage] = React.useState<UsageResponse | null>(null)\n  const [isLoading, setIsLoading] = React.useState(false)\n  const [failed, setFailed] = React.useState(false)\n\n  React.useEffect(() => {\n    if (!ruleId) {\n      setUsage(null)\n      return\n    }\n    let cancelled = false\n    setIsLoading(true)\n    setFailed(false)\n    const load = async () => {\n      try {\n        const response = await apiFetch(`/api/workflows/rule-usage?ruleId=${encodeURIComponent(ruleId)}`)\n        if (!response.ok) {\n          if (!cancelled) setFailed(true)\n          return\n        }\n        const body = (await readJsonSafe<UsageResponse>(response)) ?? {}\n        if (!cancelled) setUsage(body)\n      } catch (error) {\n        logger.error('Failed to load business rule usage', { ruleId, err: error })\n        if (!cancelled) setFailed(true)\n      } finally {\n        if (!cancelled) setIsLoading(false)\n      }\n    }\n    void load()\n    return () => {\n      cancelled = true\n    }\n  }, [ruleId])\n\n  if (!ruleId) return null\n\n  const references = usage?.references ?? []\n  const workflowCount = usage?.workflowCount ?? 0\n\n  return (\n    <section className={`rounded-lg border border-border bg-card p-3 ${className ?? ''}`}>\n      <h4 className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n        {t('workflows.businessRules.usage.title')}\n      </h4>\n      {isLoading ? (\n        <div className=\"mt-2 flex items-center gap-2 text-xs text-muted-foreground\">\n          <Spinner size=\"sm\" />\n          <span>{t('workflows.common.loadingDetails')}</span>\n        </div>\n      ) : failed ? (\n        <p className=\"mt-2 text-xs text-muted-foreground\">{t('workflows.businessRules.usage.unavailable')}</p>\n      ) : (\n        <>\n          <p className=\"mt-2 text-sm font-medium text-foreground\">\n            {t('workflows.businessRules.usage.workflowCount', { count: workflowCount })}\n          </p>\n          {references.length === 0 ? (\n            <p className=\"mt-1 text-xs text-muted-foreground\">{t('workflows.businessRules.usage.empty')}</p>\n          ) : (\n            <ul className=\"mt-2 space-y-1\">\n              {references.map((reference) => (\n                <li\n                  key={`${reference.workflowId}:${reference.version}:${reference.kind}:${reference.locationId}`}\n                  className=\"text-xs text-muted-foreground\"\n                >\n                  <span className=\"font-medium text-foreground\">{reference.workflowName || reference.workflowId}</span>\n                  <span className=\"ml-1\">{t(`workflows.businessRules.usage.kinds.${reference.kind}`)}</span>\n                </li>\n              ))}\n            </ul>\n          )}\n        </>\n      )}\n    </section>\n  )\n}\n"],
+  "mappings": ";AAuEM,SAWE,UAXF,KAIE,YAJF;AArEN,YAAY,WAAW;AACvB,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,SAAS,oBAAoB;AAG7B,MAAM,SAAS,aAAa,WAAW;AAkBhC,SAAS,uBAAuB,EAAE,QAAQ,UAAU,GAAgC;AACzF,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAA+B,IAAI;AACnE,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,KAAK;AACtD,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,KAAK;AAEhD,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,QAAQ;AACX,eAAS,IAAI;AACb;AAAA,IACF;AACA,QAAI,YAAY;AAChB,iBAAa,IAAI;AACjB,cAAU,KAAK;AACf,UAAM,OAAO,YAAY;AACvB,UAAI;AACF,cAAM,WAAW,MAAM,SAAS,oCAAoC,mBAAmB,MAAM,CAAC,EAAE;AAChG,YAAI,CAAC,SAAS,IAAI;AAChB,cAAI,CAAC,UAAW,WAAU,IAAI;AAC9B;AAAA,QACF;AACA,cAAM,OAAQ,MAAM,aAA4B,QAAQ,KAAM,CAAC;AAC/D,YAAI,CAAC,UAAW,UAAS,IAAI;AAAA,MAC/B,SAAS,OAAO;AACd,eAAO,MAAM,sCAAsC,EAAE,QAAQ,KAAK,MAAM,CAAC;AACzE,YAAI,CAAC,UAAW,WAAU,IAAI;AAAA,MAChC,UAAE;AACA,YAAI,CAAC,UAAW,cAAa,KAAK;AAAA,MACpC;AAAA,IACF;AACA,SAAK,KAAK;AACV,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAEX,MAAI,CAAC,OAAQ,QAAO;AAEpB,QAAM,aAAa,OAAO,cAAc,CAAC;AACzC,QAAM,gBAAgB,OAAO,iBAAiB;AAE9C,SACE,qBAAC,aAAQ,WAAW,+CAA+C,aAAa,EAAE,IAChF;AAAA,wBAAC,QAAG,WAAU,uEACX,YAAE,qCAAqC,GAC1C;AAAA,IACC,YACC,qBAAC,SAAI,WAAU,8DACb;AAAA,0BAAC,WAAQ,MAAK,MAAK;AAAA,MACnB,oBAAC,UAAM,YAAE,iCAAiC,GAAE;AAAA,OAC9C,IACE,SACF,oBAAC,OAAE,WAAU,sCAAsC,YAAE,2CAA2C,GAAE,IAElG,iCACE;AAAA,0BAAC,OAAE,WAAU,4CACV,YAAE,+CAA+C,EAAE,OAAO,cAAc,CAAC,GAC5E;AAAA,MACC,WAAW,WAAW,IACrB,oBAAC,OAAE,WAAU,sCAAsC,YAAE,qCAAqC,GAAE,IAE5F,oBAAC,QAAG,WAAU,kBACX,qBAAW,IAAI,CAAC,cACf;AAAA,QAAC;AAAA;AAAA,UAEC,WAAU;AAAA,UAEV;AAAA,gCAAC,UAAK,WAAU,+BAA+B,oBAAU,gBAAgB,UAAU,YAAW;AAAA,YAC9F,oBAAC,UAAK,WAAU,QAAQ,YAAE,uCAAuC,UAAU,IAAI,EAAE,GAAE;AAAA;AAAA;AAAA,QAJ9E,GAAG,UAAU,UAAU,IAAI,UAAU,OAAO,IAAI,UAAU,IAAI,IAAI,UAAU,UAAU;AAAA,MAK7F,CACD,GACH;AAAA,OAEJ;AAAA,KAEJ;AAEJ;",
+  "names": []
+}

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

@@ -2,12 +2,22 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { apiFetch } from "@open-mercato/ui/backend/utils/api";
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from "@open-mercato/ui/primitives/dialog";
+import {
+  Drawer,
+  DrawerBody,
+  DrawerContent,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerTitle
+} from "@open-mercato/ui/primitives/drawer";
 import { Button } from "@open-mercato/ui/primitives/button";
 import { Input } from "@open-mercato/ui/primitives/input";
 import { Badge } from "@open-mercato/ui/primitives/badge";
 import { Plus, Loader2, AlertCircle } from "lucide-react";
 import { createLogger } from "@open-mercato/shared/lib/logger";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { InlineRuleEditor } from "@open-mercato/core/modules/business_rules/components/InlineRuleEditor";
 const logger = createLogger("workflows");
 function BusinessRulesSelector({
   isOpen,
@@ -21,12 +31,15 @@ function BusinessRulesSelector({
   filterCategory,
   onlyEnabled = false,
   emptyMessage,
-  searchPlaceholder = "Search by name, ID, type, category, or description..."
+  searchPlaceholder = "Search by name, ID, type, category, or description...",
+  disableInlineCreate = false
 }) {
+  const t = useT();
   const [businessRules, setBusinessRules] = useState([]);
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState(null);
   const [searchQuery, setSearchQuery] = useState("");
+  const [isInlineEditorOpen, setIsInlineEditorOpen] = useState(false);
   useEffect(() => {
     if (isOpen) {
       fetchBusinessRules();
@@ -54,7 +67,9 @@ function BusinessRulesSelector({
       const response = await apiFetch(url);
       if (response.ok) {
         const data = await response.json();
-        setBusinessRules(data.items || []);
+        const items = data.items || [];
+        setBusinessRules(items);
+        return items;
       } else {
         let errorMessage = `Failed to load business rules (${response.status})`;
         try {
@@ -79,6 +94,14 @@ function BusinessRulesSelector({
     } finally {
       setLoading(false);
     }
+    return [];
+  };
+  const handleInlineRuleSaved = async (saved) => {
+    const refreshed = await fetchBusinessRules();
+    const created = refreshed.find((rule) => rule.ruleId === saved.ruleId);
+    if (created) {
+      handleSelect(created);
+    }
   };
   const getFilteredRules = () => {
     return businessRules.filter((rule) => !excludeRuleIds.includes(rule.ruleId)).filter((rule) => {
@@ -96,101 +119,136 @@ function BusinessRulesSelector({
     onClose();
   };
   const filteredRules = getFilteredRules();
-  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: handleClose, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-5xl max-h-[85vh] flex flex-col", children: [
-    /* @__PURE__ */ jsxs(DialogHeader, { children: [
-      /* @__PURE__ */ jsx(DialogTitle, { children: title }),
-      /* @__PURE__ */ jsx(DialogDescription, { children: description })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "px-6", children: /* @__PURE__ */ jsx(
-      Input,
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Drawer, { open: isOpen, onOpenChange: (next) => {
+      if (!next) handleClose();
+    }, children: /* @__PURE__ */ jsxs(
+      DrawerContent,
       {
-        type: "text",
-        value: searchQuery,
-        onChange: (e) => setSearchQuery(e.target.value),
-        placeholder: searchPlaceholder,
-        autoFocus: true,
-        disabled: loading
+        "data-testid": "workflow-business-rules-selector-drawer",
+        className: "w-full max-w-none sm:w-3/5",
+        closeAriaLabel: t("workflows.selectors.businessRule.close"),
+        children: [
+          /* @__PURE__ */ jsxs(DrawerHeader, { children: [
+            /* @__PURE__ */ jsx(DrawerTitle, { children: title }),
+            /* @__PURE__ */ jsx(DrawerDescription, { children: description })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "px-6", children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "text",
+              value: searchQuery,
+              onChange: (e) => setSearchQuery(e.target.value),
+              placeholder: searchPlaceholder,
+              autoFocus: true,
+              disabled: loading
+            }
+          ) }),
+          /* @__PURE__ */ jsx(DrawerBody, { className: "py-4", children: loading ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12", children: [
+            /* @__PURE__ */ jsx(Loader2, { className: "h-12 w-12 animate-spin text-primary mb-4" }),
+            /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: "Loading business rules..." })
+          ] }) : error ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12", children: [
+            /* @__PURE__ */ jsx(AlertCircle, { className: "h-16 w-16 text-destructive mb-4" }),
+            /* @__PURE__ */ jsx("p", { className: "text-destructive text-sm font-medium mb-2", children: error }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "outline",
+                size: "sm",
+                onClick: fetchBusinessRules,
+                children: "Retry"
+              }
+            )
+          ] }) : filteredRules.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12", children: [
+            /* @__PURE__ */ jsx("svg", { className: "w-16 h-16 text-muted mb-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) }),
+            /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm mb-2", children: emptyMessage || (searchQuery ? "No business rules found matching your search" : businessRules.length === 0 ? "No business rules exist yet" : "All business rules have already been added") }),
+            /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs mb-3", children: businessRules.length === 0 ? "Create business rules in the Business Rules module first" : searchQuery ? `Showing 0 of ${businessRules.length} total rules` : `${businessRules.length} rules already added` }),
+            searchQuery && /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "link",
+                size: "sm",
+                onClick: () => setSearchQuery(""),
+                children: "Clear search"
+              }
+            )
+          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs("div", { className: "mb-3 text-sm text-muted-foreground", children: [
+              filteredRules.length,
+              " rule",
+              filteredRules.length !== 1 ? "s" : "",
+              " available"
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", children: filteredRules.map((rule) => /* @__PURE__ */ jsxs(
+              "button",
+              {
+                onClick: () => handleSelect(rule),
+                className: "text-left p-4 border-2 border-border rounded-lg hover:border-primary hover:bg-accent transition-all group",
+                children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between mb-2", children: [
+                    /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+                      /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold group-hover:text-primary truncate", children: rule.ruleName }),
+                      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground font-mono mt-0.5 truncate", children: rule.ruleId })
+                    ] }),
+                    /* @__PURE__ */ jsx(Plus, { className: "size-5 text-muted-foreground group-hover:text-primary transition-colors flex-shrink-0 ml-2" })
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-2 flex-wrap", children: [
+                    /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: rule.ruleType }),
+                    rule.ruleCategory && /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-xs", children: rule.ruleCategory }),
+                    rule.enabled ? /* @__PURE__ */ jsx(Badge, { variant: "default", className: "bg-status-success-solid text-status-success-solid-foreground text-xs", children: "Enabled" }) : /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: "Disabled" })
+                  ] }),
+                  rule.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground line-clamp-2 mb-2", children: rule.description }),
+                  /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground space-y-0.5", children: [
+                    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+                      /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Entity:" }),
+                      /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: rule.entityType })
+                    ] }),
+                    rule.eventType && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+                      /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Event:" }),
+                      /* @__PURE__ */ jsx("span", { children: rule.eventType })
+                    ] })
+                  ] })
+                ]
+              },
+              rule.id
+            )) })
+          ] }) }),
+          /* @__PURE__ */ jsxs(DrawerFooter, { children: [
+            !disableInlineCreate && /* @__PURE__ */ jsxs(
+              Button,
+              {
+                type: "button",
+                variant: "secondary",
+                onClick: () => setIsInlineEditorOpen(true),
+                children: [
+                  /* @__PURE__ */ jsx(Plus, { className: "size-4 mr-1" }),
+                  t("workflows.businessRules.newRule")
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "outline",
+                onClick: handleClose,
+                children: t("common.cancel", "Cancel")
+              }
+            )
+          ] })
+        ]
       }
     ) }),
-    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto px-6 py-4 min-h-[400px]", children: loading ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12", children: [
-      /* @__PURE__ */ jsx(Loader2, { className: "h-12 w-12 animate-spin text-primary mb-4" }),
-      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: "Loading business rules..." })
-    ] }) : error ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12", children: [
-      /* @__PURE__ */ jsx(AlertCircle, { className: "h-16 w-16 text-destructive mb-4" }),
-      /* @__PURE__ */ jsx("p", { className: "text-destructive text-sm font-medium mb-2", children: error }),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          variant: "outline",
-          size: "sm",
-          onClick: fetchBusinessRules,
-          children: "Retry"
-        }
-      )
-    ] }) : filteredRules.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12", children: [
-      /* @__PURE__ */ jsx("svg", { className: "w-16 h-16 text-muted mb-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) }),
-      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm mb-2", children: emptyMessage || (searchQuery ? "No business rules found matching your search" : businessRules.length === 0 ? "No business rules exist yet" : "All business rules have already been added") }),
-      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs mb-3", children: businessRules.length === 0 ? "Create business rules in the Business Rules module first" : searchQuery ? `Showing 0 of ${businessRules.length} total rules` : `${businessRules.length} rules already added` }),
-      searchQuery && /* @__PURE__ */ jsx(
-        Button,
-        {
-          variant: "link",
-          size: "sm",
-          onClick: () => setSearchQuery(""),
-          children: "Clear search"
-        }
-      )
-    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs("div", { className: "mb-3 text-sm text-muted-foreground", children: [
-        filteredRules.length,
-        " rule",
-        filteredRules.length !== 1 ? "s" : "",
-        " available"
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", children: filteredRules.map((rule) => /* @__PURE__ */ jsxs(
-        "button",
-        {
-          onClick: () => handleSelect(rule),
-          className: "text-left p-4 border-2 border-border rounded-lg hover:border-primary hover:bg-accent transition-all group",
-          children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between mb-2", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-                /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold group-hover:text-primary truncate", children: rule.ruleName }),
-                /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground font-mono mt-0.5 truncate", children: rule.ruleId })
-              ] }),
-              /* @__PURE__ */ jsx(Plus, { className: "size-5 text-muted-foreground group-hover:text-primary transition-colors flex-shrink-0 ml-2" })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-2 flex-wrap", children: [
-              /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: rule.ruleType }),
-              rule.ruleCategory && /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-xs", children: rule.ruleCategory }),
-              rule.enabled ? /* @__PURE__ */ jsx(Badge, { variant: "default", className: "bg-status-success-solid text-status-success-solid-foreground text-xs", children: "Enabled" }) : /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: "Disabled" })
-            ] }),
-            rule.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground line-clamp-2 mb-2", children: rule.description }),
-            /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground space-y-0.5", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-                /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Entity:" }),
-                /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: rule.entityType })
-              ] }),
-              rule.eventType && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-                /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Event:" }),
-                /* @__PURE__ */ jsx("span", { children: rule.eventType })
-              ] })
-            ] })
-          ]
-        },
-        rule.id
-      )) })
-    ] }) }),
-    /* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsx(
-      Button,
+    !disableInlineCreate && /* @__PURE__ */ jsx(
+      InlineRuleEditor,
       {
-        type: "button",
-        variant: "outline",
-        onClick: handleClose,
-        children: "Cancel"
+        open: isInlineEditorOpen,
+        onOpenChange: setIsInlineEditorOpen,
+        defaultEntityType: filterEntityType,
+        onSaved: handleInlineRuleSaved
       }
-    ) })
-  ] }) });
+    )
+  ] });
 }
 export {
   BusinessRulesSelector

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/workflows/components/BusinessRulesSelector.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { useState, useEffect } from 'react'\nimport { apiFetch } from '@open-mercato/ui/backend/utils/api'\nimport { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from '@open-mercato/ui/primitives/dialog'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Plus, Loader2, AlertCircle } from 'lucide-react'\nimport { createLogger } from '@open-mercato/shared/lib/logger'\n\nconst logger = createLogger('workflows')\n\nexport interface BusinessRule {\n  id: string\n  ruleId: string\n  ruleName: string\n  description: string | null\n  ruleType: string\n  ruleCategory: string | null\n  entityType: string\n  eventType: string | null\n  enabled: boolean\n}\n\nexport interface BusinessRulesSelectorProps {\n  /** Whether the dialog is open */\n  isOpen: boolean\n\n  /** Callback when dialog is closed */\n  onClose: () => void\n\n  /** Callback when a rule is selected */\n  onSelect: (ruleId: string, rule: BusinessRule) => void\n\n  /** Array of rule IDs to exclude from the list (already selected) */\n  excludeRuleIds?: string[]\n\n  /** Dialog title */\n  title?: string\n\n  /** Dialog description */\n  description?: string\n\n  /** Filter rules by entity type */\n  filterEntityType?: string\n\n  /** Filter rules by rule type */\n  filterRuleType?: string\n\n  /** Filter rules by category */\n  filterCategory?: string\n\n  /** Whether to show only enabled rules */\n  onlyEnabled?: boolean\n\n  /** Custom empty state message */\n  emptyMessage?: string\n\n  /** Custom search placeholder */\n  searchPlaceholder?: string\n}\n\n/**\n * BusinessRulesSelector - Reusable dialog for searching and selecting business rules\n *\n * Features:\n * - Search/filter business rules by name, ID, type, category, description\n * - Filter by entity type, rule type, category\n * - Display rule details (badges, description)\n * - Exclude already-selected rules\n * - Loading and error states\n * - Responsive grid layout\n */\nexport function BusinessRulesSelector({\n  isOpen,\n  onClose,\n  onSelect,\n  excludeRuleIds = [],\n  title = 'Select Business Rule',\n  description = 'Choose a business rule from the list',\n  filterEntityType,\n  filterRuleType,\n  filterCategory,\n  onlyEnabled = false,\n  emptyMessage,\n  searchPlaceholder = 'Search by name, ID, type, category, or description...',\n}: BusinessRulesSelectorProps) {\n  const [businessRules, setBusinessRules] = useState<BusinessRule[]>([])\n  const [loading, setLoading] = useState(false)\n  const [error, setError] = useState<string | null>(null)\n  const [searchQuery, setSearchQuery] = useState('')\n\n  // Fetch business rules on mount\n  useEffect(() => {\n    if (isOpen) {\n      fetchBusinessRules()\n    }\n  }, [isOpen])\n\n  const fetchBusinessRules = async () => {\n    setLoading(true)\n    setError(null)\n    try {\n      // Build query params - only include defined values\n      const params = new URLSearchParams()\n      params.set('pageSize', '100') // Max allowed by API (business_rules route has max 100)\n\n      if (filterEntityType) {\n        params.set('entityType', filterEntityType)\n      }\n      if (filterRuleType) {\n        params.set('ruleType', filterRuleType)\n      }\n      if (filterCategory) {\n        params.set('ruleCategory', filterCategory) // Correct parameter name\n      }\n      if (onlyEnabled) {\n        params.set('enabled', 'true')\n      }\n\n      const url = `/api/business_rules/rules?${params.toString()}`\n      const response = await apiFetch(url)\n\n      if (response.ok) {\n        const data = await response.json()\n        setBusinessRules(data.items || [])\n      } else {\n        let errorMessage = `Failed to load business rules (${response.status})`\n        try {\n          const errorData = await response.json()\n          if (errorData.error) {\n            errorMessage = errorData.error\n          }\n        } catch {\n          // If response is not JSON, use status code message\n          errorMessage = `Failed to load business rules (${response.status})`\n        }\n        logger.error('Failed to fetch business rules', {\n          url,\n          status: response.status,\n          message: errorMessage,\n        })\n        setError(errorMessage)\n      }\n    } catch (err) {\n      logger.error('Failed to fetch business rules', { err })\n      const errorMessage = err instanceof Error ? err.message : 'Network error loading business rules'\n      setError(errorMessage)\n    } finally {\n      setLoading(false)\n    }\n  }\n\n  // Filter rules based on search query and exclusions\n  const getFilteredRules = (): BusinessRule[] => {\n    return businessRules\n      .filter(rule => !excludeRuleIds.includes(rule.ruleId))\n      .filter(rule => {\n        if (!searchQuery) return true\n        const query = searchQuery.toLowerCase()\n        return (\n          rule.ruleName.toLowerCase().includes(query) ||\n          rule.ruleId.toLowerCase().includes(query) ||\n          rule.description?.toLowerCase().includes(query) ||\n          rule.ruleType.toLowerCase().includes(query) ||\n          rule.ruleCategory?.toLowerCase().includes(query) ||\n          rule.entityType.toLowerCase().includes(query)\n        )\n      })\n  }\n\n  const handleSelect = (rule: BusinessRule) => {\n    onSelect(rule.ruleId, rule)\n    setSearchQuery('') // Clear search on select\n  }\n\n  const handleClose = () => {\n    setSearchQuery('')\n    onClose()\n  }\n\n  const filteredRules = getFilteredRules()\n\n  return (\n    <Dialog open={isOpen} onOpenChange={handleClose}>\n      <DialogContent className=\"sm:max-w-5xl max-h-[85vh] flex flex-col\">\n        <DialogHeader>\n          <DialogTitle>{title}</DialogTitle>\n          <DialogDescription>{description}</DialogDescription>\n        </DialogHeader>\n\n        {/* Search Input */}\n        <div className=\"px-6\">\n          <Input\n            type=\"text\"\n            value={searchQuery}\n            onChange={(e) => setSearchQuery(e.target.value)}\n            placeholder={searchPlaceholder}\n            autoFocus\n            disabled={loading}\n          />\n        </div>\n\n        {/* Rules List */}\n        <div className=\"flex-1 overflow-y-auto px-6 py-4 min-h-[400px]\">\n          {loading ? (\n            <div className=\"flex flex-col items-center justify-center py-12\">\n              <Loader2 className=\"h-12 w-12 animate-spin text-primary mb-4\" />\n              <p className=\"text-muted-foreground text-sm\">Loading business rules...</p>\n            </div>\n          ) : error ? (\n            <div className=\"flex flex-col items-center justify-center py-12\">\n              <AlertCircle className=\"h-16 w-16 text-destructive mb-4\" />\n              <p className=\"text-destructive text-sm font-medium mb-2\">{error}</p>\n              <Button\n                variant=\"outline\"\n                size=\"sm\"\n                onClick={fetchBusinessRules}\n              >\n                Retry\n              </Button>\n            </div>\n          ) : filteredRules.length === 0 ? (\n            <div className=\"flex flex-col items-center justify-center py-12\">\n              <svg className=\"w-16 h-16 text-muted mb-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\" />\n              </svg>\n              <p className=\"text-muted-foreground text-sm mb-2\">\n                {emptyMessage || (\n                  searchQuery\n                    ? 'No business rules found matching your search'\n                    : businessRules.length === 0\n                    ? 'No business rules exist yet'\n                    : 'All business rules have already been added'\n                )}\n              </p>\n              <p className=\"text-muted-foreground text-xs mb-3\">\n                {businessRules.length === 0\n                  ? 'Create business rules in the Business Rules module first'\n                  : searchQuery\n                  ? `Showing 0 of ${businessRules.length} total rules`\n                  : `${businessRules.length} rules already added`\n                }\n              </p>\n              {searchQuery && (\n                <Button\n                  variant=\"link\"\n                  size=\"sm\"\n                  onClick={() => setSearchQuery('')}\n                >\n                  Clear search\n                </Button>\n              )}\n            </div>\n          ) : (\n            <>\n              <div className=\"mb-3 text-sm text-muted-foreground\">\n                {filteredRules.length} rule{filteredRules.length !== 1 ? 's' : ''} available\n              </div>\n              <div className=\"grid grid-cols-1 md:grid-cols-2 gap-3\">\n                {filteredRules.map((rule) => (\n                  <button\n                    key={rule.id}\n                    onClick={() => handleSelect(rule)}\n                    className=\"text-left p-4 border-2 border-border rounded-lg hover:border-primary hover:bg-accent transition-all group\"\n                  >\n                    <div className=\"flex items-start justify-between mb-2\">\n                      <div className=\"flex-1 min-w-0\">\n                        <h4 className=\"text-sm font-semibold group-hover:text-primary truncate\">\n                          {rule.ruleName}\n                        </h4>\n                        <p className=\"text-xs text-muted-foreground font-mono mt-0.5 truncate\">\n                          {rule.ruleId}\n                        </p>\n                      </div>\n                      <Plus className=\"size-5 text-muted-foreground group-hover:text-primary transition-colors flex-shrink-0 ml-2\" />\n                    </div>\n\n                    <div className=\"flex items-center gap-2 mb-2 flex-wrap\">\n                      <Badge variant=\"secondary\" className=\"text-xs\">\n                        {rule.ruleType}\n                      </Badge>\n                      {rule.ruleCategory && (\n                        <Badge variant=\"outline\" className=\"text-xs\">\n                          {rule.ruleCategory}\n                        </Badge>\n                      )}\n                      {rule.enabled ? (\n                        <Badge variant=\"default\" className=\"bg-status-success-solid text-status-success-solid-foreground text-xs\">\n                          Enabled\n                        </Badge>\n                      ) : (\n                        <Badge variant=\"secondary\" className=\"text-xs\">\n                          Disabled\n                        </Badge>\n                      )}\n                    </div>\n\n                    {rule.description && (\n                      <p className=\"text-xs text-muted-foreground line-clamp-2 mb-2\">\n                        {rule.description}\n                      </p>\n                    )}\n\n                    <div className=\"text-xs text-muted-foreground space-y-0.5\">\n                      <div className=\"flex items-center gap-1\">\n                        <span className=\"font-medium\">Entity:</span>\n                        <span className=\"font-mono text-xs\">{rule.entityType}</span>\n                      </div>\n                      {rule.eventType && (\n                        <div className=\"flex items-center gap-1\">\n                          <span className=\"font-medium\">Event:</span>\n                          <span>{rule.eventType}</span>\n                        </div>\n                      )}\n                    </div>\n                  </button>\n                ))}\n              </div>\n            </>\n          )}\n        </div>\n\n        <DialogFooter>\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            onClick={handleClose}\n          >\n            Cancel\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport { useState, useEffect } from 'react'\nimport { apiFetch } from '@open-mercato/ui/backend/utils/api'\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 { Input } from '@open-mercato/ui/primitives/input'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Plus, Loader2, AlertCircle } from 'lucide-react'\nimport { createLogger } from '@open-mercato/shared/lib/logger'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { InlineRuleEditor, type InlineRuleEditorSavedRule } from '@open-mercato/core/modules/business_rules/components/InlineRuleEditor'\n\nconst logger = createLogger('workflows')\n\nexport interface BusinessRule {\n  id: string\n  ruleId: string\n  ruleName: string\n  description: string | null\n  ruleType: string\n  ruleCategory: string | null\n  entityType: string\n  eventType: string | null\n  enabled: boolean\n}\n\nexport interface BusinessRulesSelectorProps {\n  /** Whether the dialog is open */\n  isOpen: boolean\n\n  /** Callback when dialog is closed */\n  onClose: () => void\n\n  /** Callback when a rule is selected */\n  onSelect: (ruleId: string, rule: BusinessRule) => void\n\n  /** Array of rule IDs to exclude from the list (already selected) */\n  excludeRuleIds?: string[]\n\n  /** Dialog title */\n  title?: string\n\n  /** Dialog description */\n  description?: string\n\n  /** Filter rules by entity type */\n  filterEntityType?: string\n\n  /** Filter rules by rule type */\n  filterRuleType?: string\n\n  /** Filter rules by category */\n  filterCategory?: string\n\n  /** Whether to show only enabled rules */\n  onlyEnabled?: boolean\n\n  /** Custom empty state message */\n  emptyMessage?: string\n\n  /** Custom search placeholder */\n  searchPlaceholder?: string\n\n  /**\n   * Hide the inline \"New rule\" affordance. The inline editor is on by default\n   * (#4236) so an author never has to leave the Studio to author a rule.\n   */\n  disableInlineCreate?: boolean\n}\n\n/**\n * BusinessRulesSelector - Reusable dialog for searching and selecting business rules\n *\n * Features:\n * - Search/filter business rules by name, ID, type, category, description\n * - Filter by entity type, rule type, category\n * - Display rule details (badges, description)\n * - Exclude already-selected rules\n * - Loading and error states\n * - Responsive grid layout\n */\nexport function BusinessRulesSelector({\n  isOpen,\n  onClose,\n  onSelect,\n  excludeRuleIds = [],\n  title = 'Select Business Rule',\n  description = 'Choose a business rule from the list',\n  filterEntityType,\n  filterRuleType,\n  filterCategory,\n  onlyEnabled = false,\n  emptyMessage,\n  searchPlaceholder = 'Search by name, ID, type, category, or description...',\n  disableInlineCreate = false,\n}: BusinessRulesSelectorProps) {\n  const t = useT()\n  const [businessRules, setBusinessRules] = useState<BusinessRule[]>([])\n  const [loading, setLoading] = useState(false)\n  const [error, setError] = useState<string | null>(null)\n  const [searchQuery, setSearchQuery] = useState('')\n  const [isInlineEditorOpen, setIsInlineEditorOpen] = useState(false)\n\n  // Fetch business rules on mount\n  useEffect(() => {\n    if (isOpen) {\n      fetchBusinessRules()\n    }\n  }, [isOpen])\n\n  const fetchBusinessRules = async (): Promise<BusinessRule[]> => {\n    setLoading(true)\n    setError(null)\n    try {\n      // Build query params - only include defined values\n      const params = new URLSearchParams()\n      params.set('pageSize', '100') // Max allowed by API (business_rules route has max 100)\n\n      if (filterEntityType) {\n        params.set('entityType', filterEntityType)\n      }\n      if (filterRuleType) {\n        params.set('ruleType', filterRuleType)\n      }\n      if (filterCategory) {\n        params.set('ruleCategory', filterCategory) // Correct parameter name\n      }\n      if (onlyEnabled) {\n        params.set('enabled', 'true')\n      }\n\n      const url = `/api/business_rules/rules?${params.toString()}`\n      const response = await apiFetch(url)\n\n      if (response.ok) {\n        const data = await response.json()\n        const items: BusinessRule[] = data.items || []\n        setBusinessRules(items)\n        return items\n      } else {\n        let errorMessage = `Failed to load business rules (${response.status})`\n        try {\n          const errorData = await response.json()\n          if (errorData.error) {\n            errorMessage = errorData.error\n          }\n        } catch {\n          // If response is not JSON, use status code message\n          errorMessage = `Failed to load business rules (${response.status})`\n        }\n        logger.error('Failed to fetch business rules', {\n          url,\n          status: response.status,\n          message: errorMessage,\n        })\n        setError(errorMessage)\n      }\n    } catch (err) {\n      logger.error('Failed to fetch business rules', { err })\n      const errorMessage = err instanceof Error ? err.message : 'Network error loading business rules'\n      setError(errorMessage)\n    } finally {\n      setLoading(false)\n    }\n    return []\n  }\n\n  const handleInlineRuleSaved = async (saved: InlineRuleEditorSavedRule) => {\n    const refreshed = await fetchBusinessRules()\n    const created = refreshed.find((rule) => rule.ruleId === saved.ruleId)\n    if (created) {\n      handleSelect(created)\n    }\n  }\n\n  // Filter rules based on search query and exclusions\n  const getFilteredRules = (): BusinessRule[] => {\n    return businessRules\n      .filter(rule => !excludeRuleIds.includes(rule.ruleId))\n      .filter(rule => {\n        if (!searchQuery) return true\n        const query = searchQuery.toLowerCase()\n        return (\n          rule.ruleName.toLowerCase().includes(query) ||\n          rule.ruleId.toLowerCase().includes(query) ||\n          rule.description?.toLowerCase().includes(query) ||\n          rule.ruleType.toLowerCase().includes(query) ||\n          rule.ruleCategory?.toLowerCase().includes(query) ||\n          rule.entityType.toLowerCase().includes(query)\n        )\n      })\n  }\n\n  const handleSelect = (rule: BusinessRule) => {\n    onSelect(rule.ruleId, rule)\n    setSearchQuery('') // Clear search on select\n  }\n\n  const handleClose = () => {\n    setSearchQuery('')\n    onClose()\n  }\n\n  const filteredRules = getFilteredRules()\n\n  return (\n    <>\n    <Drawer open={isOpen} onOpenChange={(next) => { if (!next) handleClose() }}>\n      <DrawerContent\n        data-testid=\"workflow-business-rules-selector-drawer\"\n        className=\"w-full max-w-none sm:w-3/5\"\n        closeAriaLabel={t('workflows.selectors.businessRule.close')}\n      >\n        <DrawerHeader>\n          <DrawerTitle>{title}</DrawerTitle>\n          <DrawerDescription>{description}</DrawerDescription>\n        </DrawerHeader>\n\n        {/* Search Input */}\n        <div className=\"px-6\">\n          <Input\n            type=\"text\"\n            value={searchQuery}\n            onChange={(e) => setSearchQuery(e.target.value)}\n            placeholder={searchPlaceholder}\n            autoFocus\n            disabled={loading}\n          />\n        </div>\n\n        {/* Rules List */}\n        <DrawerBody className=\"py-4\">\n          {loading ? (\n            <div className=\"flex flex-col items-center justify-center py-12\">\n              <Loader2 className=\"h-12 w-12 animate-spin text-primary mb-4\" />\n              <p className=\"text-muted-foreground text-sm\">Loading business rules...</p>\n            </div>\n          ) : error ? (\n            <div className=\"flex flex-col items-center justify-center py-12\">\n              <AlertCircle className=\"h-16 w-16 text-destructive mb-4\" />\n              <p className=\"text-destructive text-sm font-medium mb-2\">{error}</p>\n              <Button\n                variant=\"outline\"\n                size=\"sm\"\n                onClick={fetchBusinessRules}\n              >\n                Retry\n              </Button>\n            </div>\n          ) : filteredRules.length === 0 ? (\n            <div className=\"flex flex-col items-center justify-center py-12\">\n              <svg className=\"w-16 h-16 text-muted mb-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\" />\n              </svg>\n              <p className=\"text-muted-foreground text-sm mb-2\">\n                {emptyMessage || (\n                  searchQuery\n                    ? 'No business rules found matching your search'\n                    : businessRules.length === 0\n                    ? 'No business rules exist yet'\n                    : 'All business rules have already been added'\n                )}\n              </p>\n              <p className=\"text-muted-foreground text-xs mb-3\">\n                {businessRules.length === 0\n                  ? 'Create business rules in the Business Rules module first'\n                  : searchQuery\n                  ? `Showing 0 of ${businessRules.length} total rules`\n                  : `${businessRules.length} rules already added`\n                }\n              </p>\n              {searchQuery && (\n                <Button\n                  variant=\"link\"\n                  size=\"sm\"\n                  onClick={() => setSearchQuery('')}\n                >\n                  Clear search\n                </Button>\n              )}\n            </div>\n          ) : (\n            <>\n              <div className=\"mb-3 text-sm text-muted-foreground\">\n                {filteredRules.length} rule{filteredRules.length !== 1 ? 's' : ''} available\n              </div>\n              <div className=\"grid grid-cols-1 md:grid-cols-2 gap-3\">\n                {filteredRules.map((rule) => (\n                  <button\n                    key={rule.id}\n                    onClick={() => handleSelect(rule)}\n                    className=\"text-left p-4 border-2 border-border rounded-lg hover:border-primary hover:bg-accent transition-all group\"\n                  >\n                    <div className=\"flex items-start justify-between mb-2\">\n                      <div className=\"flex-1 min-w-0\">\n                        <h4 className=\"text-sm font-semibold group-hover:text-primary truncate\">\n                          {rule.ruleName}\n                        </h4>\n                        <p className=\"text-xs text-muted-foreground font-mono mt-0.5 truncate\">\n                          {rule.ruleId}\n                        </p>\n                      </div>\n                      <Plus className=\"size-5 text-muted-foreground group-hover:text-primary transition-colors flex-shrink-0 ml-2\" />\n                    </div>\n\n                    <div className=\"flex items-center gap-2 mb-2 flex-wrap\">\n                      <Badge variant=\"secondary\" className=\"text-xs\">\n                        {rule.ruleType}\n                      </Badge>\n                      {rule.ruleCategory && (\n                        <Badge variant=\"outline\" className=\"text-xs\">\n                          {rule.ruleCategory}\n                        </Badge>\n                      )}\n                      {rule.enabled ? (\n                        <Badge variant=\"default\" className=\"bg-status-success-solid text-status-success-solid-foreground text-xs\">\n                          Enabled\n                        </Badge>\n                      ) : (\n                        <Badge variant=\"secondary\" className=\"text-xs\">\n                          Disabled\n                        </Badge>\n                      )}\n                    </div>\n\n                    {rule.description && (\n                      <p className=\"text-xs text-muted-foreground line-clamp-2 mb-2\">\n                        {rule.description}\n                      </p>\n                    )}\n\n                    <div className=\"text-xs text-muted-foreground space-y-0.5\">\n                      <div className=\"flex items-center gap-1\">\n                        <span className=\"font-medium\">Entity:</span>\n                        <span className=\"font-mono text-xs\">{rule.entityType}</span>\n                      </div>\n                      {rule.eventType && (\n                        <div className=\"flex items-center gap-1\">\n                          <span className=\"font-medium\">Event:</span>\n                          <span>{rule.eventType}</span>\n                        </div>\n                      )}\n                    </div>\n                  </button>\n                ))}\n              </div>\n            </>\n          )}\n        </DrawerBody>\n\n        <DrawerFooter>\n          {!disableInlineCreate && (\n            <Button\n              type=\"button\"\n              variant=\"secondary\"\n              onClick={() => setIsInlineEditorOpen(true)}\n            >\n              <Plus className=\"size-4 mr-1\" />\n              {t('workflows.businessRules.newRule')}\n            </Button>\n          )}\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            onClick={handleClose}\n          >\n            {t('common.cancel', 'Cancel')}\n          </Button>\n        </DrawerFooter>\n      </DrawerContent>\n    </Drawer>\n    {!disableInlineCreate && (\n      <InlineRuleEditor\n        open={isInlineEditorOpen}\n        onOpenChange={setIsInlineEditorOpen}\n        defaultEntityType={filterEntityType}\n        onSaved={handleInlineRuleSaved}\n      />\n    )}\n    </>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }