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

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

@@ -1,8 +1,17 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
 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";
@@ -20,6 +29,7 @@ function WorkflowSelector({
   emptyMessage,
   searchPlaceholder = "Search by workflow ID, name, or description..."
 }) {
+  const t = useT();
   const [workflows, setWorkflows] = useState([]);
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState(null);
@@ -83,93 +93,103 @@ function WorkflowSelector({
     onClose();
   };
   const filteredWorkflows = getFilteredWorkflows();
-  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: handleClose, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-4xl 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,
-      {
-        type: "text",
-        value: searchQuery,
-        onChange: (e) => setSearchQuery(e.target.value),
-        placeholder: searchPlaceholder,
-        autoFocus: true,
-        disabled: loading
-      }
-    ) }),
-    /* @__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 workflows..." })
-    ] }) : 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: fetchWorkflows,
-          children: "Retry"
-        }
-      )
-    ] }) : filteredWorkflows.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12", children: [
-      /* @__PURE__ */ jsx(Workflow, { className: "w-16 h-16 text-muted mb-4" }),
-      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm mb-2", children: emptyMessage || (searchQuery ? "No workflows found matching your search" : workflows.length === 0 ? "No workflows exist yet" : "All workflows have already been excluded") }),
-      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs mb-3", children: workflows.length === 0 ? "Create workflows in the Workflow Definitions page first" : searchQuery ? `Showing 0 of ${workflows.length} total workflows` : `${workflows.length} workflows already excluded` }),
-      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: [
-        filteredWorkflows.length,
-        " workflow",
-        filteredWorkflows.length !== 1 ? "s" : "",
-        " available"
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", children: filteredWorkflows.map((workflow) => /* @__PURE__ */ jsxs(
-        "button",
-        {
-          onClick: () => handleSelect(workflow),
-          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: workflow.workflowName }),
-                /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground font-mono mt-0.5 truncate", children: workflow.workflowId })
-              ] }),
-              /* @__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__ */ jsxs(Badge, { variant: "secondary", className: "text-xs", children: [
-                "v",
-                workflow.version
-              ] }),
-              workflow.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" })
-            ] }),
-            workflow.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground line-clamp-2", children: workflow.description })
-          ]
-        },
-        workflow.id
-      )) })
-    ] }) }),
-    /* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        type: "button",
-        variant: "outline",
-        onClick: handleClose,
-        children: "Cancel"
-      }
-    ) })
-  ] }) });
+  return /* @__PURE__ */ jsx(Drawer, { open: isOpen, onOpenChange: (next) => {
+    if (!next) handleClose();
+  }, children: /* @__PURE__ */ jsxs(
+    DrawerContent,
+    {
+      "data-testid": "workflow-selector-drawer",
+      className: "w-full max-w-none sm:w-3/5",
+      closeAriaLabel: t("workflows.selectors.workflow.close", "Close workflow picker"),
+      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 workflows..." })
+        ] }) : 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: fetchWorkflows,
+              children: "Retry"
+            }
+          )
+        ] }) : filteredWorkflows.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12", children: [
+          /* @__PURE__ */ jsx(Workflow, { className: "w-16 h-16 text-muted mb-4" }),
+          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm mb-2", children: emptyMessage || (searchQuery ? "No workflows found matching your search" : workflows.length === 0 ? "No workflows exist yet" : "All workflows have already been excluded") }),
+          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs mb-3", children: workflows.length === 0 ? "Create workflows in the Workflow Definitions page first" : searchQuery ? `Showing 0 of ${workflows.length} total workflows` : `${workflows.length} workflows already excluded` }),
+          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: [
+            filteredWorkflows.length,
+            " workflow",
+            filteredWorkflows.length !== 1 ? "s" : "",
+            " available"
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", children: filteredWorkflows.map((workflow) => /* @__PURE__ */ jsxs(
+            "button",
+            {
+              onClick: () => handleSelect(workflow),
+              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: workflow.workflowName }),
+                    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground font-mono mt-0.5 truncate", children: workflow.workflowId })
+                  ] }),
+                  /* @__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__ */ jsxs(Badge, { variant: "secondary", className: "text-xs", children: [
+                    "v",
+                    workflow.version
+                  ] }),
+                  workflow.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" })
+                ] }),
+                workflow.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground line-clamp-2", children: workflow.description })
+              ]
+            },
+            workflow.id
+          )) })
+        ] }) }),
+        /* @__PURE__ */ jsx(DrawerFooter, { children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            onClick: handleClose,
+            children: t("common.cancel", "Cancel")
+          }
+        ) })
+      ]
+    }
+  ) });
 }
 export {
   WorkflowSelector

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/workflows/components/WorkflowSelector.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, Workflow } from 'lucide-react'\nimport { createLogger } from '@open-mercato/shared/lib/logger'\n\nconst logger = createLogger('workflows')\n\nexport interface WorkflowDefinition {\n  id: string\n  workflowId: string\n  workflowName: string\n  description: string | null\n  version: number\n  enabled: boolean\n  createdAt: string\n  updatedAt: string\n}\n\nexport interface WorkflowSelectorProps {\n  /** Whether the dialog is open */\n  isOpen: boolean\n\n  /** Callback when dialog is closed */\n  onClose: () => void\n\n  /** Callback when a workflow is selected */\n  onSelect: (workflowId: string, workflow: WorkflowDefinition) => void\n\n  /** Array of workflow IDs to exclude from the list (already selected) */\n  excludeWorkflowIds?: string[]\n\n  /** Dialog title */\n  title?: string\n\n  /** Dialog description */\n  description?: string\n\n  /** Whether to show only enabled workflows */\n  onlyEnabled?: boolean\n\n  /** Custom empty state message */\n  emptyMessage?: string\n\n  /** Custom search placeholder */\n  searchPlaceholder?: string\n}\n\n/**\n * WorkflowSelector - Reusable dialog for searching and selecting workflow definitions\n *\n * Features:\n * - Search/filter workflows by name, ID, description\n * - Display workflow details (version, enabled status, description)\n * - Exclude already-selected workflows\n * - Loading and error states\n * - Responsive grid layout\n */\nexport function WorkflowSelector({\n  isOpen,\n  onClose,\n  onSelect,\n  excludeWorkflowIds = [],\n  title = 'Select Workflow',\n  description = 'Choose a workflow to invoke as a sub-workflow',\n  onlyEnabled = true,\n  emptyMessage,\n  searchPlaceholder = 'Search by workflow ID, name, or description...',\n}: WorkflowSelectorProps) {\n  const [workflows, setWorkflows] = useState<WorkflowDefinition[]>([])\n  const [loading, setLoading] = useState(false)\n  const [error, setError] = useState<string | null>(null)\n  const [searchQuery, setSearchQuery] = useState('')\n\n  // Fetch workflows on mount\n  useEffect(() => {\n    if (isOpen) {\n      fetchWorkflows()\n    }\n  }, [isOpen])\n\n  const fetchWorkflows = async () => {\n    setLoading(true)\n    setError(null)\n    try {\n      // Build query params\n      const params = new URLSearchParams()\n      params.set('limit', '50') // Reasonable limit for selector\n\n      if (onlyEnabled) {\n        params.set('enabled', 'true')\n      }\n\n      const url = `/api/workflows/definitions?${params.toString()}`\n      const response = await apiFetch(url)\n\n      if (response.ok) {\n        const result = await response.json()\n        setWorkflows(result.data || [])\n      } else {\n        let errorMessage = `Failed to load workflows (${response.status})`\n        try {\n          const errorData = await response.json()\n          if (errorData.error) {\n            errorMessage = errorData.error\n          }\n        } catch {\n          // Use default error message\n        }\n        logger.error('Failed to fetch workflows', {\n          url,\n          status: response.status,\n          message: errorMessage,\n        })\n        setError(errorMessage)\n      }\n    } catch (err) {\n      logger.error('Failed to fetch workflows', { err })\n      const errorMessage = err instanceof Error ? err.message : 'Network error loading workflows'\n      setError(errorMessage)\n    } finally {\n      setLoading(false)\n    }\n  }\n\n  // Filter workflows based on search query and exclusions\n  const getFilteredWorkflows = (): WorkflowDefinition[] => {\n    return workflows\n      .filter(wf => !excludeWorkflowIds.includes(wf.workflowId))\n      .filter(wf => {\n        if (!searchQuery) return true\n        const query = searchQuery.toLowerCase()\n        return (\n          wf.workflowName.toLowerCase().includes(query) ||\n          wf.workflowId.toLowerCase().includes(query) ||\n          wf.description?.toLowerCase().includes(query)\n        )\n      })\n  }\n\n  const handleSelect = (workflow: WorkflowDefinition) => {\n    onSelect(workflow.workflowId, workflow)\n    setSearchQuery('') // Clear search on select\n  }\n\n  const handleClose = () => {\n    setSearchQuery('')\n    onClose()\n  }\n\n  const filteredWorkflows = getFilteredWorkflows()\n\n  return (\n    <Dialog open={isOpen} onOpenChange={handleClose}>\n      <DialogContent className=\"sm:max-w-4xl 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        {/* Workflows 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 workflows...</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={fetchWorkflows}\n              >\n                Retry\n              </Button>\n            </div>\n          ) : filteredWorkflows.length === 0 ? (\n            <div className=\"flex flex-col items-center justify-center py-12\">\n              <Workflow className=\"w-16 h-16 text-muted mb-4\" />\n              <p className=\"text-muted-foreground text-sm mb-2\">\n                {emptyMessage || (\n                  searchQuery\n                    ? 'No workflows found matching your search'\n                    : workflows.length === 0\n                    ? 'No workflows exist yet'\n                    : 'All workflows have already been excluded'\n                )}\n              </p>\n              <p className=\"text-muted-foreground text-xs mb-3\">\n                {workflows.length === 0\n                  ? 'Create workflows in the Workflow Definitions page first'\n                  : searchQuery\n                  ? `Showing 0 of ${workflows.length} total workflows`\n                  : `${workflows.length} workflows already excluded`\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                {filteredWorkflows.length} workflow{filteredWorkflows.length !== 1 ? 's' : ''} available\n              </div>\n              <div className=\"grid grid-cols-1 md:grid-cols-2 gap-3\">\n                {filteredWorkflows.map((workflow) => (\n                  <button\n                    key={workflow.id}\n                    onClick={() => handleSelect(workflow)}\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                          {workflow.workflowName}\n                        </h4>\n                        <p className=\"text-xs text-muted-foreground font-mono mt-0.5 truncate\">\n                          {workflow.workflowId}\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                        v{workflow.version}\n                      </Badge>\n                      {workflow.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                    {workflow.description && (\n                      <p className=\"text-xs text-muted-foreground line-clamp-2\">\n                        {workflow.description}\n                      </p>\n                    )}\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 { useT } from '@open-mercato/shared/lib/i18n/context'\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, Workflow } from 'lucide-react'\nimport { createLogger } from '@open-mercato/shared/lib/logger'\n\nconst logger = createLogger('workflows')\n\nexport interface WorkflowDefinition {\n  id: string\n  workflowId: string\n  workflowName: string\n  description: string | null\n  version: number\n  enabled: boolean\n  createdAt: string\n  updatedAt: string\n}\n\nexport interface WorkflowSelectorProps {\n  /** Whether the dialog is open */\n  isOpen: boolean\n\n  /** Callback when dialog is closed */\n  onClose: () => void\n\n  /** Callback when a workflow is selected */\n  onSelect: (workflowId: string, workflow: WorkflowDefinition) => void\n\n  /** Array of workflow IDs to exclude from the list (already selected) */\n  excludeWorkflowIds?: string[]\n\n  /** Dialog title */\n  title?: string\n\n  /** Dialog description */\n  description?: string\n\n  /** Whether to show only enabled workflows */\n  onlyEnabled?: boolean\n\n  /** Custom empty state message */\n  emptyMessage?: string\n\n  /** Custom search placeholder */\n  searchPlaceholder?: string\n}\n\n/**\n * WorkflowSelector - Reusable dialog for searching and selecting workflow definitions\n *\n * Features:\n * - Search/filter workflows by name, ID, description\n * - Display workflow details (version, enabled status, description)\n * - Exclude already-selected workflows\n * - Loading and error states\n * - Responsive grid layout\n *\n * A wide Drawer rather than a modal: this is a searchable record BROWSER, not a\n * tiny picker \u2014 each row carries a version chip, an enabled state and a\n * description, which a Popover cannot hold and a CommandMenu would flatten\n * away. Escape cancels; there is no submit, selection IS the primary action.\n */\nexport function WorkflowSelector({\n  isOpen,\n  onClose,\n  onSelect,\n  excludeWorkflowIds = [],\n  title = 'Select Workflow',\n  description = 'Choose a workflow to invoke as a sub-workflow',\n  onlyEnabled = true,\n  emptyMessage,\n  searchPlaceholder = 'Search by workflow ID, name, or description...',\n}: WorkflowSelectorProps) {\n  const t = useT()\n  const [workflows, setWorkflows] = useState<WorkflowDefinition[]>([])\n  const [loading, setLoading] = useState(false)\n  const [error, setError] = useState<string | null>(null)\n  const [searchQuery, setSearchQuery] = useState('')\n\n  // Fetch workflows on mount\n  useEffect(() => {\n    if (isOpen) {\n      fetchWorkflows()\n    }\n  }, [isOpen])\n\n  const fetchWorkflows = async () => {\n    setLoading(true)\n    setError(null)\n    try {\n      // Build query params\n      const params = new URLSearchParams()\n      params.set('limit', '50') // Reasonable limit for selector\n\n      if (onlyEnabled) {\n        params.set('enabled', 'true')\n      }\n\n      const url = `/api/workflows/definitions?${params.toString()}`\n      const response = await apiFetch(url)\n\n      if (response.ok) {\n        const result = await response.json()\n        setWorkflows(result.data || [])\n      } else {\n        let errorMessage = `Failed to load workflows (${response.status})`\n        try {\n          const errorData = await response.json()\n          if (errorData.error) {\n            errorMessage = errorData.error\n          }\n        } catch {\n          // Use default error message\n        }\n        logger.error('Failed to fetch workflows', {\n          url,\n          status: response.status,\n          message: errorMessage,\n        })\n        setError(errorMessage)\n      }\n    } catch (err) {\n      logger.error('Failed to fetch workflows', { err })\n      const errorMessage = err instanceof Error ? err.message : 'Network error loading workflows'\n      setError(errorMessage)\n    } finally {\n      setLoading(false)\n    }\n  }\n\n  // Filter workflows based on search query and exclusions\n  const getFilteredWorkflows = (): WorkflowDefinition[] => {\n    return workflows\n      .filter(wf => !excludeWorkflowIds.includes(wf.workflowId))\n      .filter(wf => {\n        if (!searchQuery) return true\n        const query = searchQuery.toLowerCase()\n        return (\n          wf.workflowName.toLowerCase().includes(query) ||\n          wf.workflowId.toLowerCase().includes(query) ||\n          wf.description?.toLowerCase().includes(query)\n        )\n      })\n  }\n\n  const handleSelect = (workflow: WorkflowDefinition) => {\n    onSelect(workflow.workflowId, workflow)\n    setSearchQuery('') // Clear search on select\n  }\n\n  const handleClose = () => {\n    setSearchQuery('')\n    onClose()\n  }\n\n  const filteredWorkflows = getFilteredWorkflows()\n\n  return (\n    <Drawer open={isOpen} onOpenChange={(next) => { if (!next) handleClose() }}>\n      <DrawerContent\n        data-testid=\"workflow-selector-drawer\"\n        className=\"w-full max-w-none sm:w-3/5\"\n        closeAriaLabel={t('workflows.selectors.workflow.close', 'Close workflow picker')}\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        {/* Workflows 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 workflows...</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={fetchWorkflows}\n              >\n                Retry\n              </Button>\n            </div>\n          ) : filteredWorkflows.length === 0 ? (\n            <div className=\"flex flex-col items-center justify-center py-12\">\n              <Workflow className=\"w-16 h-16 text-muted mb-4\" />\n              <p className=\"text-muted-foreground text-sm mb-2\">\n                {emptyMessage || (\n                  searchQuery\n                    ? 'No workflows found matching your search'\n                    : workflows.length === 0\n                    ? 'No workflows exist yet'\n                    : 'All workflows have already been excluded'\n                )}\n              </p>\n              <p className=\"text-muted-foreground text-xs mb-3\">\n                {workflows.length === 0\n                  ? 'Create workflows in the Workflow Definitions page first'\n                  : searchQuery\n                  ? `Showing 0 of ${workflows.length} total workflows`\n                  : `${workflows.length} workflows already excluded`\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                {filteredWorkflows.length} workflow{filteredWorkflows.length !== 1 ? 's' : ''} available\n              </div>\n              <div className=\"grid grid-cols-1 md:grid-cols-2 gap-3\">\n                {filteredWorkflows.map((workflow) => (\n                  <button\n                    key={workflow.id}\n                    onClick={() => handleSelect(workflow)}\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                          {workflow.workflowName}\n                        </h4>\n                        <p className=\"text-xs text-muted-foreground font-mono mt-0.5 truncate\">\n                          {workflow.workflowId}\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                        v{workflow.version}\n                      </Badge>\n                      {workflow.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                    {workflow.description && (\n                      <p className=\"text-xs text-muted-foreground line-clamp-2\">\n                        {workflow.description}\n                      </p>\n                    )}\n                  </button>\n                ))}\n              </div>\n            </>\n          )}\n        </DrawerBody>\n\n        <DrawerFooter>\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  )\n}\n"],
+  "mappings": ";AAmLQ,SAmEI,UAlEF,KADF;AAjLR,SAAS,UAAU,iBAAiB;AACpC,SAAS,YAAY;AACrB,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,MAAM,SAAS,aAAa,gBAAgB;AACrD,SAAS,oBAAoB;AAE7B,MAAM,SAAS,aAAa,WAAW;AAyDhC,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA,qBAAqB,CAAC;AAAA,EACtB,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,cAAc;AAAA,EACd;AAAA,EACA,oBAAoB;AACtB,GAA0B;AACxB,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,WAAW,YAAY,IAAI,SAA+B,CAAC,CAAC;AACnE,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,IAAI;AACtD,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,EAAE;AAGjD,YAAU,MAAM;AACd,QAAI,QAAQ;AACV,qBAAe;AAAA,IACjB;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,iBAAiB,YAAY;AACjC,eAAW,IAAI;AACf,aAAS,IAAI;AACb,QAAI;AAEF,YAAM,SAAS,IAAI,gBAAgB;AACnC,aAAO,IAAI,SAAS,IAAI;AAExB,UAAI,aAAa;AACf,eAAO,IAAI,WAAW,MAAM;AAAA,MAC9B;AAEA,YAAM,MAAM,8BAA8B,OAAO,SAAS,CAAC;AAC3D,YAAM,WAAW,MAAM,SAAS,GAAG;AAEnC,UAAI,SAAS,IAAI;AACf,cAAM,SAAS,MAAM,SAAS,KAAK;AACnC,qBAAa,OAAO,QAAQ,CAAC,CAAC;AAAA,MAChC,OAAO;AACL,YAAI,eAAe,6BAA6B,SAAS,MAAM;AAC/D,YAAI;AACF,gBAAM,YAAY,MAAM,SAAS,KAAK;AACtC,cAAI,UAAU,OAAO;AACnB,2BAAe,UAAU;AAAA,UAC3B;AAAA,QACF,QAAQ;AAAA,QAER;AACA,eAAO,MAAM,6BAA6B;AAAA,UACxC;AAAA,UACA,QAAQ,SAAS;AAAA,UACjB,SAAS;AAAA,QACX,CAAC;AACD,iBAAS,YAAY;AAAA,MACvB;AAAA,IACF,SAAS,KAAK;AACZ,aAAO,MAAM,6BAA6B,EAAE,IAAI,CAAC;AACjD,YAAM,eAAe,eAAe,QAAQ,IAAI,UAAU;AAC1D,eAAS,YAAY;AAAA,IACvB,UAAE;AACA,iBAAW,KAAK;AAAA,IAClB;AAAA,EACF;AAGA,QAAM,uBAAuB,MAA4B;AACvD,WAAO,UACJ,OAAO,QAAM,CAAC,mBAAmB,SAAS,GAAG,UAAU,CAAC,EACxD,OAAO,QAAM;AACZ,UAAI,CAAC,YAAa,QAAO;AACzB,YAAM,QAAQ,YAAY,YAAY;AACtC,aACE,GAAG,aAAa,YAAY,EAAE,SAAS,KAAK,KAC5C,GAAG,WAAW,YAAY,EAAE,SAAS,KAAK,KAC1C,GAAG,aAAa,YAAY,EAAE,SAAS,KAAK;AAAA,IAEhD,CAAC;AAAA,EACL;AAEA,QAAM,eAAe,CAAC,aAAiC;AACrD,aAAS,SAAS,YAAY,QAAQ;AACtC,mBAAe,EAAE;AAAA,EACnB;AAEA,QAAM,cAAc,MAAM;AACxB,mBAAe,EAAE;AACjB,YAAQ;AAAA,EACV;AAEA,QAAM,oBAAoB,qBAAqB;AAE/C,SACE,oBAAC,UAAO,MAAM,QAAQ,cAAc,CAAC,SAAS;AAAE,QAAI,CAAC,KAAM,aAAY;AAAA,EAAE,GACvE;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,WAAU;AAAA,MACV,gBAAgB,EAAE,sCAAsC,uBAAuB;AAAA,MAE/E;AAAA,6BAAC,gBACC;AAAA,8BAAC,eAAa,iBAAM;AAAA,UACpB,oBAAC,qBAAmB,uBAAY;AAAA,WAClC;AAAA,QAGA,oBAAC,SAAI,WAAU,QACb;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAO;AAAA,YACP,UAAU,CAAC,MAAM,eAAe,EAAE,OAAO,KAAK;AAAA,YAC9C,aAAa;AAAA,YACb,WAAS;AAAA,YACT,UAAU;AAAA;AAAA,QACZ,GACF;AAAA,QAGA,oBAAC,cAAW,WAAU,QACnB,oBACC,qBAAC,SAAI,WAAU,mDACb;AAAA,8BAAC,WAAQ,WAAU,4CAA2C;AAAA,UAC9D,oBAAC,OAAE,WAAU,iCAAgC,kCAAoB;AAAA,WACnE,IACE,QACF,qBAAC,SAAI,WAAU,mDACb;AAAA,8BAAC,eAAY,WAAU,mCAAkC;AAAA,UACzD,oBAAC,OAAE,WAAU,6CAA6C,iBAAM;AAAA,UAChE;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,SAAS;AAAA,cACV;AAAA;AAAA,UAED;AAAA,WACF,IACE,kBAAkB,WAAW,IAC/B,qBAAC,SAAI,WAAU,mDACb;AAAA,8BAAC,YAAS,WAAU,6BAA4B;AAAA,UAChD,oBAAC,OAAE,WAAU,sCACV,2BACC,cACI,4CACA,UAAU,WAAW,IACrB,2BACA,6CAER;AAAA,UACA,oBAAC,OAAE,WAAU,sCACV,oBAAU,WAAW,IAClB,4DACA,cACA,gBAAgB,UAAU,MAAM,qBAChC,GAAG,UAAU,MAAM,+BAEzB;AAAA,UACC,eACC;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,SAAS,MAAM,eAAe,EAAE;AAAA,cACjC;AAAA;AAAA,UAED;AAAA,WAEJ,IAEA,iCACE;AAAA,+BAAC,SAAI,WAAU,sCACZ;AAAA,8BAAkB;AAAA,YAAO;AAAA,YAAU,kBAAkB,WAAW,IAAI,MAAM;AAAA,YAAG;AAAA,aAChF;AAAA,UACA,oBAAC,SAAI,WAAU,yCACZ,4BAAkB,IAAI,CAAC,aACtB;AAAA,YAAC;AAAA;AAAA,cAEC,SAAS,MAAM,aAAa,QAAQ;AAAA,cACpC,WAAU;AAAA,cAEV;AAAA,qCAAC,SAAI,WAAU,yCACb;AAAA,uCAAC,SAAI,WAAU,kBACb;AAAA,wCAAC,QAAG,WAAU,2DACX,mBAAS,cACZ;AAAA,oBACA,oBAAC,OAAE,WAAU,2DACV,mBAAS,YACZ;AAAA,qBACF;AAAA,kBACA,oBAAC,QAAK,WAAU,8FAA6F;AAAA,mBAC/G;AAAA,gBAEA,qBAAC,SAAI,WAAU,0CACb;AAAA,uCAAC,SAAM,SAAQ,aAAY,WAAU,WAAU;AAAA;AAAA,oBAC3C,SAAS;AAAA,qBACb;AAAA,kBACC,SAAS,UACR,oBAAC,SAAM,SAAQ,WAAU,WAAU,wEAAuE,qBAE1G,IAEA,oBAAC,SAAM,SAAQ,aAAY,WAAU,WAAU,sBAE/C;AAAA,mBAEJ;AAAA,gBAEC,SAAS,eACR,oBAAC,OAAE,WAAU,8CACV,mBAAS,aACZ;AAAA;AAAA;AAAA,YAlCG,SAAS;AAAA,UAoChB,CACD,GACH;AAAA,WACF,GAEJ;AAAA,QAEA,oBAAC,gBACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,SAAS;AAAA,YAER,YAAE,iBAAiB,QAAQ;AAAA;AAAA,QAC9B,GACF;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;",
   "names": []
 }

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

