npm - @open-mercato/core - Versions diffs - 0.6.7-develop.6828.1.ab1620a63e → 0.6.7-develop.6834.1.e76f4b8cbc - Mend

@open-mercato/core 0.6.7-develop.6828.1.ab1620a63e → 0.6.7-develop.6834.1.e76f4b8cbc

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (132) hide show

package/dist/modules/workflows/components/WorkflowLegend.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/workflows/components/WorkflowLegend.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { Check, Play, Pause, Circle } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport function WorkflowLegend() {\n  const t = useT()\n\n  return (\n    <div className=\"space-y-6\">\n      <div>\n        <h3 className=\"text-xs font-semibold text-foreground mb-3\">\n          {t('workflows.legend.statusTitle')}\n        </h3>\n        <div className=\"space-y-2\">\n          <div className=\"flex items-center gap-2\">\n            <div className=\"flex-shrink-0 w-4 h-4 rounded-full bg-emerald-100 flex items-center justify-center\">\n              <Check className=\"w-3 h-3 text-emerald-600\" />\n            </div>\n            <span className=\"text-xs text-muted-foreground\">{t('workflows.legend.status.completed')}</span>\n          </div>\n          <div className=\"flex items-center gap-2\">\n            <div className=\"flex-shrink-0 w-4 h-4 rounded-full bg-blue-100 flex items-center justify-center\">\n              <Play className=\"w-3 h-3 text-blue-600\" />\n            </div>\n            <span className=\"text-xs text-muted-foreground\">{t('workflows.legend.status.inProgress')}</span>\n          </div>\n          <div className=\"flex items-center gap-2\">\n            <div className=\"flex-shrink-0 w-4 h-4 rounded-full bg-yellow-100 flex items-center justify-center\">\n              <Pause className=\"w-3 h-3 text-yellow-600\" />\n            </div>\n            <span className=\"text-xs text-muted-foreground\">{t('workflows.legend.status.pending')}</span>\n          </div>\n          <div className=\"flex items-center gap-2\">\n            <div className=\"flex-shrink-0 w-4 h-4 rounded-full bg-muted flex items-center justify-center\">\n              <Circle className=\"w-3 h-3 text-muted-foreground\" />\n            </div>\n            <span className=\"text-xs text-muted-foreground\">{t('workflows.legend.status.notStarted')}</span>\n          </div>\n        </div>\n      </div>\n\n      <div>\n        <h3 className=\"text-xs font-semibold text-foreground mb-3\">\n          {t('workflows.legend.edgeStatesTitle')}\n        </h3>\n        <div className=\"space-y-2\">\n          <div className=\"flex items-center gap-2\">\n            <div className=\"flex-shrink-0 w-8 h-0.5 bg-emerald-500\"></div>\n            <span className=\"text-xs text-muted-foreground\">{t('workflows.legend.edgeState.completed')}</span>\n          </div>\n          <div className=\"flex items-center gap-2\">\n            <div className=\"flex-shrink-0 w-8 h-0.5 bg-muted-foreground\" style={{ backgroundImage: 'repeating-linear-gradient(to right, currentColor 0, currentColor 4px, transparent 4px, transparent 8px)' }}></div>\n            <span className=\"text-xs text-muted-foreground\">{t('workflows.legend.edgeState.pending')}</span>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": ";AAWQ,cAIE,YAJF;AATR,SAAS,OAAO,MAAM,OAAO,cAAc;AAC3C,SAAS,YAAY;AAEd,SAAS,iBAAiB;AAC/B,QAAM,IAAI,KAAK;AAEf,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,yBAAC,SACC;AAAA,0BAAC,QAAG,WAAU,8CACX,YAAE,8BAA8B,GACnC;AAAA,MACA,qBAAC,SAAI,WAAU,aACb;AAAA,6BAAC,SAAI,WAAU,2BACb;AAAA,8BAAC,SAAI,WAAU,sFACb,8BAAC,SAAM,WAAU,4BAA2B,GAC9C;AAAA,UACA,oBAAC,UAAK,WAAU,iCAAiC,YAAE,mCAAmC,GAAE;AAAA,WAC1F;AAAA,QACA,qBAAC,SAAI,WAAU,2BACb;AAAA,8BAAC,SAAI,WAAU,mFACb,8BAAC,QAAK,WAAU,yBAAwB,GAC1C;AAAA,UACA,oBAAC,UAAK,WAAU,iCAAiC,YAAE,oCAAoC,GAAE;AAAA,WAC3F;AAAA,QACA,qBAAC,SAAI,WAAU,2BACb;AAAA,8BAAC,SAAI,WAAU,qFACb,8BAAC,SAAM,WAAU,2BAA0B,GAC7C;AAAA,UACA,oBAAC,UAAK,WAAU,iCAAiC,YAAE,iCAAiC,GAAE;AAAA,WACxF;AAAA,QACA,qBAAC,SAAI,WAAU,2BACb;AAAA,8BAAC,SAAI,WAAU,gFACb,8BAAC,UAAO,WAAU,iCAAgC,GACpD;AAAA,UACA,oBAAC,UAAK,WAAU,iCAAiC,YAAE,oCAAoC,GAAE;AAAA,WAC3F;AAAA,SACF;AAAA,OACF;AAAA,IAEA,qBAAC,SACC;AAAA,0BAAC,QAAG,WAAU,8CACX,YAAE,kCAAkC,GACvC;AAAA,MACA,qBAAC,SAAI,WAAU,aACb;AAAA,6BAAC,SAAI,WAAU,2BACb;AAAA,8BAAC,SAAI,WAAU,0CAAyC;AAAA,UACxD,oBAAC,UAAK,WAAU,iCAAiC,YAAE,sCAAsC,GAAE;AAAA,WAC7F;AAAA,QACA,qBAAC,SAAI,WAAU,2BACb;AAAA,8BAAC,SAAI,WAAU,+CAA8C,OAAO,EAAE,iBAAiB,0GAA0G,GAAG;AAAA,UACpM,oBAAC,UAAK,WAAU,iCAAiC,YAAE,oCAAoC,GAAE;AAAA,WAC3F;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAEJ;",
+  "sourcesContent": ["'use client'\n\nimport { Check, Play, Pause, Circle } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport function WorkflowLegend() {\n  const t = useT()\n\n  return (\n    <div className=\"space-y-6\">\n      <div>\n        <h3 className=\"text-xs font-semibold text-foreground mb-3\">\n          {t('workflows.legend.statusTitle')}\n        </h3>\n        <div className=\"space-y-2\">\n          <div className=\"flex items-center gap-2\">\n            <div className=\"flex-shrink-0 w-4 h-4 rounded-full bg-emerald-100 flex items-center justify-center\">\n              <Check className=\"w-3 h-3 text-emerald-600\" />\n            </div>\n            <span className=\"text-xs text-muted-foreground\">{t('workflows.legend.status.completed')}</span>\n          </div>\n          <div className=\"flex items-center gap-2\">\n            <div className=\"flex-shrink-0 w-4 h-4 rounded-full bg-blue-100 flex items-center justify-center\">\n              <Play className=\"w-3 h-3 text-blue-600\" />\n            </div>\n            <span className=\"text-xs text-muted-foreground\">{t('workflows.legend.status.inProgress')}</span>\n          </div>\n          <div className=\"flex items-center gap-2\">\n            <div className=\"flex-shrink-0 w-4 h-4 rounded-full bg-yellow-100 flex items-center justify-center\">\n              <Pause className=\"w-3 h-3 text-yellow-600\" />\n            </div>\n            <span className=\"text-xs text-muted-foreground\">{t('workflows.legend.status.pending')}</span>\n          </div>\n          <div className=\"flex items-center gap-2\">\n            <div className=\"flex-shrink-0 w-4 h-4 rounded-full bg-muted flex items-center justify-center\">\n              <Circle className=\"w-3 h-3 text-muted-foreground\" />\n            </div>\n            <span className=\"text-xs text-muted-foreground\">{t('workflows.legend.status.notStarted')}</span>\n          </div>\n        </div>\n      </div>\n\n      <div>\n        <h3 className=\"text-xs font-semibold text-foreground mb-3\">\n          {t('workflows.legend.edgeStatesTitle')}\n        </h3>\n        <div className=\"space-y-2\">\n          <div className=\"flex items-center gap-2\">\n            <div className=\"flex-shrink-0 w-8 h-0.5 bg-status-success-solid\"></div>\n            <span className=\"text-xs text-muted-foreground\">{t('workflows.legend.edgeState.completed')}</span>\n          </div>\n          <div className=\"flex items-center gap-2\">\n            <div className=\"flex-shrink-0 w-8 h-0.5 bg-muted-foreground\" style={{ backgroundImage: 'repeating-linear-gradient(to right, currentColor 0, currentColor 4px, transparent 4px, transparent 8px)' }}></div>\n            <span className=\"text-xs text-muted-foreground\">{t('workflows.legend.edgeState.pending')}</span>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": ";AAWQ,cAIE,YAJF;AATR,SAAS,OAAO,MAAM,OAAO,cAAc;AAC3C,SAAS,YAAY;AAEd,SAAS,iBAAiB;AAC/B,QAAM,IAAI,KAAK;AAEf,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,yBAAC,SACC;AAAA,0BAAC,QAAG,WAAU,8CACX,YAAE,8BAA8B,GACnC;AAAA,MACA,qBAAC,SAAI,WAAU,aACb;AAAA,6BAAC,SAAI,WAAU,2BACb;AAAA,8BAAC,SAAI,WAAU,sFACb,8BAAC,SAAM,WAAU,4BAA2B,GAC9C;AAAA,UACA,oBAAC,UAAK,WAAU,iCAAiC,YAAE,mCAAmC,GAAE;AAAA,WAC1F;AAAA,QACA,qBAAC,SAAI,WAAU,2BACb;AAAA,8BAAC,SAAI,WAAU,mFACb,8BAAC,QAAK,WAAU,yBAAwB,GAC1C;AAAA,UACA,oBAAC,UAAK,WAAU,iCAAiC,YAAE,oCAAoC,GAAE;AAAA,WAC3F;AAAA,QACA,qBAAC,SAAI,WAAU,2BACb;AAAA,8BAAC,SAAI,WAAU,qFACb,8BAAC,SAAM,WAAU,2BAA0B,GAC7C;AAAA,UACA,oBAAC,UAAK,WAAU,iCAAiC,YAAE,iCAAiC,GAAE;AAAA,WACxF;AAAA,QACA,qBAAC,SAAI,WAAU,2BACb;AAAA,8BAAC,SAAI,WAAU,gFACb,8BAAC,UAAO,WAAU,iCAAgC,GACpD;AAAA,UACA,oBAAC,UAAK,WAAU,iCAAiC,YAAE,oCAAoC,GAAE;AAAA,WAC3F;AAAA,SACF;AAAA,OACF;AAAA,IAEA,qBAAC,SACC;AAAA,0BAAC,QAAG,WAAU,8CACX,YAAE,kCAAkC,GACvC;AAAA,MACA,qBAAC,SAAI,WAAU,aACb;AAAA,6BAAC,SAAI,WAAU,2BACb;AAAA,8BAAC,SAAI,WAAU,mDAAkD;AAAA,UACjE,oBAAC,UAAK,WAAU,iCAAiC,YAAE,sCAAsC,GAAE;AAAA,WAC7F;AAAA,QACA,qBAAC,SAAI,WAAU,2BACb;AAAA,8BAAC,SAAI,WAAU,+CAA8C,OAAO,EAAE,iBAAiB,0GAA0G,GAAG;AAAA,UACpM,oBAAC,UAAK,WAAU,iCAAiC,YAAE,oCAAoC,GAAE;AAAA,WAC3F;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAEJ;",
   "names": []
 }

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

@@ -152,7 +152,7 @@ function WorkflowSelector({
                 "v",
                 workflow.version
               ] }),
-              workflow.enabled ? /* @__PURE__ */ jsx(Badge, { variant: "default", className: "bg-emerald-500 text-xs", children: "Enabled" }) : /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: "Disabled" })
+              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 })
           ]

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

@@ -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-emerald-500 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 { 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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",
   "names": []
 }

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