@@ -1,9 +1,15 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { BaseEdge, EdgeLabelRenderer, getStraightPath } from "@xyflow/react";
+import { useState } from "react";
+import { BaseEdge, EdgeLabelRenderer, getBezierPath, useStore } from "@xyflow/react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { WorkflowTransitionLabel } from "./WorkflowTransitionLabel.js";
+import { WorkflowRouteChips } from "./WorkflowRouteChips.js";
 import { EDGE_COLORS } from "../lib/status-colors.js";
+import { buildRouteChipModel, routeCarriesCondition, ROUTE_CHIP_ZOOM_THRESHOLD } from "../lib/route-chips.js";
+import { requestRouteActivityEdit, requestRouteChipSection } from "../lib/route-chip-events.js";
 function WorkflowTransitionEdge({
   id,
+  source,
   sourceX,
   sourceY,
   targetX,
@@ -13,15 +19,38 @@ function WorkflowTransitionEdge({
   data,
   markerEnd
 }) {
-  const state = data?.state || "pending";
-  const label = data?.label || "";
+  const t = useT();
+  const [hovered, setHovered] = useState(false);
+  const isErrorRoute = data?.kind === "error";
+  const state = isErrorRoute ? "error" : data?.state || "pending";
+  const errorRouteLabel = t("workflows.transitions.errorRoute", "On error");
+  const label = data?.label || (isErrorRoute ? errorRouteLabel : "");
   const colors = EDGE_COLORS[state];
-  const [edgePath, labelX, labelY] = getStraightPath({
+  const showLabel = Boolean(label) && (hovered || isErrorRoute);
+  const isZoomedOut = useStore((store) => store.transform[2] < ROUTE_CHIP_ZOOM_THRESHOLD);
+  const hasConditionedSibling = useStore(
+    (store) => store.edges.some(
+      (edge) => edge.source === source && edge.id !== id && edge.data?.kind !== "error" && routeCarriesCondition(edge.data ?? {})
+    )
+  );
+  const chipModel = buildRouteChipModel({
+    condition: data?.condition,
+    preConditions: data?.preConditions,
+    activities: data?.activities,
+    hasConditionedSibling
+  });
+  const showChips = !isErrorRoute && !chipModel.isEmpty;
+  const [edgePath, labelX, labelY] = getBezierPath({
     sourceX,
     sourceY,
+    sourcePosition,
     targetX,
-    targetY
+    targetY,
+    targetPosition
   });
+  const openSection = (section) => requestRouteChipSection(id, section);
+  const openActivity = (activityId) => requestRouteActivityEdit(id, activityId);
+  const routeAriaLabel = isErrorRoute ? errorRouteLabel : label ? t("workflows.visualEditor.routeLabelled", "Route: {label}", { label }) : t("workflows.visualEditor.routeUnlabelled", "Route");
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       BaseEdge,
@@ -29,23 +58,44 @@ function WorkflowTransitionEdge({
         id,
         path: edgePath,
         markerEnd,
+        role: "img",
+        "aria-label": routeAriaLabel,
         style: {
           stroke: colors.stroke,
-          strokeWidth: 2,
-          strokeDasharray: colors.dashed ? "5,5" : void 0
+          strokeWidth: colors.strokeWidth,
+          strokeDasharray: colors.dashed ? colors.dashArray : void 0
         }
       }
     ),
-    label && /* @__PURE__ */ jsx(EdgeLabelRenderer, { children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: edgePath,
+        fill: "none",
+        stroke: "transparent",
+        strokeWidth: 20,
+        className: "react-flow__edge-interaction",
+        onMouseEnter: () => setHovered(true),
+        onMouseLeave: () => setHovered(false)
+      }
+    ),
+    (showLabel || showChips) && /* @__PURE__ */ jsx(EdgeLabelRenderer, { children: /* @__PURE__ */ jsxs(
       "div",
       {
         style: {
           position: "absolute",
           transform: `translate(-50%, -50%) translate(${labelX}px,${labelY}px)`,
-          pointerEvents: "all"
+          pointerEvents: showChips ? "all" : "none",
+          // Overlay the label above node cards when the tight layout makes the
+          // midpoint pill overlap a neighbour. The viewport is the stacking
+          // context and selected nodes elevate to ~1000, so sit clearly above.
+          zIndex: 1500
         },
-        className: "nodrag nopan",
-        children: /* @__PURE__ */ jsx(WorkflowTransitionLabel, { label, state })
+        className: "nodrag nopan flex flex-col items-center gap-1",
+        children: [
+          showLabel ? /* @__PURE__ */ jsx(WorkflowTransitionLabel, { label, state }) : null,
+          showChips ? /* @__PURE__ */ jsx(WorkflowRouteChips, { model: chipModel, collapsed: isZoomedOut, onOpenSection: openSection, onOpenActivity: openActivity }) : null
+        ]
       }
     ) })
   ] });

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/workflows/components/WorkflowTransitionEdge.tsx"],
-  "sourcesContent": ["import { BaseEdge, EdgeProps, EdgeLabelRenderer, getStraightPath } from '@xyflow/react'\nimport { WorkflowTransitionLabel } from './WorkflowTransitionLabel'\nimport { EDGE_COLORS, EdgeState } from '../lib/status-colors'\n\nexport function WorkflowTransitionEdge({\n  id,\n  sourceX,\n  sourceY,\n  targetX,\n  targetY,\n  sourcePosition,\n  targetPosition,\n  data,\n  markerEnd,\n}: EdgeProps) {\n  const state = (data?.state || 'pending') as EdgeState\n  const label = (data?.label as string) || ''\n  const colors = EDGE_COLORS[state]\n\n  const [edgePath, labelX, labelY] = getStraightPath({\n    sourceX,\n    sourceY,\n    targetX,\n    targetY,\n  })\n\n  return (\n    <>\n      <BaseEdge\n        id={id}\n        path={edgePath}\n        markerEnd={markerEnd}\n        style={{\n          stroke: colors.stroke,\n          strokeWidth: 2,\n          strokeDasharray: colors.dashed ? '5,5' : undefined,\n        }}\n      />\n      {label && (\n        <EdgeLabelRenderer>\n          <div\n            style={{\n              position: 'absolute',\n              transform: `translate(-50%, -50%) translate(${labelX}px,${labelY}px)`,\n              pointerEvents: 'all',\n            }}\n            className=\"nodrag nopan\"\n          >\n            <WorkflowTransitionLabel label={label} state={state} />\n          </div>\n        </EdgeLabelRenderer>\n      )}\n    </>\n  )\n}\n"],
-  "mappings": "AA2BI,mBACE,KADF;AA3BJ,SAAS,UAAqB,mBAAmB,uBAAuB;AACxE,SAAS,+BAA+B;AACxC,SAAS,mBAA8B;AAEhC,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAc;AACZ,QAAM,QAAS,MAAM,SAAS;AAC9B,QAAM,QAAS,MAAM,SAAoB;AACzC,QAAM,SAAS,YAAY,KAAK;AAEhC,QAAM,CAAC,UAAU,QAAQ,MAAM,IAAI,gBAAgB;AAAA,IACjD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAM;AAAA,QACN;AAAA,QACA,OAAO;AAAA,UACL,QAAQ,OAAO;AAAA,UACf,aAAa;AAAA,UACb,iBAAiB,OAAO,SAAS,QAAQ;AAAA,QAC3C;AAAA;AAAA,IACF;AAAA,IACC,SACC,oBAAC,qBACC;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,UAAU;AAAA,UACV,WAAW,mCAAmC,MAAM,MAAM,MAAM;AAAA,UAChE,eAAe;AAAA,QACjB;AAAA,QACA,WAAU;AAAA,QAEV,8BAAC,2BAAwB,OAAc,OAAc;AAAA;AAAA,IACvD,GACF;AAAA,KAEJ;AAEJ;",
+  "sourcesContent": ["import { useState } from 'react'\nimport { BaseEdge, EdgeProps, EdgeLabelRenderer, getBezierPath, useStore } from '@xyflow/react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { WorkflowTransitionLabel } from './WorkflowTransitionLabel'\nimport { WorkflowRouteChips } from './WorkflowRouteChips'\nimport { EDGE_COLORS, EdgeState } from '../lib/status-colors'\nimport { buildRouteChipModel, routeCarriesCondition, ROUTE_CHIP_ZOOM_THRESHOLD, type RouteChipSection } from '../lib/route-chips'\nimport { requestRouteActivityEdit, requestRouteChipSection } from '../lib/route-chip-events'\n\nexport function WorkflowTransitionEdge({\n  id,\n  source,\n  sourceX,\n  sourceY,\n  targetX,\n  targetY,\n  sourcePosition,\n  targetPosition,\n  data,\n  markerEnd,\n}: EdgeProps) {\n  const t = useT()\n  const [hovered, setHovered] = useState(false)\n  // An error route (spec 5.9) always renders in its own state: the persisted\n  // `state` field tracks run progress, the route kind is structural.\n  const isErrorRoute = data?.kind === 'error'\n  const state = (isErrorRoute ? 'error' : data?.state || 'pending') as EdgeState\n  const errorRouteLabel = t('workflows.transitions.errorRoute', 'On error')\n  const label = (data?.label as string) || (isErrorRoute ? errorRouteLabel : '')\n  const colors = EDGE_COLORS[state]\n  // Status is never color-only: the error route pairs its red dashed stroke with\n  // a permanently visible icon+label chip, not just a hover affordance.\n  const showLabel = Boolean(label) && (hovered || isErrorRoute)\n\n  // Semantic zoom (spec 4.4): the chip row collapses to dots when the canvas is\n  // zoomed out, so a 60-node flow reads as structure instead of a wall of text.\n  const isZoomedOut = useStore((store) => store.transform[2] < ROUTE_CHIP_ZOOM_THRESHOLD)\n  // `otherwise` is relative to the siblings leaving the same step. The selector\n  // returns a boolean so this edge only re-renders when the answer flips.\n  const hasConditionedSibling = useStore((store) =>\n    store.edges.some(\n      (edge) =>\n        edge.source === source\n        && edge.id !== id\n        && edge.data?.kind !== 'error'\n        && routeCarriesCondition(edge.data ?? {}),\n    ),\n  )\n\n  const chipModel = buildRouteChipModel({\n    condition: data?.condition,\n    preConditions: data?.preConditions,\n    activities: data?.activities,\n    hasConditionedSibling,\n  })\n  const showChips = !isErrorRoute && !chipModel.isEmpty\n\n  const [edgePath, labelX, labelY] = getBezierPath({\n    sourceX,\n    sourceY,\n    sourcePosition,\n    targetX,\n    targetY,\n    targetPosition,\n  })\n\n  const openSection = (section: RouteChipSection) => requestRouteChipSection(id, section)\n  const openActivity = (activityId: string) => requestRouteActivityEdit(id, activityId)\n\n  // Spec section 4.6: a route is a graph element a screen reader must be able to\n  // name. An error route says so, a labelled route reads its label, and an\n  // unlabelled one still announces that it is a route rather than a bare path.\n  const routeAriaLabel = isErrorRoute\n    ? errorRouteLabel\n    : label\n      ? t('workflows.visualEditor.routeLabelled', 'Route: {label}', { label })\n      : t('workflows.visualEditor.routeUnlabelled', 'Route')\n\n  return (\n    <>\n      <BaseEdge\n        id={id}\n        path={edgePath}\n        markerEnd={markerEnd}\n        role=\"img\"\n        aria-label={routeAriaLabel}\n        style={{\n          stroke: colors.stroke,\n          strokeWidth: colors.strokeWidth,\n          strokeDasharray: colors.dashed ? colors.dashArray : undefined,\n        }}\n      />\n      {/* Invisible hit path. Deliberately independent of the visible stroke\n          width: thinning the wire must not make a route harder to grab for\n          selection or endpoint reattachment. */}\n      <path\n        d={edgePath}\n        fill=\"none\"\n        stroke=\"transparent\"\n        strokeWidth={20}\n        className=\"react-flow__edge-interaction\"\n        onMouseEnter={() => setHovered(true)}\n        onMouseLeave={() => setHovered(false)}\n      />\n      {(showLabel || showChips) && (\n        <EdgeLabelRenderer>\n          <div\n            style={{\n              position: 'absolute',\n              transform: `translate(-50%, -50%) translate(${labelX}px,${labelY}px)`,\n              pointerEvents: showChips ? 'all' : 'none',\n              // Overlay the label above node cards when the tight layout makes the\n              // midpoint pill overlap a neighbour. The viewport is the stacking\n              // context and selected nodes elevate to ~1000, so sit clearly above.\n              zIndex: 1500,\n            }}\n            className=\"nodrag nopan flex flex-col items-center gap-1\"\n          >\n            {showLabel ? <WorkflowTransitionLabel label={label} state={state} /> : null}\n            {showChips ? (\n              <WorkflowRouteChips model={chipModel} collapsed={isZoomedOut} onOpenSection={openSection} onOpenActivity={openActivity} />\n            ) : null}\n          </div>\n        </EdgeLabelRenderer>\n      )}\n    </>\n  )\n}\n"],
+  "mappings": "AA+EI,mBACE,KA0BI,YA3BN;AA/EJ,SAAS,gBAAgB;AACzB,SAAS,UAAqB,mBAAmB,eAAe,gBAAgB;AAChF,SAAS,YAAY;AACrB,SAAS,+BAA+B;AACxC,SAAS,0BAA0B;AACnC,SAAS,mBAA8B;AACvC,SAAS,qBAAqB,uBAAuB,iCAAwD;AAC7G,SAAS,0BAA0B,+BAA+B;AAE3D,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAc;AACZ,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAG5C,QAAM,eAAe,MAAM,SAAS;AACpC,QAAM,QAAS,eAAe,UAAU,MAAM,SAAS;AACvD,QAAM,kBAAkB,EAAE,oCAAoC,UAAU;AACxE,QAAM,QAAS,MAAM,UAAqB,eAAe,kBAAkB;AAC3E,QAAM,SAAS,YAAY,KAAK;AAGhC,QAAM,YAAY,QAAQ,KAAK,MAAM,WAAW;AAIhD,QAAM,cAAc,SAAS,CAAC,UAAU,MAAM,UAAU,CAAC,IAAI,yBAAyB;AAGtF,QAAM,wBAAwB;AAAA,IAAS,CAAC,UACtC,MAAM,MAAM;AAAA,MACV,CAAC,SACC,KAAK,WAAW,UACb,KAAK,OAAO,MACZ,KAAK,MAAM,SAAS,WACpB,sBAAsB,KAAK,QAAQ,CAAC,CAAC;AAAA,IAC5C;AAAA,EACF;AAEA,QAAM,YAAY,oBAAoB;AAAA,IACpC,WAAW,MAAM;AAAA,IACjB,eAAe,MAAM;AAAA,IACrB,YAAY,MAAM;AAAA,IAClB;AAAA,EACF,CAAC;AACD,QAAM,YAAY,CAAC,gBAAgB,CAAC,UAAU;AAE9C,QAAM,CAAC,UAAU,QAAQ,MAAM,IAAI,cAAc;AAAA,IAC/C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,cAAc,CAAC,YAA8B,wBAAwB,IAAI,OAAO;AACtF,QAAM,eAAe,CAAC,eAAuB,yBAAyB,IAAI,UAAU;AAKpF,QAAM,iBAAiB,eACnB,kBACA,QACE,EAAE,wCAAwC,kBAAkB,EAAE,MAAM,CAAC,IACrE,EAAE,0CAA0C,OAAO;AAEzD,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAM;AAAA,QACN;AAAA,QACA,MAAK;AAAA,QACL,cAAY;AAAA,QACZ,OAAO;AAAA,UACL,QAAQ,OAAO;AAAA,UACf,aAAa,OAAO;AAAA,UACpB,iBAAiB,OAAO,SAAS,OAAO,YAAY;AAAA,QACtD;AAAA;AAAA,IACF;AAAA,IAIA;AAAA,MAAC;AAAA;AAAA,QACC,GAAG;AAAA,QACH,MAAK;AAAA,QACL,QAAO;AAAA,QACP,aAAa;AAAA,QACb,WAAU;AAAA,QACV,cAAc,MAAM,WAAW,IAAI;AAAA,QACnC,cAAc,MAAM,WAAW,KAAK;AAAA;AAAA,IACtC;AAAA,KACE,aAAa,cACb,oBAAC,qBACC;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,UAAU;AAAA,UACV,WAAW,mCAAmC,MAAM,MAAM,MAAM;AAAA,UAChE,eAAe,YAAY,QAAQ;AAAA;AAAA;AAAA;AAAA,UAInC,QAAQ;AAAA,QACV;AAAA,QACA,WAAU;AAAA,QAET;AAAA,sBAAY,oBAAC,2BAAwB,OAAc,OAAc,IAAK;AAAA,UACtE,YACC,oBAAC,sBAAmB,OAAO,WAAW,WAAW,aAAa,eAAe,aAAa,gBAAgB,cAAc,IACtH;AAAA;AAAA;AAAA,IACN,GACF;AAAA,KAEJ;AAEJ;",
   "names": []
 }

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

@@ -1,18 +1,28 @@
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AlertTriangle, Check } from "lucide-react";
+const STATE_CLASSES = {
+  completed: "border-status-success-border text-status-success-text",
+  pending: "border-border text-muted-foreground",
+  error: "border-status-error-border text-status-error-text"
+};
 function WorkflowTransitionLabel({
   label,
   state = "pending"
 }) {
   if (!label) return null;
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       className: `
-        px-2 py-1 text-xs font-medium
+        inline-flex items-center gap-1 px-2 py-1 text-xs font-medium
         bg-card border rounded
-        ${state === "completed" ? "border-emerald-300 text-emerald-700" : "border-border text-muted-foreground"}
+        ${STATE_CLASSES[state] ?? STATE_CLASSES.pending}
       `,
-      children: label
+      children: [
+        state === "error" ? /* @__PURE__ */ jsx(AlertTriangle, { className: "h-3 w-3 shrink-0", "aria-hidden": "true" }) : null,
+        state === "completed" ? /* @__PURE__ */ jsx(Check, { className: "h-3 w-3 shrink-0", "aria-hidden": "true" }) : null,
+        label
+      ]
     }
   );
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/workflows/components/WorkflowTransitionLabel.tsx"],
-  "sourcesContent": ["import { EdgeState } from '../lib/status-colors'\n\ninterface WorkflowTransitionLabelProps {\n  label: string\n  state?: EdgeState\n}\n\nexport function WorkflowTransitionLabel({\n  label,\n  state = 'pending',\n}: WorkflowTransitionLabelProps) {\n  if (!label) return null\n\n  return (\n    <div\n      className={`\n        px-2 py-1 text-xs font-medium\n        bg-card border rounded\n        ${state === 'completed' ? 'border-emerald-300 text-emerald-700' : 'border-border text-muted-foreground'}\n      `}\n    >\n      {label}\n    </div>\n  )\n}\n"],
-  "mappings": "AAcI;AAPG,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA,QAAQ;AACV,GAAiC;AAC/B,MAAI,CAAC,MAAO,QAAO;AAEnB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA;AAAA;AAAA,UAGP,UAAU,cAAc,wCAAwC,qCAAqC;AAAA;AAAA,MAGxG;AAAA;AAAA,EACH;AAEJ;",
+  "sourcesContent": ["import { AlertTriangle, Check } from 'lucide-react'\nimport { EdgeState } from '../lib/status-colors'\n\ninterface WorkflowTransitionLabelProps {\n  label: string\n  state?: EdgeState\n}\n\nconst STATE_CLASSES: Record<EdgeState, string> = {\n  completed: 'border-status-success-border text-status-success-text',\n  pending: 'border-border text-muted-foreground',\n  error: 'border-status-error-border text-status-error-text',\n}\n\nexport function WorkflowTransitionLabel({\n  label,\n  state = 'pending',\n}: WorkflowTransitionLabelProps) {\n  if (!label) return null\n\n  return (\n    <div\n      className={`\n        inline-flex items-center gap-1 px-2 py-1 text-xs font-medium\n        bg-card border rounded\n        ${STATE_CLASSES[state] ?? STATE_CLASSES.pending}\n      `}\n    >\n      {/* Spec section 4.6: status is never colour-only \u2014 each non-neutral state\n          pairs its token colour with its own icon shape. */}\n      {state === 'error' ? <AlertTriangle className=\"h-3 w-3 shrink-0\" aria-hidden=\"true\" /> : null}\n      {state === 'completed' ? <Check className=\"h-3 w-3 shrink-0\" aria-hidden=\"true\" /> : null}\n      {label}\n    </div>\n  )\n}\n"],
+  "mappings": "AAqBI,SASuB,KATvB;AArBJ,SAAS,eAAe,aAAa;AAQrC,MAAM,gBAA2C;AAAA,EAC/C,WAAW;AAAA,EACX,SAAS;AAAA,EACT,OAAO;AACT;AAEO,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA,QAAQ;AACV,GAAiC;AAC/B,MAAI,CAAC,MAAO,QAAO;AAEnB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA;AAAA;AAAA,UAGP,cAAc,KAAK,KAAK,cAAc,OAAO;AAAA;AAAA,MAKhD;AAAA,kBAAU,UAAU,oBAAC,iBAAc,WAAU,oBAAmB,eAAY,QAAO,IAAK;AAAA,QACxF,UAAU,cAAc,oBAAC,SAAM,WAAU,oBAAmB,eAAY,QAAO,IAAK;AAAA,QACpF;AAAA;AAAA;AAAA,EACH;AAEJ;",
   "names": []
 }