@@ -178,7 +178,7 @@ function BusinessRuleConditionsEditor({
                 size: "sm",
                 disabled,
                 className: "ml-2 flex-shrink-0",
-                children: /* @__PURE__ */ jsx(Trash2, { className: "size-4 text-red-600" })
+                children: /* @__PURE__ */ jsx(Trash2, { className: "size-4 text-destructive" })
               }
             ),
             title: t("workflows.fieldEditors.businessRuleConditions.removeCondition"),

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/workflows/components/fields/BusinessRuleConditionsEditor.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { useState, useEffect } from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Plus, Trash2, AlertCircle } from 'lucide-react'\nimport type { CrudCustomFieldRenderProps } from '@open-mercato/ui/backend/CrudForm'\nimport { BusinessRulesSelector, type BusinessRule } from '../BusinessRulesSelector'\nimport { apiFetch } from '@open-mercato/ui/backend/utils/api'\nimport { EmptyState } from '@open-mercato/ui/backend/EmptyState'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { SwitchField } from '@open-mercato/ui/primitives/switch-field'\nimport { ConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { createLogger } from '@open-mercato/shared/lib/logger'\n\nconst logger = createLogger('workflows')\n\n/**\n * Condition definition structure (supports legacy string format and new object format)\n */\nexport type TransitionCondition = string | { ruleId: string; required: boolean }\n\ninterface BusinessRuleConditionsEditorProps extends CrudCustomFieldRenderProps {\n  value: TransitionCondition[]\n  filterEntityType?: string\n  filterRuleType?: string\n}\n\ninterface ConditionWithDetails {\n  ruleId: string\n  required: boolean\n  ruleName?: string\n  ruleType?: string\n  loading?: boolean\n  error?: boolean\n}\n\n/**\n * Normalize legacy string format to object format\n */\nfunction normalizeCondition(raw: TransitionCondition): { ruleId: string; required: boolean } {\n  if (typeof raw === 'string') {\n    return { ruleId: raw, required: true }\n  }\n  return raw\n}\n\n/**\n * BusinessRuleConditionsEditor - Custom field component for managing pre/post business rule conditions\n *\n * Integrates with BusinessRulesSelector modal to add/remove conditions.\n * Fetches and displays rule names for selected rule IDs.\n * Supports both legacy string format and new object format with required flag.\n *\n * Used by EdgeEditDialog (pre-conditions and post-conditions)\n */\nexport function BusinessRuleConditionsEditor({\n  id,\n  value = [],\n  setValue,\n  disabled,\n  filterEntityType,\n  filterRuleType,\n}: BusinessRuleConditionsEditorProps) {\n  const t = useT()\n  const [isModalOpen, setIsModalOpen] = useState(false)\n  const [conditionsWithDetails, setConditionsWithDetails] = useState<ConditionWithDetails[]>([])\n\n  const conditions = Array.isArray(value) ? value : []\n\n  // Fetch rule details when conditions change\n  useEffect(() => {\n    const normalized = conditions.map(normalizeCondition)\n    const withDetails: ConditionWithDetails[] = normalized.map((c) => ({\n      ...c,\n      loading: true,\n    }))\n    setConditionsWithDetails(withDetails)\n\n    // Fetch details for each rule\n    normalized.forEach((condition, index) => {\n      fetchRuleDetails(condition.ruleId, index)\n    })\n  }, [JSON.stringify(conditions.map(normalizeCondition))])\n\n  const fetchRuleDetails = async (ruleId: string, index: number) => {\n    try {\n      const params = new URLSearchParams({ ruleId, pageSize: '1' })\n      const response = await apiFetch(`/api/business_rules/rules?${params.toString()}`)\n\n      if (response.ok) {\n        const data = await response.json()\n        const rule = data.items?.[0] as BusinessRule | undefined\n\n        setConditionsWithDetails((prev) => {\n          const updated = [...prev]\n          if (updated[index]) {\n            updated[index] = {\n              ...updated[index],\n              ruleName: rule?.ruleName || ruleId,\n              ruleType: rule?.ruleType,\n              loading: false,\n              error: !rule,\n            }\n          }\n          return updated\n        })\n      } else {\n        setConditionsWithDetails((prev) => {\n          const updated = [...prev]\n          if (updated[index]) {\n            updated[index] = {\n              ...updated[index],\n              ruleName: ruleId,\n              loading: false,\n              error: true,\n            }\n          }\n          return updated\n        })\n      }\n    } catch (err) {\n      logger.error('Failed to fetch rule details', { ruleId, err })\n      setConditionsWithDetails((prev) => {\n        const updated = [...prev]\n        if (updated[index]) {\n          updated[index] = {\n            ...updated[index],\n            ruleName: ruleId,\n            loading: false,\n            error: true,\n          }\n        }\n        return updated\n      })\n    }\n  }\n\n  const addCondition = (ruleId: string, _rule: BusinessRule) => {\n    const newCondition: TransitionCondition = { ruleId, required: true }\n    setValue([...conditions, newCondition])\n    setIsModalOpen(false)\n  }\n\n  const removeCondition = (index: number) => {\n    const newConditions = conditions.filter((_, i) => i !== index)\n    setValue(newConditions)\n  }\n\n  const toggleRequired = (index: number) => {\n    const normalized = normalizeCondition(conditions[index])\n    const updated = [...conditions]\n    updated[index] = {\n      ruleId: normalized.ruleId,\n      required: !normalized.required,\n    }\n    setValue(updated)\n  }\n\n  const getExcludedRuleIds = (): string[] => {\n    return conditions.map((c) => normalizeCondition(c).ruleId)\n  }\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"flex items-center justify-end\">\n        <Button\n          type=\"button\"\n          size=\"sm\"\n          onClick={() => setIsModalOpen(true)}\n          disabled={disabled}\n        >\n          <Plus className=\"size-3 mr-1\" />\n          {t('workflows.fieldEditors.businessRuleConditions.addRule')}\n        </Button>\n      </div>\n\n      {conditions.length === 0 ? (\n        <EmptyState\n          title={t('workflows.fieldEditors.businessRuleConditions.emptyTitle')}\n          description={t('workflows.fieldEditors.businessRuleConditions.emptyDescription')}\n          action={{ label: t('workflows.fieldEditors.businessRuleConditions.addRule'), onClick: () => setIsModalOpen(true), disabled }}\n        />\n      ) : (\n        <div className=\"space-y-2\">\n          {conditionsWithDetails.map((condition, index) => {\n            const normalized = normalizeCondition(conditions[index])\n            return (\n              <div key={index} className=\"border border-gray-200 rounded-lg bg-white p-4\">\n                <div className=\"flex items-start justify-between\">\n                  <div className=\"flex-1 min-w-0 space-y-2\">\n                    {/* Rule Name/ID */}\n                    <div className=\"flex items-center gap-2\">\n                      {condition.loading ? (\n                        <>\n                          <Spinner size=\"sm\" />\n                          <span className=\"text-sm text-muted-foreground\">{t('workflows.common.loadingDetails')}</span>\n                        </>\n                      ) : condition.error ? (\n                        <>\n                          <AlertCircle className=\"size-4 text-amber-600\" />\n                          <div>\n                            <span className=\"text-sm font-semibold text-foreground\">{condition.ruleId}</span>\n                            <p className=\"text-xs text-amber-600\">{t('workflows.common.ruleNotFound')}</p>\n                          </div>\n                        </>\n                      ) : (\n                        <div>\n                          <span className=\"text-sm font-semibold text-foreground\">{condition.ruleName}</span>\n                          {condition.ruleType && (\n                            <Badge variant=\"secondary\" className=\"text-xs ml-2\">\n                              {condition.ruleType}\n                            </Badge>\n                          )}\n                          <p className=\"text-xs text-muted-foreground mt-0.5\">\n                            ID: <code className=\"bg-muted px-1 rounded font-mono\">{condition.ruleId}</code>\n                          </p>\n                        </div>\n                      )}\n                    </div>\n\n                    {/* Required Toggle */}\n                    <SwitchField\n                      id={`${id}-${index}-required`}\n                      label={t('workflows.fieldEditors.businessRuleConditions.requiredLabel')}\n                      flip\n                      checked={normalized.required}\n                      onCheckedChange={() => toggleRequired(index)}\n                      disabled={disabled}\n                    />\n                  </div>\n\n                  {/* Delete Button */}\n                  <ConfirmDialog\n                    trigger={\n                      <Button\n                        type=\"button\"\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        disabled={disabled}\n                        className=\"ml-2 flex-shrink-0\"\n                      >\n                        <Trash2 className=\"size-4 text-red-600\" />\n                      </Button>\n                    }\n                    title={t('workflows.fieldEditors.businessRuleConditions.removeCondition')}\n                    text={t('workflows.fieldEditors.businessRuleConditions.confirmRemove')}\n                    variant=\"destructive\"\n                    onConfirm={() => removeCondition(index)}\n                  />\n                </div>\n              </div>\n            )\n          })}\n        </div>\n      )}\n\n      {/* Business Rules Selector Modal */}\n      <BusinessRulesSelector\n        isOpen={isModalOpen}\n        onClose={() => setIsModalOpen(false)}\n        onSelect={addCondition}\n        excludeRuleIds={getExcludedRuleIds()}\n        title={t('workflows.fieldEditors.businessRuleConditions.selectBusinessRule')}\n        description={t('workflows.fieldEditors.businessRuleConditions.selectBusinessRuleDescription')}\n        filterEntityType={filterEntityType}\n        filterRuleType={filterRuleType}\n        onlyEnabled={true}\n      />\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport { useState, useEffect } from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Plus, Trash2, AlertCircle } from 'lucide-react'\nimport type { CrudCustomFieldRenderProps } from '@open-mercato/ui/backend/CrudForm'\nimport { BusinessRulesSelector, type BusinessRule } from '../BusinessRulesSelector'\nimport { apiFetch } from '@open-mercato/ui/backend/utils/api'\nimport { EmptyState } from '@open-mercato/ui/backend/EmptyState'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { SwitchField } from '@open-mercato/ui/primitives/switch-field'\nimport { ConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { createLogger } from '@open-mercato/shared/lib/logger'\n\nconst logger = createLogger('workflows')\n\n/**\n * Condition definition structure (supports legacy string format and new object format)\n */\nexport type TransitionCondition = string | { ruleId: string; required: boolean }\n\ninterface BusinessRuleConditionsEditorProps extends CrudCustomFieldRenderProps {\n  value: TransitionCondition[]\n  filterEntityType?: string\n  filterRuleType?: string\n}\n\ninterface ConditionWithDetails {\n  ruleId: string\n  required: boolean\n  ruleName?: string\n  ruleType?: string\n  loading?: boolean\n  error?: boolean\n}\n\n/**\n * Normalize legacy string format to object format\n */\nfunction normalizeCondition(raw: TransitionCondition): { ruleId: string; required: boolean } {\n  if (typeof raw === 'string') {\n    return { ruleId: raw, required: true }\n  }\n  return raw\n}\n\n/**\n * BusinessRuleConditionsEditor - Custom field component for managing pre/post business rule conditions\n *\n * Integrates with BusinessRulesSelector modal to add/remove conditions.\n * Fetches and displays rule names for selected rule IDs.\n * Supports both legacy string format and new object format with required flag.\n *\n * Used by EdgeEditDialog (pre-conditions and post-conditions)\n */\nexport function BusinessRuleConditionsEditor({\n  id,\n  value = [],\n  setValue,\n  disabled,\n  filterEntityType,\n  filterRuleType,\n}: BusinessRuleConditionsEditorProps) {\n  const t = useT()\n  const [isModalOpen, setIsModalOpen] = useState(false)\n  const [conditionsWithDetails, setConditionsWithDetails] = useState<ConditionWithDetails[]>([])\n\n  const conditions = Array.isArray(value) ? value : []\n\n  // Fetch rule details when conditions change\n  useEffect(() => {\n    const normalized = conditions.map(normalizeCondition)\n    const withDetails: ConditionWithDetails[] = normalized.map((c) => ({\n      ...c,\n      loading: true,\n    }))\n    setConditionsWithDetails(withDetails)\n\n    // Fetch details for each rule\n    normalized.forEach((condition, index) => {\n      fetchRuleDetails(condition.ruleId, index)\n    })\n  }, [JSON.stringify(conditions.map(normalizeCondition))])\n\n  const fetchRuleDetails = async (ruleId: string, index: number) => {\n    try {\n      const params = new URLSearchParams({ ruleId, pageSize: '1' })\n      const response = await apiFetch(`/api/business_rules/rules?${params.toString()}`)\n\n      if (response.ok) {\n        const data = await response.json()\n        const rule = data.items?.[0] as BusinessRule | undefined\n\n        setConditionsWithDetails((prev) => {\n          const updated = [...prev]\n          if (updated[index]) {\n            updated[index] = {\n              ...updated[index],\n              ruleName: rule?.ruleName || ruleId,\n              ruleType: rule?.ruleType,\n              loading: false,\n              error: !rule,\n            }\n          }\n          return updated\n        })\n      } else {\n        setConditionsWithDetails((prev) => {\n          const updated = [...prev]\n          if (updated[index]) {\n            updated[index] = {\n              ...updated[index],\n              ruleName: ruleId,\n              loading: false,\n              error: true,\n            }\n          }\n          return updated\n        })\n      }\n    } catch (err) {\n      logger.error('Failed to fetch rule details', { ruleId, err })\n      setConditionsWithDetails((prev) => {\n        const updated = [...prev]\n        if (updated[index]) {\n          updated[index] = {\n            ...updated[index],\n            ruleName: ruleId,\n            loading: false,\n            error: true,\n          }\n        }\n        return updated\n      })\n    }\n  }\n\n  const addCondition = (ruleId: string, _rule: BusinessRule) => {\n    const newCondition: TransitionCondition = { ruleId, required: true }\n    setValue([...conditions, newCondition])\n    setIsModalOpen(false)\n  }\n\n  const removeCondition = (index: number) => {\n    const newConditions = conditions.filter((_, i) => i !== index)\n    setValue(newConditions)\n  }\n\n  const toggleRequired = (index: number) => {\n    const normalized = normalizeCondition(conditions[index])\n    const updated = [...conditions]\n    updated[index] = {\n      ruleId: normalized.ruleId,\n      required: !normalized.required,\n    }\n    setValue(updated)\n  }\n\n  const getExcludedRuleIds = (): string[] => {\n    return conditions.map((c) => normalizeCondition(c).ruleId)\n  }\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"flex items-center justify-end\">\n        <Button\n          type=\"button\"\n          size=\"sm\"\n          onClick={() => setIsModalOpen(true)}\n          disabled={disabled}\n        >\n          <Plus className=\"size-3 mr-1\" />\n          {t('workflows.fieldEditors.businessRuleConditions.addRule')}\n        </Button>\n      </div>\n\n      {conditions.length === 0 ? (\n        <EmptyState\n          title={t('workflows.fieldEditors.businessRuleConditions.emptyTitle')}\n          description={t('workflows.fieldEditors.businessRuleConditions.emptyDescription')}\n          action={{ label: t('workflows.fieldEditors.businessRuleConditions.addRule'), onClick: () => setIsModalOpen(true), disabled }}\n        />\n      ) : (\n        <div className=\"space-y-2\">\n          {conditionsWithDetails.map((condition, index) => {\n            const normalized = normalizeCondition(conditions[index])\n            return (\n              <div key={index} className=\"border border-gray-200 rounded-lg bg-white p-4\">\n                <div className=\"flex items-start justify-between\">\n                  <div className=\"flex-1 min-w-0 space-y-2\">\n                    {/* Rule Name/ID */}\n                    <div className=\"flex items-center gap-2\">\n                      {condition.loading ? (\n                        <>\n                          <Spinner size=\"sm\" />\n                          <span className=\"text-sm text-muted-foreground\">{t('workflows.common.loadingDetails')}</span>\n                        </>\n                      ) : condition.error ? (\n                        <>\n                          <AlertCircle className=\"size-4 text-amber-600\" />\n                          <div>\n                            <span className=\"text-sm font-semibold text-foreground\">{condition.ruleId}</span>\n                            <p className=\"text-xs text-amber-600\">{t('workflows.common.ruleNotFound')}</p>\n                          </div>\n                        </>\n                      ) : (\n                        <div>\n                          <span className=\"text-sm font-semibold text-foreground\">{condition.ruleName}</span>\n                          {condition.ruleType && (\n                            <Badge variant=\"secondary\" className=\"text-xs ml-2\">\n                              {condition.ruleType}\n                            </Badge>\n                          )}\n                          <p className=\"text-xs text-muted-foreground mt-0.5\">\n                            ID: <code className=\"bg-muted px-1 rounded font-mono\">{condition.ruleId}</code>\n                          </p>\n                        </div>\n                      )}\n                    </div>\n\n                    {/* Required Toggle */}\n                    <SwitchField\n                      id={`${id}-${index}-required`}\n                      label={t('workflows.fieldEditors.businessRuleConditions.requiredLabel')}\n                      flip\n                      checked={normalized.required}\n                      onCheckedChange={() => toggleRequired(index)}\n                      disabled={disabled}\n                    />\n                  </div>\n\n                  {/* Delete Button */}\n                  <ConfirmDialog\n                    trigger={\n                      <Button\n                        type=\"button\"\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        disabled={disabled}\n                        className=\"ml-2 flex-shrink-0\"\n                      >\n                        <Trash2 className=\"size-4 text-destructive\" />\n                      </Button>\n                    }\n                    title={t('workflows.fieldEditors.businessRuleConditions.removeCondition')}\n                    text={t('workflows.fieldEditors.businessRuleConditions.confirmRemove')}\n                    variant=\"destructive\"\n                    onConfirm={() => removeCondition(index)}\n                  />\n                </div>\n              </div>\n            )\n          })}\n        </div>\n      )}\n\n      {/* Business Rules Selector Modal */}\n      <BusinessRulesSelector\n        isOpen={isModalOpen}\n        onClose={() => setIsModalOpen(false)}\n        onSelect={addCondition}\n        excludeRuleIds={getExcludedRuleIds()}\n        title={t('workflows.fieldEditors.businessRuleConditions.selectBusinessRule')}\n        description={t('workflows.fieldEditors.businessRuleConditions.selectBusinessRuleDescription')}\n        filterEntityType={filterEntityType}\n        filterRuleType={filterRuleType}\n        onlyEnabled={true}\n      />\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/workflows/components/fields/FormFieldArrayEditor.js CHANGED Viewed

@@ -79,7 +79,7 @@ function FormFieldArrayEditor({
           ")"
         ] }),
         /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-0.5", children: t("workflows.fieldEditors.formFields.description") }),
-        error && /* @__PURE__ */ jsx("p", { className: "text-xs text-red-600 mt-1", children: error })
+        error && /* @__PURE__ */ jsx("p", { className: "text-xs text-status-error-text mt-1", children: error })
       ] }),
       /* @__PURE__ */ jsxs(
         Button,

package/dist/modules/workflows/components/fields/FormFieldArrayEditor.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/workflows/components/fields/FormFieldArrayEditor.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { useState } from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { Alert, AlertDescription } from '@open-mercato/ui/primitives/alert'\nimport { ChevronDown, Plus, Trash2 } from 'lucide-react'\nimport type { CrudCustomFieldRenderProps } from '@open-mercato/ui/backend/CrudForm'\n\n/**\n * Form field definition structure\n */\nexport interface FormField {\n  name: string\n  type: string\n  label: string\n  required: boolean\n  placeholder?: string\n  options?: string[]\n  defaultValue?: string\n}\n\ninterface FormFieldArrayEditorProps extends CrudCustomFieldRenderProps {\n  value: FormField[]\n  isJsonSchemaFormat?: boolean\n}\n\n/**\n * FormFieldArrayEditor - Custom field component for managing UserTask form fields\n *\n * Provides an interface to add, edit, and remove form field definitions for user tasks.\n * Supports 12 field types with conditional options for select/radio types.\n *\n * Displays a warning banner if the form was converted from JSON Schema format.\n *\n * Used by NodeEditDialog (UserTask type only)\n */\nexport function FormFieldArrayEditor({\n  id,\n  value = [],\n  error,\n  setValue,\n  disabled,\n  isJsonSchemaFormat = false,\n}: FormFieldArrayEditorProps) {\n  const t = useT()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const [expandedIndices, setExpandedIndices] = useState<Set<number>>(new Set())\n\n  const formFields = Array.isArray(value) ? value : []\n\n  const toggleExpanded = (index: number) => {\n    const newExpanded = new Set(expandedIndices)\n    if (newExpanded.has(index)) {\n      newExpanded.delete(index)\n    } else {\n      newExpanded.add(index)\n    }\n    setExpandedIndices(newExpanded)\n  }\n\n  const addFormField = () => {\n    const newField: FormField = {\n      name: `field_${Date.now()}`,\n      type: 'text',\n      label: t('workflows.form.newField'),\n      required: false,\n      placeholder: '',\n    }\n    const newFields = [...formFields, newField]\n    setValue(newFields)\n\n    // Auto-expand the newly added field\n    const newExpanded = new Set(expandedIndices)\n    newExpanded.add(formFields.length)\n    setExpandedIndices(newExpanded)\n  }\n\n  const removeFormField = async (index: number) => {\n    const confirmed = await confirm({\n      title: t('workflows.fieldEditors.formFields.removeField'),\n      text: t('workflows.fieldEditors.formFields.confirmRemove'),\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n\n    const newFields = formFields.filter((_, i) => i !== index)\n    setValue(newFields)\n\n    // Remove from expanded set\n    const newExpanded = new Set(expandedIndices)\n    newExpanded.delete(index)\n    setExpandedIndices(newExpanded)\n  }\n\n  const updateFormField = (index: number, fieldKey: keyof FormField, fieldValue: any) => {\n    const updated = [...formFields]\n    updated[index] = { ...updated[index], [fieldKey]: fieldValue }\n    setValue(updated)\n  }\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div>\n          <Label className=\"text-sm font-semibold\">{t('workflows.fieldEditors.formFields.title')} ({formFields.length})</Label>\n          <p className=\"text-xs text-muted-foreground mt-0.5\">\n            {t('workflows.fieldEditors.formFields.description')}\n          </p>\n          {error && <p className=\"text-xs text-red-600 mt-1\">{error}</p>}\n        </div>\n        <Button\n          type=\"button\"\n          size=\"sm\"\n          onClick={addFormField}\n          disabled={disabled}\n          className=\"w-full sm:w-auto\"\n        >\n          <Plus className=\"size-3 mr-1\" />\n          {t('workflows.fieldEditors.formFields.addField')}\n        </Button>\n      </div>\n\n      {/* JSON Schema Format Notice */}\n      {isJsonSchemaFormat && (\n        <Alert variant=\"info\">\n          <AlertDescription className=\"text-xs\">\n            {t('workflows.fieldEditors.formFields.jsonSchemaNotice')}\n          </AlertDescription>\n        </Alert>\n      )}\n\n      {formFields.length === 0 ? (\n        <div className=\"p-4 text-center text-sm text-muted-foreground bg-muted rounded-lg border\">\n          {t('workflows.fieldEditors.formFields.emptyState')}\n        </div>\n      ) : (\n        <div className=\"space-y-2\">\n          {formFields.map((field, index) => {\n            const isExpanded = expandedIndices.has(index)\n            return (\n              <div key={index} className=\"border border-gray-200 rounded-lg bg-gray-50\">\n                {/* Collapsed Header */}\n                <button\n                  type=\"button\"\n                  onClick={() => toggleExpanded(index)}\n                  disabled={disabled}\n                  className=\"w-full px-4 py-3 text-left flex items-center justify-between hover:bg-gray-100 transition-colors rounded-t-lg disabled:opacity-50\"\n                >\n                  <div className=\"flex-1\">\n                    <div className=\"flex flex-wrap items-center gap-2\">\n                      <span className=\"text-sm font-semibold text-gray-900\">\n                        {field.label || field.name}\n                      </span>\n                      <Badge variant=\"secondary\" className=\"text-xs\">\n                        {field.type}\n                      </Badge>\n                      {field.required && (\n                        <Badge variant=\"destructive\" className=\"text-xs text-white\">\n                          {t('workflows.form.required')}\n                        </Badge>\n                      )}\n                    </div>\n                    <p className=\"text-xs text-gray-600 mt-1\">\n                      Field name: <code className=\"bg-white px-1 rounded\">{field.name}</code>\n                    </p>\n                  </div>\n                  <ChevronDown\n                    className={`w-5 h-5 text-gray-400 transition-transform ${isExpanded ? 'rotate-180' : ''}`}\n                  />\n                </button>\n\n                {/* Expanded Content */}\n                {isExpanded && (\n                  <div className=\"px-4 pb-4 space-y-3 border-t border-gray-200 bg-white\">\n                    {/* Field Name */}\n                    <div className=\"pt-3\">\n                      <Label htmlFor={`${id}-${index}-name`} className=\"text-xs font-medium mb-1\">\n                        {t('workflows.fieldEditors.formFields.fieldName')} *\n                      </Label>\n                      <Input\n                        id={`${id}-${index}-name`}\n                        type=\"text\"\n                        value={field.name}\n                        onChange={(e) => updateFormField(index, 'name', e.target.value)}\n                        placeholder={t('workflows.fieldEditors.formFields.fieldNamePlaceholder')}\n                        className=\"text-xs\"\n                        disabled={disabled}\n                      />\n                      <p className=\"text-xs text-muted-foreground mt-0.5\">{t('workflows.fieldEditors.formFields.fieldNameHint')}</p>\n                    </div>\n\n                    {/* Field Label */}\n                    <div>\n                      <Label htmlFor={`${id}-${index}-label`} className=\"text-xs font-medium mb-1\">\n                        {t('workflows.fieldEditors.formFields.fieldLabel')} *\n                      </Label>\n                      <Input\n                        id={`${id}-${index}-label`}\n                        type=\"text\"\n                        value={field.label}\n                        onChange={(e) => updateFormField(index, 'label', e.target.value)}\n                        placeholder={t('workflows.fieldEditors.formFields.fieldLabelPlaceholder')}\n                        className=\"text-xs\"\n                        disabled={disabled}\n                      />\n                      <p className=\"text-xs text-muted-foreground mt-0.5\">{t('workflows.fieldEditors.formFields.fieldLabelHint')}</p>\n                    </div>\n\n                    {/* Field Type */}\n                    <div>\n                      <Label htmlFor={`${id}-${index}-type`} className=\"text-xs font-medium mb-1\">\n                        {t('workflows.fieldEditors.formFields.fieldType')} *\n                      </Label>\n                      <Select\n                        value={field.type}\n                        onValueChange={(value) => updateFormField(index, 'type', value)}\n                        disabled={disabled}\n                      >\n                        <SelectTrigger id={`${id}-${index}-type`}>\n                          <SelectValue />\n                        </SelectTrigger>\n                        <SelectContent>\n                          <SelectItem value=\"text\">{t('workflows.form.fieldTypes.text')}</SelectItem>\n                          <SelectItem value=\"number\">{t('workflows.form.fieldTypes.number')}</SelectItem>\n                          <SelectItem value=\"email\">{t('workflows.form.fieldTypes.email')}</SelectItem>\n                          <SelectItem value=\"tel\">{t('workflows.form.fieldTypes.tel')}</SelectItem>\n                          <SelectItem value=\"url\">{t('workflows.form.fieldTypes.url')}</SelectItem>\n                          <SelectItem value=\"textarea\">{t('workflows.form.fieldTypes.textarea')}</SelectItem>\n                          <SelectItem value=\"select\">{t('workflows.form.fieldTypes.select')}</SelectItem>\n                          <SelectItem value=\"radio\">{t('workflows.form.fieldTypes.radio')}</SelectItem>\n                          <SelectItem value=\"checkbox\">{t('workflows.form.fieldTypes.checkbox')}</SelectItem>\n                          <SelectItem value=\"date\">{t('workflows.form.fieldTypes.date')}</SelectItem>\n                          <SelectItem value=\"time\">{t('workflows.form.fieldTypes.time')}</SelectItem>\n                          <SelectItem value=\"datetime-local\">{t('workflows.form.fieldTypes.datetime-local')}</SelectItem>\n                        </SelectContent>\n                      </Select>\n                    </div>\n\n                    {/* Placeholder */}\n                    <div>\n                      <Label htmlFor={`${id}-${index}-placeholder`} className=\"text-xs font-medium mb-1\">\n                        {t('workflows.fieldEditors.formFields.placeholder')}\n                      </Label>\n                      <Input\n                        id={`${id}-${index}-placeholder`}\n                        type=\"text\"\n                        value={field.placeholder || ''}\n                        onChange={(e) => updateFormField(index, 'placeholder', e.target.value)}\n                        placeholder={t('workflows.fieldEditors.formFields.placeholderPlaceholder')}\n                        className=\"text-xs\"\n                        disabled={disabled}\n                      />\n                    </div>\n\n                    {/* Default Value */}\n                    <div>\n                      <Label htmlFor={`${id}-${index}-defaultValue`} className=\"text-xs font-medium mb-1\">\n                        {t('workflows.fieldEditors.formFields.defaultValue')}\n                      </Label>\n                      <Input\n                        id={`${id}-${index}-defaultValue`}\n                        type=\"text\"\n                        value={field.defaultValue || ''}\n                        onChange={(e) => updateFormField(index, 'defaultValue', e.target.value)}\n                        placeholder={t('workflows.fieldEditors.formFields.defaultValuePlaceholder')}\n                        className=\"text-xs\"\n                        disabled={disabled}\n                      />\n                    </div>\n\n                    {/* Options (for select/radio) */}\n                    {(field.type === 'select' || field.type === 'radio') && (\n                      <div>\n                        <Label htmlFor={`${id}-${index}-options`} className=\"text-xs font-medium mb-1\">\n                          {t('workflows.fieldEditors.formFields.options')}\n                        </Label>\n                        <Input\n                          id={`${id}-${index}-options`}\n                          type=\"text\"\n                          value={field.options?.join(', ') || ''}\n                          onChange={(e) =>\n                            updateFormField(\n                              index,\n                              'options',\n                              e.target.value\n                                .split(',')\n                                .map((o) => o.trim())\n                                .filter(Boolean)\n                            )\n                          }\n                          placeholder={t('workflows.fieldEditors.formFields.optionsPlaceholder')}\n                          className=\"text-xs\"\n                          disabled={disabled}\n                        />\n                        <p className=\"text-xs text-muted-foreground mt-0.5\">{t('workflows.fieldEditors.formFields.optionsHint')}</p>\n                      </div>\n                    )}\n\n                    {/* Required Checkbox */}\n                    <div>\n                      <div className=\"flex items-center gap-2\">\n                        <input\n                          type=\"checkbox\"\n                          id={`${id}-${index}-required`}\n                          checked={field.required}\n                          onChange={(e) => updateFormField(index, 'required', e.target.checked)}\n                          className=\"h-4 w-4 rounded border-gray-300 text-blue-600 focus-visible:ring-ring\"\n                          disabled={disabled}\n                        />\n                        <Label htmlFor={`${id}-${index}-required`} className=\"text-xs font-medium cursor-pointer\">\n                          {t('workflows.fieldEditors.formFields.requiredField')}\n                        </Label>\n                      </div>\n                    </div>\n\n                    {/* Delete Button */}\n                    <div className=\"border-t border-gray-200 pt-3\">\n                      <Button\n                        type=\"button\"\n                        variant=\"destructive\"\n                        size=\"sm\"\n                        onClick={() => removeFormField(index)}\n                        disabled={disabled}\n                      >\n                        <Trash2 className=\"size-4 mr-1\" />\n                        {t('workflows.fieldEditors.formFields.removeField')}\n                      </Button>\n                    </div>\n                  </div>\n                )}\n              </div>\n            )\n          })}\n        </div>\n      )}\n      {ConfirmDialogElement}\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport { useState } from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { Alert, AlertDescription } from '@open-mercato/ui/primitives/alert'\nimport { ChevronDown, Plus, Trash2 } from 'lucide-react'\nimport type { CrudCustomFieldRenderProps } from '@open-mercato/ui/backend/CrudForm'\n\n/**\n * Form field definition structure\n */\nexport interface FormField {\n  name: string\n  type: string\n  label: string\n  required: boolean\n  placeholder?: string\n  options?: string[]\n  defaultValue?: string\n}\n\ninterface FormFieldArrayEditorProps extends CrudCustomFieldRenderProps {\n  value: FormField[]\n  isJsonSchemaFormat?: boolean\n}\n\n/**\n * FormFieldArrayEditor - Custom field component for managing UserTask form fields\n *\n * Provides an interface to add, edit, and remove form field definitions for user tasks.\n * Supports 12 field types with conditional options for select/radio types.\n *\n * Displays a warning banner if the form was converted from JSON Schema format.\n *\n * Used by NodeEditDialog (UserTask type only)\n */\nexport function FormFieldArrayEditor({\n  id,\n  value = [],\n  error,\n  setValue,\n  disabled,\n  isJsonSchemaFormat = false,\n}: FormFieldArrayEditorProps) {\n  const t = useT()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const [expandedIndices, setExpandedIndices] = useState<Set<number>>(new Set())\n\n  const formFields = Array.isArray(value) ? value : []\n\n  const toggleExpanded = (index: number) => {\n    const newExpanded = new Set(expandedIndices)\n    if (newExpanded.has(index)) {\n      newExpanded.delete(index)\n    } else {\n      newExpanded.add(index)\n    }\n    setExpandedIndices(newExpanded)\n  }\n\n  const addFormField = () => {\n    const newField: FormField = {\n      name: `field_${Date.now()}`,\n      type: 'text',\n      label: t('workflows.form.newField'),\n      required: false,\n      placeholder: '',\n    }\n    const newFields = [...formFields, newField]\n    setValue(newFields)\n\n    // Auto-expand the newly added field\n    const newExpanded = new Set(expandedIndices)\n    newExpanded.add(formFields.length)\n    setExpandedIndices(newExpanded)\n  }\n\n  const removeFormField = async (index: number) => {\n    const confirmed = await confirm({\n      title: t('workflows.fieldEditors.formFields.removeField'),\n      text: t('workflows.fieldEditors.formFields.confirmRemove'),\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n\n    const newFields = formFields.filter((_, i) => i !== index)\n    setValue(newFields)\n\n    // Remove from expanded set\n    const newExpanded = new Set(expandedIndices)\n    newExpanded.delete(index)\n    setExpandedIndices(newExpanded)\n  }\n\n  const updateFormField = (index: number, fieldKey: keyof FormField, fieldValue: any) => {\n    const updated = [...formFields]\n    updated[index] = { ...updated[index], [fieldKey]: fieldValue }\n    setValue(updated)\n  }\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div>\n          <Label className=\"text-sm font-semibold\">{t('workflows.fieldEditors.formFields.title')} ({formFields.length})</Label>\n          <p className=\"text-xs text-muted-foreground mt-0.5\">\n            {t('workflows.fieldEditors.formFields.description')}\n          </p>\n          {error && <p className=\"text-xs text-status-error-text mt-1\">{error}</p>}\n        </div>\n        <Button\n          type=\"button\"\n          size=\"sm\"\n          onClick={addFormField}\n          disabled={disabled}\n          className=\"w-full sm:w-auto\"\n        >\n          <Plus className=\"size-3 mr-1\" />\n          {t('workflows.fieldEditors.formFields.addField')}\n        </Button>\n      </div>\n\n      {/* JSON Schema Format Notice */}\n      {isJsonSchemaFormat && (\n        <Alert variant=\"info\">\n          <AlertDescription className=\"text-xs\">\n            {t('workflows.fieldEditors.formFields.jsonSchemaNotice')}\n          </AlertDescription>\n        </Alert>\n      )}\n\n      {formFields.length === 0 ? (\n        <div className=\"p-4 text-center text-sm text-muted-foreground bg-muted rounded-lg border\">\n          {t('workflows.fieldEditors.formFields.emptyState')}\n        </div>\n      ) : (\n        <div className=\"space-y-2\">\n          {formFields.map((field, index) => {\n            const isExpanded = expandedIndices.has(index)\n            return (\n              <div key={index} className=\"border border-gray-200 rounded-lg bg-gray-50\">\n                {/* Collapsed Header */}\n                <button\n                  type=\"button\"\n                  onClick={() => toggleExpanded(index)}\n                  disabled={disabled}\n                  className=\"w-full px-4 py-3 text-left flex items-center justify-between hover:bg-gray-100 transition-colors rounded-t-lg disabled:opacity-50\"\n                >\n                  <div className=\"flex-1\">\n                    <div className=\"flex flex-wrap items-center gap-2\">\n                      <span className=\"text-sm font-semibold text-gray-900\">\n                        {field.label || field.name}\n                      </span>\n                      <Badge variant=\"secondary\" className=\"text-xs\">\n                        {field.type}\n                      </Badge>\n                      {field.required && (\n                        <Badge variant=\"destructive\" className=\"text-xs text-white\">\n                          {t('workflows.form.required')}\n                        </Badge>\n                      )}\n                    </div>\n                    <p className=\"text-xs text-gray-600 mt-1\">\n                      Field name: <code className=\"bg-white px-1 rounded\">{field.name}</code>\n                    </p>\n                  </div>\n                  <ChevronDown\n                    className={`w-5 h-5 text-gray-400 transition-transform ${isExpanded ? 'rotate-180' : ''}`}\n                  />\n                </button>\n\n                {/* Expanded Content */}\n                {isExpanded && (\n                  <div className=\"px-4 pb-4 space-y-3 border-t border-gray-200 bg-white\">\n                    {/* Field Name */}\n                    <div className=\"pt-3\">\n                      <Label htmlFor={`${id}-${index}-name`} className=\"text-xs font-medium mb-1\">\n                        {t('workflows.fieldEditors.formFields.fieldName')} *\n                      </Label>\n                      <Input\n                        id={`${id}-${index}-name`}\n                        type=\"text\"\n                        value={field.name}\n                        onChange={(e) => updateFormField(index, 'name', e.target.value)}\n                        placeholder={t('workflows.fieldEditors.formFields.fieldNamePlaceholder')}\n                        className=\"text-xs\"\n                        disabled={disabled}\n                      />\n                      <p className=\"text-xs text-muted-foreground mt-0.5\">{t('workflows.fieldEditors.formFields.fieldNameHint')}</p>\n                    </div>\n\n                    {/* Field Label */}\n                    <div>\n                      <Label htmlFor={`${id}-${index}-label`} className=\"text-xs font-medium mb-1\">\n                        {t('workflows.fieldEditors.formFields.fieldLabel')} *\n                      </Label>\n                      <Input\n                        id={`${id}-${index}-label`}\n                        type=\"text\"\n                        value={field.label}\n                        onChange={(e) => updateFormField(index, 'label', e.target.value)}\n                        placeholder={t('workflows.fieldEditors.formFields.fieldLabelPlaceholder')}\n                        className=\"text-xs\"\n                        disabled={disabled}\n                      />\n                      <p className=\"text-xs text-muted-foreground mt-0.5\">{t('workflows.fieldEditors.formFields.fieldLabelHint')}</p>\n                    </div>\n\n                    {/* Field Type */}\n                    <div>\n                      <Label htmlFor={`${id}-${index}-type`} className=\"text-xs font-medium mb-1\">\n                        {t('workflows.fieldEditors.formFields.fieldType')} *\n                      </Label>\n                      <Select\n                        value={field.type}\n                        onValueChange={(value) => updateFormField(index, 'type', value)}\n                        disabled={disabled}\n                      >\n                        <SelectTrigger id={`${id}-${index}-type`}>\n                          <SelectValue />\n                        </SelectTrigger>\n                        <SelectContent>\n                          <SelectItem value=\"text\">{t('workflows.form.fieldTypes.text')}</SelectItem>\n                          <SelectItem value=\"number\">{t('workflows.form.fieldTypes.number')}</SelectItem>\n                          <SelectItem value=\"email\">{t('workflows.form.fieldTypes.email')}</SelectItem>\n                          <SelectItem value=\"tel\">{t('workflows.form.fieldTypes.tel')}</SelectItem>\n                          <SelectItem value=\"url\">{t('workflows.form.fieldTypes.url')}</SelectItem>\n                          <SelectItem value=\"textarea\">{t('workflows.form.fieldTypes.textarea')}</SelectItem>\n                          <SelectItem value=\"select\">{t('workflows.form.fieldTypes.select')}</SelectItem>\n                          <SelectItem value=\"radio\">{t('workflows.form.fieldTypes.radio')}</SelectItem>\n                          <SelectItem value=\"checkbox\">{t('workflows.form.fieldTypes.checkbox')}</SelectItem>\n                          <SelectItem value=\"date\">{t('workflows.form.fieldTypes.date')}</SelectItem>\n                          <SelectItem value=\"time\">{t('workflows.form.fieldTypes.time')}</SelectItem>\n                          <SelectItem value=\"datetime-local\">{t('workflows.form.fieldTypes.datetime-local')}</SelectItem>\n                        </SelectContent>\n                      </Select>\n                    </div>\n\n                    {/* Placeholder */}\n                    <div>\n                      <Label htmlFor={`${id}-${index}-placeholder`} className=\"text-xs font-medium mb-1\">\n                        {t('workflows.fieldEditors.formFields.placeholder')}\n                      </Label>\n                      <Input\n                        id={`${id}-${index}-placeholder`}\n                        type=\"text\"\n                        value={field.placeholder || ''}\n                        onChange={(e) => updateFormField(index, 'placeholder', e.target.value)}\n                        placeholder={t('workflows.fieldEditors.formFields.placeholderPlaceholder')}\n                        className=\"text-xs\"\n                        disabled={disabled}\n                      />\n                    </div>\n\n                    {/* Default Value */}\n                    <div>\n                      <Label htmlFor={`${id}-${index}-defaultValue`} className=\"text-xs font-medium mb-1\">\n                        {t('workflows.fieldEditors.formFields.defaultValue')}\n                      </Label>\n                      <Input\n                        id={`${id}-${index}-defaultValue`}\n                        type=\"text\"\n                        value={field.defaultValue || ''}\n                        onChange={(e) => updateFormField(index, 'defaultValue', e.target.value)}\n                        placeholder={t('workflows.fieldEditors.formFields.defaultValuePlaceholder')}\n                        className=\"text-xs\"\n                        disabled={disabled}\n                      />\n                    </div>\n\n                    {/* Options (for select/radio) */}\n                    {(field.type === 'select' || field.type === 'radio') && (\n                      <div>\n                        <Label htmlFor={`${id}-${index}-options`} className=\"text-xs font-medium mb-1\">\n                          {t('workflows.fieldEditors.formFields.options')}\n                        </Label>\n                        <Input\n                          id={`${id}-${index}-options`}\n                          type=\"text\"\n                          value={field.options?.join(', ') || ''}\n                          onChange={(e) =>\n                            updateFormField(\n                              index,\n                              'options',\n                              e.target.value\n                                .split(',')\n                                .map((o) => o.trim())\n                                .filter(Boolean)\n                            )\n                          }\n                          placeholder={t('workflows.fieldEditors.formFields.optionsPlaceholder')}\n                          className=\"text-xs\"\n                          disabled={disabled}\n                        />\n                        <p className=\"text-xs text-muted-foreground mt-0.5\">{t('workflows.fieldEditors.formFields.optionsHint')}</p>\n                      </div>\n                    )}\n\n                    {/* Required Checkbox */}\n                    <div>\n                      <div className=\"flex items-center gap-2\">\n                        <input\n                          type=\"checkbox\"\n                          id={`${id}-${index}-required`}\n                          checked={field.required}\n                          onChange={(e) => updateFormField(index, 'required', e.target.checked)}\n                          className=\"h-4 w-4 rounded border-gray-300 text-blue-600 focus-visible:ring-ring\"\n                          disabled={disabled}\n                        />\n                        <Label htmlFor={`${id}-${index}-required`} className=\"text-xs font-medium cursor-pointer\">\n                          {t('workflows.fieldEditors.formFields.requiredField')}\n                        </Label>\n                      </div>\n                    </div>\n\n                    {/* Delete Button */}\n                    <div className=\"border-t border-gray-200 pt-3\">\n                      <Button\n                        type=\"button\"\n                        variant=\"destructive\"\n                        size=\"sm\"\n                        onClick={() => removeFormField(index)}\n                        disabled={disabled}\n                      >\n                        <Trash2 className=\"size-4 mr-1\" />\n                        {t('workflows.fieldEditors.formFields.removeField')}\n                      </Button>\n                    </div>\n                  </div>\n                )}\n              </div>\n            )\n          })}\n        </div>\n      )}\n      {ConfirmDialogElement}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": ["value"]
 }

package/dist/modules/workflows/components/fields/MappingArrayEditor.js CHANGED Viewed

@@ -70,7 +70,7 @@ function MappingArrayEditor({
           ")"
         ] }),
         /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-0.5", children: description }),
-        error && /* @__PURE__ */ jsx("p", { className: "text-xs text-red-600 mt-1", children: error })
+        error && /* @__PURE__ */ jsx("p", { className: "text-xs text-status-error-text mt-1", children: error })
       ] }),
       /* @__PURE__ */ jsxs(
         Button,

package/dist/modules/workflows/components/fields/MappingArrayEditor.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/workflows/components/fields/MappingArrayEditor.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { useState } from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { ChevronDown, Plus, Trash2 } from 'lucide-react'\nimport type { CrudCustomFieldRenderProps } from '@open-mercato/ui/backend/CrudForm'\n\n/**\n * Mapping definition structure for SubWorkflow input/output\n */\nexport interface Mapping {\n  key: string\n  value: string\n}\n\ninterface MappingArrayEditorProps extends CrudCustomFieldRenderProps {\n  value: Mapping[]\n  label?: string\n  description?: string\n}\n\n/**\n * MappingArrayEditor - Custom field component for managing SubWorkflow input/output mappings\n *\n * Provides an interface to add, edit, and remove key-value pair mappings.\n * Values support template expressions like {{context.foo}} for dynamic data binding.\n *\n * Used by NodeEditDialog (SubWorkflow type only)\n */\nexport function MappingArrayEditor({\n  id,\n  value = [],\n  error,\n  setValue,\n  disabled,\n  label: labelProp,\n  description: descriptionProp,\n}: MappingArrayEditorProps) {\n  const t = useT()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const label = labelProp ?? t('workflows.fieldEditors.mappings.label')\n  const description = descriptionProp ?? t('workflows.fieldEditors.mappings.description')\n  const [expandedIndices, setExpandedIndices] = useState<Set<number>>(new Set())\n\n  const mappings = Array.isArray(value) ? value : []\n\n  const toggleExpanded = (index: number) => {\n    const newExpanded = new Set(expandedIndices)\n    if (newExpanded.has(index)) {\n      newExpanded.delete(index)\n    } else {\n      newExpanded.add(index)\n    }\n    setExpandedIndices(newExpanded)\n  }\n\n  const addMapping = () => {\n    const newMapping: Mapping = {\n      key: `key_${Date.now()}`,\n      value: '',\n    }\n    const newMappings = [...mappings, newMapping]\n    setValue(newMappings)\n\n    // Auto-expand the newly added mapping\n    const newExpanded = new Set(expandedIndices)\n    newExpanded.add(mappings.length)\n    setExpandedIndices(newExpanded)\n  }\n\n  const removeMapping = async (index: number) => {\n    const confirmed = await confirm({\n      title: t('workflows.fieldEditors.mappings.removeMapping'),\n      text: t('workflows.fieldEditors.mappings.confirmRemove'),\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n\n    const newMappings = mappings.filter((_, i) => i !== index)\n    setValue(newMappings)\n\n    // Remove from expanded set\n    const newExpanded = new Set(expandedIndices)\n    newExpanded.delete(index)\n    setExpandedIndices(newExpanded)\n  }\n\n  const updateMapping = (index: number, field: keyof Mapping, fieldValue: string) => {\n    const updated = [...mappings]\n    updated[index] = { ...updated[index], [field]: fieldValue }\n    setValue(updated)\n  }\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div>\n          <Label className=\"text-sm font-semibold\">{label} ({mappings.length})</Label>\n          <p className=\"text-xs text-muted-foreground mt-0.5\">\n            {description}\n          </p>\n          {error && <p className=\"text-xs text-red-600 mt-1\">{error}</p>}\n        </div>\n        <Button\n          type=\"button\"\n          size=\"sm\"\n          onClick={addMapping}\n          disabled={disabled}\n          className=\"w-full sm:w-auto\"\n        >\n          <Plus className=\"size-3 mr-1\" />\n          {t('workflows.fieldEditors.mappings.addMapping')}\n        </Button>\n      </div>\n\n      {mappings.length === 0 ? (\n        <div className=\"p-4 text-center text-sm text-muted-foreground bg-muted rounded-lg border\">\n          {t('workflows.fieldEditors.mappings.emptyState')}\n        </div>\n      ) : (\n        <div className=\"space-y-2\">\n          {mappings.map((mapping, index) => {\n            const isExpanded = expandedIndices.has(index)\n            return (\n              <div key={index} className=\"border border-gray-200 rounded-lg bg-gray-50\">\n                {/* Collapsed Header */}\n                <button\n                  type=\"button\"\n                  onClick={() => toggleExpanded(index)}\n                  disabled={disabled}\n                  className=\"w-full px-4 py-3 text-left flex items-center justify-between hover:bg-gray-100 transition-colors rounded-t-lg disabled:opacity-50\"\n                >\n                  <div className=\"flex-1\">\n                    <div className=\"flex items-center gap-2\">\n                      <span className=\"text-sm font-semibold text-gray-900\">\n                        {mapping.key || `Mapping ${index + 1}`}\n                      </span>\n                    </div>\n                    <p className=\"text-xs text-gray-600 mt-1 font-mono truncate\">\n                      {mapping.value ? (\n                        <>\n                          <span className=\"text-gray-400\">=</span> {mapping.value}\n                        </>\n                      ) : (\n                        <span className=\"text-gray-400 italic\">{t('workflows.common.noValueSet')}</span>\n                      )}\n                    </p>\n                  </div>\n                  <ChevronDown\n                    className={`w-5 h-5 text-gray-400 transition-transform ${isExpanded ? 'rotate-180' : ''}`}\n                  />\n                </button>\n\n                {/* Expanded Content */}\n                {isExpanded && (\n                  <div className=\"px-4 pb-4 space-y-3 border-t border-gray-200 bg-white\">\n                    {/* Key Field */}\n                    <div className=\"pt-3\">\n                      <Label htmlFor={`${id}-${index}-key`} className=\"text-xs font-medium mb-1\">\n                        {t('workflows.fieldEditors.mappings.key')} *\n                      </Label>\n                      <Input\n                        id={`${id}-${index}-key`}\n                        type=\"text\"\n                        value={mapping.key}\n                        onChange={(e) => updateMapping(index, 'key', e.target.value)}\n                        placeholder={t('workflows.fieldEditors.mappings.keyPlaceholder')}\n                        className=\"text-xs\"\n                        disabled={disabled}\n                      />\n                      <p className=\"text-xs text-muted-foreground mt-0.5\">\n                        {t('workflows.fieldEditors.mappings.keyHint')}\n                      </p>\n                    </div>\n\n                    {/* Value Field */}\n                    <div>\n                      <Label htmlFor={`${id}-${index}-value`} className=\"text-xs font-medium mb-1\">\n                        {t('workflows.fieldEditors.mappings.value')} *\n                      </Label>\n                      <Input\n                        id={`${id}-${index}-value`}\n                        type=\"text\"\n                        value={mapping.value}\n                        onChange={(e) => updateMapping(index, 'value', e.target.value)}\n                        placeholder={t('workflows.fieldEditors.mappings.valuePlaceholder')}\n                        className=\"text-xs font-mono\"\n                        disabled={disabled}\n                      />\n                      <p className=\"text-xs text-muted-foreground mt-0.5\">\n                        {t('workflows.fieldEditors.mappings.valueHint')}\n                      </p>\n                    </div>\n\n                    {/* Delete Button */}\n                    <div className=\"border-t border-gray-200 pt-3\">\n                      <Button\n                        type=\"button\"\n                        variant=\"destructive\"\n                        size=\"sm\"\n                        onClick={() => removeMapping(index)}\n                        disabled={disabled}\n                      >\n                        <Trash2 className=\"size-4 mr-1\" />\n                        {t('workflows.fieldEditors.mappings.removeMapping')}\n                      </Button>\n                    </div>\n                  </div>\n                )}\n              </div>\n            )\n          })}\n        </div>\n      )}\n      {ConfirmDialogElement}\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport { useState } from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { ChevronDown, Plus, Trash2 } from 'lucide-react'\nimport type { CrudCustomFieldRenderProps } from '@open-mercato/ui/backend/CrudForm'\n\n/**\n * Mapping definition structure for SubWorkflow input/output\n */\nexport interface Mapping {\n  key: string\n  value: string\n}\n\ninterface MappingArrayEditorProps extends CrudCustomFieldRenderProps {\n  value: Mapping[]\n  label?: string\n  description?: string\n}\n\n/**\n * MappingArrayEditor - Custom field component for managing SubWorkflow input/output mappings\n *\n * Provides an interface to add, edit, and remove key-value pair mappings.\n * Values support template expressions like {{context.foo}} for dynamic data binding.\n *\n * Used by NodeEditDialog (SubWorkflow type only)\n */\nexport function MappingArrayEditor({\n  id,\n  value = [],\n  error,\n  setValue,\n  disabled,\n  label: labelProp,\n  description: descriptionProp,\n}: MappingArrayEditorProps) {\n  const t = useT()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const label = labelProp ?? t('workflows.fieldEditors.mappings.label')\n  const description = descriptionProp ?? t('workflows.fieldEditors.mappings.description')\n  const [expandedIndices, setExpandedIndices] = useState<Set<number>>(new Set())\n\n  const mappings = Array.isArray(value) ? value : []\n\n  const toggleExpanded = (index: number) => {\n    const newExpanded = new Set(expandedIndices)\n    if (newExpanded.has(index)) {\n      newExpanded.delete(index)\n    } else {\n      newExpanded.add(index)\n    }\n    setExpandedIndices(newExpanded)\n  }\n\n  const addMapping = () => {\n    const newMapping: Mapping = {\n      key: `key_${Date.now()}`,\n      value: '',\n    }\n    const newMappings = [...mappings, newMapping]\n    setValue(newMappings)\n\n    // Auto-expand the newly added mapping\n    const newExpanded = new Set(expandedIndices)\n    newExpanded.add(mappings.length)\n    setExpandedIndices(newExpanded)\n  }\n\n  const removeMapping = async (index: number) => {\n    const confirmed = await confirm({\n      title: t('workflows.fieldEditors.mappings.removeMapping'),\n      text: t('workflows.fieldEditors.mappings.confirmRemove'),\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n\n    const newMappings = mappings.filter((_, i) => i !== index)\n    setValue(newMappings)\n\n    // Remove from expanded set\n    const newExpanded = new Set(expandedIndices)\n    newExpanded.delete(index)\n    setExpandedIndices(newExpanded)\n  }\n\n  const updateMapping = (index: number, field: keyof Mapping, fieldValue: string) => {\n    const updated = [...mappings]\n    updated[index] = { ...updated[index], [field]: fieldValue }\n    setValue(updated)\n  }\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div>\n          <Label className=\"text-sm font-semibold\">{label} ({mappings.length})</Label>\n          <p className=\"text-xs text-muted-foreground mt-0.5\">\n            {description}\n          </p>\n          {error && <p className=\"text-xs text-status-error-text mt-1\">{error}</p>}\n        </div>\n        <Button\n          type=\"button\"\n          size=\"sm\"\n          onClick={addMapping}\n          disabled={disabled}\n          className=\"w-full sm:w-auto\"\n        >\n          <Plus className=\"size-3 mr-1\" />\n          {t('workflows.fieldEditors.mappings.addMapping')}\n        </Button>\n      </div>\n\n      {mappings.length === 0 ? (\n        <div className=\"p-4 text-center text-sm text-muted-foreground bg-muted rounded-lg border\">\n          {t('workflows.fieldEditors.mappings.emptyState')}\n        </div>\n      ) : (\n        <div className=\"space-y-2\">\n          {mappings.map((mapping, index) => {\n            const isExpanded = expandedIndices.has(index)\n            return (\n              <div key={index} className=\"border border-gray-200 rounded-lg bg-gray-50\">\n                {/* Collapsed Header */}\n                <button\n                  type=\"button\"\n                  onClick={() => toggleExpanded(index)}\n                  disabled={disabled}\n                  className=\"w-full px-4 py-3 text-left flex items-center justify-between hover:bg-gray-100 transition-colors rounded-t-lg disabled:opacity-50\"\n                >\n                  <div className=\"flex-1\">\n                    <div className=\"flex items-center gap-2\">\n                      <span className=\"text-sm font-semibold text-gray-900\">\n                        {mapping.key || `Mapping ${index + 1}`}\n                      </span>\n                    </div>\n                    <p className=\"text-xs text-gray-600 mt-1 font-mono truncate\">\n                      {mapping.value ? (\n                        <>\n                          <span className=\"text-gray-400\">=</span> {mapping.value}\n                        </>\n                      ) : (\n                        <span className=\"text-gray-400 italic\">{t('workflows.common.noValueSet')}</span>\n                      )}\n                    </p>\n                  </div>\n                  <ChevronDown\n                    className={`w-5 h-5 text-gray-400 transition-transform ${isExpanded ? 'rotate-180' : ''}`}\n                  />\n                </button>\n\n                {/* Expanded Content */}\n                {isExpanded && (\n                  <div className=\"px-4 pb-4 space-y-3 border-t border-gray-200 bg-white\">\n                    {/* Key Field */}\n                    <div className=\"pt-3\">\n                      <Label htmlFor={`${id}-${index}-key`} className=\"text-xs font-medium mb-1\">\n                        {t('workflows.fieldEditors.mappings.key')} *\n                      </Label>\n                      <Input\n                        id={`${id}-${index}-key`}\n                        type=\"text\"\n                        value={mapping.key}\n                        onChange={(e) => updateMapping(index, 'key', e.target.value)}\n                        placeholder={t('workflows.fieldEditors.mappings.keyPlaceholder')}\n                        className=\"text-xs\"\n                        disabled={disabled}\n                      />\n                      <p className=\"text-xs text-muted-foreground mt-0.5\">\n                        {t('workflows.fieldEditors.mappings.keyHint')}\n                      </p>\n                    </div>\n\n                    {/* Value Field */}\n                    <div>\n                      <Label htmlFor={`${id}-${index}-value`} className=\"text-xs font-medium mb-1\">\n                        {t('workflows.fieldEditors.mappings.value')} *\n                      </Label>\n                      <Input\n                        id={`${id}-${index}-value`}\n                        type=\"text\"\n                        value={mapping.value}\n                        onChange={(e) => updateMapping(index, 'value', e.target.value)}\n                        placeholder={t('workflows.fieldEditors.mappings.valuePlaceholder')}\n                        className=\"text-xs font-mono\"\n                        disabled={disabled}\n                      />\n                      <p className=\"text-xs text-muted-foreground mt-0.5\">\n                        {t('workflows.fieldEditors.mappings.valueHint')}\n                      </p>\n                    </div>\n\n                    {/* Delete Button */}\n                    <div className=\"border-t border-gray-200 pt-3\">\n                      <Button\n                        type=\"button\"\n                        variant=\"destructive\"\n                        size=\"sm\"\n                        onClick={() => removeMapping(index)}\n                        disabled={disabled}\n                      >\n                        <Trash2 className=\"size-4 mr-1\" />\n                        {t('workflows.fieldEditors.mappings.removeMapping')}\n                      </Button>\n                    </div>\n                  </div>\n                )}\n              </div>\n            )\n          })}\n        </div>\n      )}\n      {ConfirmDialogElement}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -248,7 +248,7 @@ function StartPreConditionsEditor({
                   size: "sm",
                   title: t("workflows.common.delete"),
                   disabled,
-                  children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4 text-red-600" })
+                  children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4 text-destructive" })
                 }
               ),
               title: t("workflows.fieldEditors.preConditions.removePreCondition"),

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/workflows/components/fields/StartPreConditionsEditor.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { useState, useEffect, useCallback } from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { Plus, Trash2, AlertCircle, ChevronUp, ChevronDown } from 'lucide-react'\nimport { BusinessRulesSelector, type BusinessRule } from '../BusinessRulesSelector'\nimport { apiFetch } from '@open-mercato/ui/backend/utils/api'\nimport { EmptyState } from '@open-mercato/ui/backend/EmptyState'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { SwitchField } from '@open-mercato/ui/primitives/switch-field'\nimport { ConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { createLogger } from '@open-mercato/shared/lib/logger'\n\nconst logger = createLogger('workflows')\n\n/**\n * StartPreCondition interface matching the schema in validators.ts\n */\nexport interface StartPreCondition {\n  ruleId: string\n  required: boolean\n  validationMessage?: Record<string, string> // e.g., { en: 'Message', pl: 'Wiadomo\u015B\u0107' }\n}\n\ninterface StartPreConditionsEditorProps {\n  value?: StartPreCondition[] | unknown\n  setValue?: ((value: unknown) => void) | ((value: StartPreCondition[]) => void)\n  disabled?: boolean\n}\n\ninterface ConditionWithDetails extends StartPreCondition {\n  ruleName?: string\n  ruleType?: string\n  loading?: boolean\n  error?: boolean\n}\n\n/**\n * LocalizedMessageTextarea - Textarea with local state that only updates parent on blur\n */\nfunction LocalizedMessageTextarea({\n  value,\n  onChange,\n  disabled,\n  id,\n  placeholder,\n  hint,\n}: {\n  value: Record<string, string> | undefined\n  onChange: (messages: Record<string, string>) => void\n  disabled?: boolean\n  id: string\n  placeholder: string\n  hint: string\n}) {\n  const getValidationMessagesString = (messages: Record<string, string> | undefined): string => {\n    if (!messages) return ''\n    return Object.entries(messages)\n      .filter(([_, msg]) => msg)\n      .map(([locale, msg]) => `${locale}: ${msg}`)\n      .join('\\n')\n  }\n\n  const parseValidationMessagesString = (str: string): Record<string, string> => {\n    const result: Record<string, string> = {}\n    str.split('\\n').forEach(line => {\n      const match = line.match(/^(\\w+):\\s*(.*)$/)\n      if (match) {\n        result[match[1]] = match[2]\n      }\n    })\n    return result\n  }\n\n  const [localValue, setLocalValue] = useState(() => getValidationMessagesString(value))\n\n  // Update local value when external value changes\n  useEffect(() => {\n    setLocalValue(getValidationMessagesString(value))\n  }, [value])\n\n  const handleBlur = useCallback(() => {\n    onChange(parseValidationMessagesString(localValue))\n  }, [localValue, onChange])\n\n  return (\n    <>\n      <Textarea\n        id={id}\n        value={localValue}\n        onChange={(e) => setLocalValue(e.target.value)}\n        onBlur={handleBlur}\n        placeholder={placeholder}\n        rows={2}\n        className=\"mt-1 font-mono text-xs\"\n        disabled={disabled}\n      />\n      <p className=\"text-xs text-muted-foreground mt-1\">\n        {hint}\n      </p>\n    </>\n  )\n}\n\n/**\n * StartPreConditionsEditor - Editor for START step pre-conditions\n *\n * Uses BusinessRulesSelector modal for selecting business rules (searchable).\n * Supports localized validation messages for each pre-condition.\n * Matches the style of TransitionsEditor and BusinessRuleConditionsEditor.\n */\nexport function StartPreConditionsEditor({\n  value,\n  setValue,\n  disabled = false,\n}: StartPreConditionsEditorProps) {\n  const t = useT()\n  const [isModalOpen, setIsModalOpen] = useState(false)\n  const [conditionsWithDetails, setConditionsWithDetails] = useState<ConditionWithDetails[]>([])\n\n  // Safely cast value to StartPreCondition array\n  const conditions: StartPreCondition[] = Array.isArray(value) ? value : []\n\n  // Helper to call setValue with proper typing\n  const updateValue = (newValue: StartPreCondition[]) => {\n    if (setValue) {\n      setValue(newValue)\n    }\n  }\n\n  // Fetch rule details when conditions change\n  useEffect(() => {\n    const withDetails: ConditionWithDetails[] = conditions.map((c) => ({\n      ...c,\n      loading: true,\n    }))\n    setConditionsWithDetails(withDetails)\n\n    // Fetch details for each rule\n    conditions.forEach((condition, index) => {\n      fetchRuleDetails(condition.ruleId, index)\n    })\n  }, [JSON.stringify(conditions.map(c => c.ruleId))])\n\n  const fetchRuleDetails = async (ruleId: string, index: number) => {\n    try {\n      const params = new URLSearchParams({ ruleId, pageSize: '1' })\n      const response = await apiFetch(`/api/business_rules/rules?${params.toString()}`)\n\n      if (response.ok) {\n        const data = await response.json()\n        const rule = data.items?.[0] as BusinessRule | undefined\n\n        setConditionsWithDetails((prev) => {\n          const updated = [...prev]\n          if (updated[index]) {\n            updated[index] = {\n              ...updated[index],\n              ruleName: rule?.ruleName || ruleId,\n              ruleType: rule?.ruleType,\n              loading: false,\n              error: !rule,\n            }\n          }\n          return updated\n        })\n      } else {\n        setConditionsWithDetails((prev) => {\n          const updated = [...prev]\n          if (updated[index]) {\n            updated[index] = {\n              ...updated[index],\n              ruleName: ruleId,\n              loading: false,\n              error: true,\n            }\n          }\n          return updated\n        })\n      }\n    } catch (err) {\n      logger.error('Failed to fetch rule details', { ruleId, err })\n      setConditionsWithDetails((prev) => {\n        const updated = [...prev]\n        if (updated[index]) {\n          updated[index] = {\n            ...updated[index],\n            ruleName: ruleId,\n            loading: false,\n            error: true,\n          }\n        }\n        return updated\n      })\n    }\n  }\n\n  const addCondition = (ruleId: string, _rule: BusinessRule) => {\n    const newCondition: StartPreCondition = {\n      ruleId,\n      required: true,\n      validationMessage: { en: '' },\n    }\n    updateValue([...conditions, newCondition])\n    setIsModalOpen(false)\n  }\n\n  const updateCondition = (index: number, updates: Partial<StartPreCondition>) => {\n    const updated = [...conditions]\n    updated[index] = { ...updated[index], ...updates }\n    updateValue(updated)\n  }\n\n  const removeCondition = (index: number) => {\n    updateValue(conditions.filter((_, i) => i !== index))\n  }\n\n  const moveCondition = (index: number, direction: 'up' | 'down') => {\n    const newIndex = direction === 'up' ? index - 1 : index + 1\n    if (newIndex < 0 || newIndex >= conditions.length) return\n\n    const updated = [...conditions]\n    const temp = updated[index]\n    updated[index] = updated[newIndex]\n    updated[newIndex] = temp\n    updateValue(updated)\n  }\n\n  const getExcludedRuleIds = (): string[] => {\n    return conditions.map((c) => c.ruleId)\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div>\n          <p className=\"text-sm text-muted-foreground\">\n            {t('workflows.fieldEditors.preConditions.description')}\n          </p>\n        </div>\n        <Button\n          type=\"button\"\n          onClick={() => setIsModalOpen(true)}\n          variant=\"outline\"\n          size=\"sm\"\n          disabled={disabled}\n          className=\"w-full sm:w-auto\"\n        >\n          <Plus className=\"h-4 w-4 mr-1\" />\n          {t('workflows.fieldEditors.preConditions.addRule')}\n        </Button>\n      </div>\n\n      {conditions.length === 0 && (\n        <EmptyState\n          title={t('workflows.fieldEditors.preConditions.emptyTitle')}\n          description={t('workflows.fieldEditors.preConditions.emptyDescription')}\n          action={{ label: t('workflows.fieldEditors.preConditions.addRule'), onClick: () => setIsModalOpen(true), disabled }}\n        />\n      )}\n\n      <div className=\"space-y-3\">\n        {conditionsWithDetails.map((condition, index) => (\n          <div key={index} className=\"border border-gray-200 rounded-lg bg-white p-4\">\n            <div className=\"space-y-3\">\n              {/* Header row with rule info and actions */}\n              <div className=\"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\">\n                <div className=\"flex-1 min-w-0\">\n                  {/* Rule Name/ID */}\n                  {condition.loading ? (\n                    <div className=\"flex items-center gap-2\">\n                      <Spinner size=\"sm\" />\n                      <span className=\"text-sm text-muted-foreground\">{t('workflows.common.loadingDetails')}</span>\n                    </div>\n                  ) : condition.error ? (\n                    <div className=\"flex items-center gap-2\">\n                      <AlertCircle className=\"size-4 text-amber-600\" />\n                      <div>\n                        <span className=\"text-sm font-semibold text-foreground\">{condition.ruleId}</span>\n                        <p className=\"text-xs text-amber-600\">{t('workflows.common.ruleNotFound')}</p>\n                      </div>\n                    </div>\n                  ) : (\n                    <div>\n                      <div className=\"flex items-center gap-2\">\n                        <span className=\"text-sm font-semibold text-foreground\">{condition.ruleName}</span>\n                        {condition.ruleType && (\n                          <Badge variant=\"secondary\" className=\"text-xs\">\n                            {condition.ruleType}\n                          </Badge>\n                        )}\n                      </div>\n                      <p className=\"text-xs text-muted-foreground mt-0.5\">\n                        ID: <code className=\"bg-muted px-1 rounded font-mono\">{condition.ruleId}</code>\n                      </p>\n                    </div>\n                  )}\n                </div>\n\n                {/* Action buttons */}\n                <div className=\"flex items-center gap-1 self-end sm:self-auto\">\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    onClick={() => moveCondition(index, 'up')}\n                    disabled={index === 0 || disabled}\n                    title={t('workflows.common.moveUp')}\n                  >\n                    <ChevronUp className=\"h-4 w-4\" />\n                  </Button>\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    onClick={() => moveCondition(index, 'down')}\n                    disabled={index === conditions.length - 1 || disabled}\n                    title={t('workflows.common.moveDown')}\n                  >\n                    <ChevronDown className=\"h-4 w-4\" />\n                  </Button>\n                  <ConfirmDialog\n                    trigger={\n                      <Button\n                        type=\"button\"\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        title={t('workflows.common.delete')}\n                        disabled={disabled}\n                      >\n                        <Trash2 className=\"h-4 w-4 text-red-600\" />\n                      </Button>\n                    }\n                    title={t('workflows.fieldEditors.preConditions.removePreCondition')}\n                    text={t('workflows.fieldEditors.preConditions.confirmRemove')}\n                    variant=\"destructive\"\n                    onConfirm={() => removeCondition(index)}\n                  />\n                </div>\n              </div>\n\n              {/* Required toggle */}\n              <SwitchField\n                id={`precondition-${index}-required`}\n                label={t('workflows.fieldEditors.preConditions.requiredLabel')}\n                flip\n                checked={conditions[index]?.required ?? true}\n                onCheckedChange={(checked) => updateCondition(index, { required: checked })}\n                disabled={disabled}\n              />\n\n              {/* Validation Messages */}\n              <div>\n                <Label htmlFor={`precondition-${index}-messages`} className=\"text-xs\">\n                  {t('workflows.fieldEditors.preConditions.validationMessages')}\n                </Label>\n                <LocalizedMessageTextarea\n                  id={`precondition-${index}-messages`}\n                  value={conditions[index]?.validationMessage}\n                  onChange={(messages) => updateCondition(index, { validationMessage: messages })}\n                  disabled={disabled}\n                  placeholder={t('workflows.fieldEditors.preConditions.validationMessagesPlaceholder')}\n                  hint={t('workflows.fieldEditors.preConditions.validationMessagesHint')}\n                />\n              </div>\n            </div>\n          </div>\n        ))}\n      </div>\n\n      {/* Business Rules Selector Modal */}\n      <BusinessRulesSelector\n        isOpen={isModalOpen}\n        onClose={() => setIsModalOpen(false)}\n        onSelect={addCondition}\n        excludeRuleIds={getExcludedRuleIds()}\n        title={t('workflows.fieldEditors.preConditions.selectBusinessRule')}\n        description={t('workflows.fieldEditors.preConditions.selectBusinessRuleDescription')}\n        filterRuleType=\"GUARD\"\n        onlyEnabled={true}\n      />\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport { useState, useEffect, useCallback } from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { Plus, Trash2, AlertCircle, ChevronUp, ChevronDown } from 'lucide-react'\nimport { BusinessRulesSelector, type BusinessRule } from '../BusinessRulesSelector'\nimport { apiFetch } from '@open-mercato/ui/backend/utils/api'\nimport { EmptyState } from '@open-mercato/ui/backend/EmptyState'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { SwitchField } from '@open-mercato/ui/primitives/switch-field'\nimport { ConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { createLogger } from '@open-mercato/shared/lib/logger'\n\nconst logger = createLogger('workflows')\n\n/**\n * StartPreCondition interface matching the schema in validators.ts\n */\nexport interface StartPreCondition {\n  ruleId: string\n  required: boolean\n  validationMessage?: Record<string, string> // e.g., { en: 'Message', pl: 'Wiadomo\u015B\u0107' }\n}\n\ninterface StartPreConditionsEditorProps {\n  value?: StartPreCondition[] | unknown\n  setValue?: ((value: unknown) => void) | ((value: StartPreCondition[]) => void)\n  disabled?: boolean\n}\n\ninterface ConditionWithDetails extends StartPreCondition {\n  ruleName?: string\n  ruleType?: string\n  loading?: boolean\n  error?: boolean\n}\n\n/**\n * LocalizedMessageTextarea - Textarea with local state that only updates parent on blur\n */\nfunction LocalizedMessageTextarea({\n  value,\n  onChange,\n  disabled,\n  id,\n  placeholder,\n  hint,\n}: {\n  value: Record<string, string> | undefined\n  onChange: (messages: Record<string, string>) => void\n  disabled?: boolean\n  id: string\n  placeholder: string\n  hint: string\n}) {\n  const getValidationMessagesString = (messages: Record<string, string> | undefined): string => {\n    if (!messages) return ''\n    return Object.entries(messages)\n      .filter(([_, msg]) => msg)\n      .map(([locale, msg]) => `${locale}: ${msg}`)\n      .join('\\n')\n  }\n\n  const parseValidationMessagesString = (str: string): Record<string, string> => {\n    const result: Record<string, string> = {}\n    str.split('\\n').forEach(line => {\n      const match = line.match(/^(\\w+):\\s*(.*)$/)\n      if (match) {\n        result[match[1]] = match[2]\n      }\n    })\n    return result\n  }\n\n  const [localValue, setLocalValue] = useState(() => getValidationMessagesString(value))\n\n  // Update local value when external value changes\n  useEffect(() => {\n    setLocalValue(getValidationMessagesString(value))\n  }, [value])\n\n  const handleBlur = useCallback(() => {\n    onChange(parseValidationMessagesString(localValue))\n  }, [localValue, onChange])\n\n  return (\n    <>\n      <Textarea\n        id={id}\n        value={localValue}\n        onChange={(e) => setLocalValue(e.target.value)}\n        onBlur={handleBlur}\n        placeholder={placeholder}\n        rows={2}\n        className=\"mt-1 font-mono text-xs\"\n        disabled={disabled}\n      />\n      <p className=\"text-xs text-muted-foreground mt-1\">\n        {hint}\n      </p>\n    </>\n  )\n}\n\n/**\n * StartPreConditionsEditor - Editor for START step pre-conditions\n *\n * Uses BusinessRulesSelector modal for selecting business rules (searchable).\n * Supports localized validation messages for each pre-condition.\n * Matches the style of TransitionsEditor and BusinessRuleConditionsEditor.\n */\nexport function StartPreConditionsEditor({\n  value,\n  setValue,\n  disabled = false,\n}: StartPreConditionsEditorProps) {\n  const t = useT()\n  const [isModalOpen, setIsModalOpen] = useState(false)\n  const [conditionsWithDetails, setConditionsWithDetails] = useState<ConditionWithDetails[]>([])\n\n  // Safely cast value to StartPreCondition array\n  const conditions: StartPreCondition[] = Array.isArray(value) ? value : []\n\n  // Helper to call setValue with proper typing\n  const updateValue = (newValue: StartPreCondition[]) => {\n    if (setValue) {\n      setValue(newValue)\n    }\n  }\n\n  // Fetch rule details when conditions change\n  useEffect(() => {\n    const withDetails: ConditionWithDetails[] = conditions.map((c) => ({\n      ...c,\n      loading: true,\n    }))\n    setConditionsWithDetails(withDetails)\n\n    // Fetch details for each rule\n    conditions.forEach((condition, index) => {\n      fetchRuleDetails(condition.ruleId, index)\n    })\n  }, [JSON.stringify(conditions.map(c => c.ruleId))])\n\n  const fetchRuleDetails = async (ruleId: string, index: number) => {\n    try {\n      const params = new URLSearchParams({ ruleId, pageSize: '1' })\n      const response = await apiFetch(`/api/business_rules/rules?${params.toString()}`)\n\n      if (response.ok) {\n        const data = await response.json()\n        const rule = data.items?.[0] as BusinessRule | undefined\n\n        setConditionsWithDetails((prev) => {\n          const updated = [...prev]\n          if (updated[index]) {\n            updated[index] = {\n              ...updated[index],\n              ruleName: rule?.ruleName || ruleId,\n              ruleType: rule?.ruleType,\n              loading: false,\n              error: !rule,\n            }\n          }\n          return updated\n        })\n      } else {\n        setConditionsWithDetails((prev) => {\n          const updated = [...prev]\n          if (updated[index]) {\n            updated[index] = {\n              ...updated[index],\n              ruleName: ruleId,\n              loading: false,\n              error: true,\n            }\n          }\n          return updated\n        })\n      }\n    } catch (err) {\n      logger.error('Failed to fetch rule details', { ruleId, err })\n      setConditionsWithDetails((prev) => {\n        const updated = [...prev]\n        if (updated[index]) {\n          updated[index] = {\n            ...updated[index],\n            ruleName: ruleId,\n            loading: false,\n            error: true,\n          }\n        }\n        return updated\n      })\n    }\n  }\n\n  const addCondition = (ruleId: string, _rule: BusinessRule) => {\n    const newCondition: StartPreCondition = {\n      ruleId,\n      required: true,\n      validationMessage: { en: '' },\n    }\n    updateValue([...conditions, newCondition])\n    setIsModalOpen(false)\n  }\n\n  const updateCondition = (index: number, updates: Partial<StartPreCondition>) => {\n    const updated = [...conditions]\n    updated[index] = { ...updated[index], ...updates }\n    updateValue(updated)\n  }\n\n  const removeCondition = (index: number) => {\n    updateValue(conditions.filter((_, i) => i !== index))\n  }\n\n  const moveCondition = (index: number, direction: 'up' | 'down') => {\n    const newIndex = direction === 'up' ? index - 1 : index + 1\n    if (newIndex < 0 || newIndex >= conditions.length) return\n\n    const updated = [...conditions]\n    const temp = updated[index]\n    updated[index] = updated[newIndex]\n    updated[newIndex] = temp\n    updateValue(updated)\n  }\n\n  const getExcludedRuleIds = (): string[] => {\n    return conditions.map((c) => c.ruleId)\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div>\n          <p className=\"text-sm text-muted-foreground\">\n            {t('workflows.fieldEditors.preConditions.description')}\n          </p>\n        </div>\n        <Button\n          type=\"button\"\n          onClick={() => setIsModalOpen(true)}\n          variant=\"outline\"\n          size=\"sm\"\n          disabled={disabled}\n          className=\"w-full sm:w-auto\"\n        >\n          <Plus className=\"h-4 w-4 mr-1\" />\n          {t('workflows.fieldEditors.preConditions.addRule')}\n        </Button>\n      </div>\n\n      {conditions.length === 0 && (\n        <EmptyState\n          title={t('workflows.fieldEditors.preConditions.emptyTitle')}\n          description={t('workflows.fieldEditors.preConditions.emptyDescription')}\n          action={{ label: t('workflows.fieldEditors.preConditions.addRule'), onClick: () => setIsModalOpen(true), disabled }}\n        />\n      )}\n\n      <div className=\"space-y-3\">\n        {conditionsWithDetails.map((condition, index) => (\n          <div key={index} className=\"border border-gray-200 rounded-lg bg-white p-4\">\n            <div className=\"space-y-3\">\n              {/* Header row with rule info and actions */}\n              <div className=\"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\">\n                <div className=\"flex-1 min-w-0\">\n                  {/* Rule Name/ID */}\n                  {condition.loading ? (\n                    <div className=\"flex items-center gap-2\">\n                      <Spinner size=\"sm\" />\n                      <span className=\"text-sm text-muted-foreground\">{t('workflows.common.loadingDetails')}</span>\n                    </div>\n                  ) : condition.error ? (\n                    <div className=\"flex items-center gap-2\">\n                      <AlertCircle className=\"size-4 text-amber-600\" />\n                      <div>\n                        <span className=\"text-sm font-semibold text-foreground\">{condition.ruleId}</span>\n                        <p className=\"text-xs text-amber-600\">{t('workflows.common.ruleNotFound')}</p>\n                      </div>\n                    </div>\n                  ) : (\n                    <div>\n                      <div className=\"flex items-center gap-2\">\n                        <span className=\"text-sm font-semibold text-foreground\">{condition.ruleName}</span>\n                        {condition.ruleType && (\n                          <Badge variant=\"secondary\" className=\"text-xs\">\n                            {condition.ruleType}\n                          </Badge>\n                        )}\n                      </div>\n                      <p className=\"text-xs text-muted-foreground mt-0.5\">\n                        ID: <code className=\"bg-muted px-1 rounded font-mono\">{condition.ruleId}</code>\n                      </p>\n                    </div>\n                  )}\n                </div>\n\n                {/* Action buttons */}\n                <div className=\"flex items-center gap-1 self-end sm:self-auto\">\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    onClick={() => moveCondition(index, 'up')}\n                    disabled={index === 0 || disabled}\n                    title={t('workflows.common.moveUp')}\n                  >\n                    <ChevronUp className=\"h-4 w-4\" />\n                  </Button>\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    onClick={() => moveCondition(index, 'down')}\n                    disabled={index === conditions.length - 1 || disabled}\n                    title={t('workflows.common.moveDown')}\n                  >\n                    <ChevronDown className=\"h-4 w-4\" />\n                  </Button>\n                  <ConfirmDialog\n                    trigger={\n                      <Button\n                        type=\"button\"\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        title={t('workflows.common.delete')}\n                        disabled={disabled}\n                      >\n                        <Trash2 className=\"h-4 w-4 text-destructive\" />\n                      </Button>\n                    }\n                    title={t('workflows.fieldEditors.preConditions.removePreCondition')}\n                    text={t('workflows.fieldEditors.preConditions.confirmRemove')}\n                    variant=\"destructive\"\n                    onConfirm={() => removeCondition(index)}\n                  />\n                </div>\n              </div>\n\n              {/* Required toggle */}\n              <SwitchField\n                id={`precondition-${index}-required`}\n                label={t('workflows.fieldEditors.preConditions.requiredLabel')}\n                flip\n                checked={conditions[index]?.required ?? true}\n                onCheckedChange={(checked) => updateCondition(index, { required: checked })}\n                disabled={disabled}\n              />\n\n              {/* Validation Messages */}\n              <div>\n                <Label htmlFor={`precondition-${index}-messages`} className=\"text-xs\">\n                  {t('workflows.fieldEditors.preConditions.validationMessages')}\n                </Label>\n                <LocalizedMessageTextarea\n                  id={`precondition-${index}-messages`}\n                  value={conditions[index]?.validationMessage}\n                  onChange={(messages) => updateCondition(index, { validationMessage: messages })}\n                  disabled={disabled}\n                  placeholder={t('workflows.fieldEditors.preConditions.validationMessagesPlaceholder')}\n                  hint={t('workflows.fieldEditors.preConditions.validationMessagesHint')}\n                />\n              </div>\n            </div>\n          </div>\n        ))}\n      </div>\n\n      {/* Business Rules Selector Modal */}\n      <BusinessRulesSelector\n        isOpen={isModalOpen}\n        onClose={() => setIsModalOpen(false)}\n        onSelect={addCondition}\n        excludeRuleIds={getExcludedRuleIds()}\n        title={t('workflows.fieldEditors.preConditions.selectBusinessRule')}\n        description={t('workflows.fieldEditors.preConditions.selectBusinessRuleDescription')}\n        filterRuleType=\"GUARD\"\n        onlyEnabled={true}\n      />\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/workflows/components/fields/WorkflowSelectorField.js CHANGED Viewed

@@ -85,7 +85,7 @@ function WorkflowSelectorField({
     /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx(Label, { htmlFor: id, className: "text-sm font-medium", children: label }),
       /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-0.5", children: description }),
-      error && /* @__PURE__ */ jsx("p", { className: "text-xs text-red-600 mt-1", children: error })
+      error && /* @__PURE__ */ jsx("p", { className: "text-xs text-status-error-text mt-1", children: error })
     ] }),
     !workflowId ? (
       /* No Workflow Selected */
@@ -114,10 +114,10 @@ function WorkflowSelectorField({
           /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: t("workflows.common.loadingDetails") })
         ] }) : workflowDetails?.error ? /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx(AlertCircle, { className: "size-4 text-yellow-600" }),
+            /* @__PURE__ */ jsx(AlertCircle, { className: "size-4 text-status-warning-text" }),
             /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-gray-900", children: workflowId })
           ] }),
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-yellow-600", children: t("workflows.common.workflowNotFoundOrUnavailable") })
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-status-warning-text", children: t("workflows.common.workflowNotFoundOrUnavailable") })
         ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
@@ -126,7 +126,7 @@ function WorkflowSelectorField({
                 "v",
                 workflowDetails.version
               ] }),
-              workflowDetails?.enabled !== void 0 && (workflowDetails.enabled ? /* @__PURE__ */ jsx(Badge, { variant: "default", className: "bg-emerald-500 text-xs", children: t("common.enabled") }) : /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: t("common.disabled") }))
+              workflowDetails?.enabled !== void 0 && (workflowDetails.enabled ? /* @__PURE__ */ jsx(Badge, { variant: "default", className: "bg-status-success-solid text-status-success-solid-foreground text-xs", children: t("common.enabled") }) : /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: t("common.disabled") }))
             ] }),
             /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground font-mono mt-0.5", children: workflowId })
           ] }),