@open-mercato/core 0.6.6-develop.6465.1.019f0fb26f → 0.6.6-develop.6471.1.9ab5bdd79a

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

@@ -7,6 +7,8 @@ import { Button } from "@open-mercato/ui/primitives/button";
 import { Input } from "@open-mercato/ui/primitives/input";
 import { Badge } from "@open-mercato/ui/primitives/badge";
 import { Plus, Loader2, AlertCircle, Workflow } from "lucide-react";
+import { createLogger } from "@open-mercato/shared/lib/logger";
+const logger = createLogger("workflows");
 function WorkflowSelector({
   isOpen,
   onClose,
@@ -50,15 +52,15 @@ function WorkflowSelector({
           }
         } catch {
         }
-        console.error("Failed to fetch workflows:", {
+        logger.error("Failed to fetch workflows", {
           url,
           status: response.status,
-          error: errorMessage
+          message: errorMessage
         });
         setError(errorMessage);
       }
     } catch (err) {
-      console.error("Failed to fetch workflows:", err);
+      logger.error("Failed to fetch workflows", { err });
       const errorMessage = err instanceof Error ? err.message : "Network error loading workflows";
       setError(errorMessage);
     } finally {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/workflows/components/WorkflowSelector.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { useState, useEffect } from 'react'\nimport { apiFetch } from '@open-mercato/ui/backend/utils/api'\nimport { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from '@open-mercato/ui/primitives/dialog'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Plus, Loader2, AlertCircle, Workflow } from 'lucide-react'\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        console.error('Failed to fetch workflows:', {\n          url,\n          status: response.status,\n          error: errorMessage,\n        })\n        setError(errorMessage)\n      }\n    } catch (err) {\n      console.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-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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",
   "names": []
 }

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

@@ -11,6 +11,8 @@ import { EmptyState } from "@open-mercato/ui/backend/EmptyState";
 import { Spinner } from "@open-mercato/ui/primitives/spinner";
 import { SwitchField } from "@open-mercato/ui/primitives/switch-field";
 import { ConfirmDialog } from "@open-mercato/ui/backend/confirm-dialog";
+import { createLogger } from "@open-mercato/shared/lib/logger";
+const logger = createLogger("workflows");
 function normalizeCondition(raw) {
   if (typeof raw === "string") {
     return { ruleId: raw, required: true };
@@ -75,7 +77,7 @@ function BusinessRuleConditionsEditor({
         });
       }
     } catch (err) {
-      console.error(`Failed to fetch rule details for ${ruleId}:`, err);
+      logger.error("Failed to fetch rule details", { ruleId, err });
       setConditionsWithDetails((prev) => {
         const updated = [...prev];
         if (updated[index]) {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/workflows/components/fields/BusinessRuleConditionsEditor.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { useState, useEffect } from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Plus, Trash2, AlertCircle } from 'lucide-react'\nimport type { CrudCustomFieldRenderProps } from '@open-mercato/ui/backend/CrudForm'\nimport { BusinessRulesSelector, type BusinessRule } from '../BusinessRulesSelector'\nimport { apiFetch } from '@open-mercato/ui/backend/utils/api'\nimport { EmptyState } from '@open-mercato/ui/backend/EmptyState'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { SwitchField } from '@open-mercato/ui/primitives/switch-field'\nimport { ConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\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      console.error(`Failed to fetch rule details for ${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-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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",
   "names": []
 }

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

@@ -13,6 +13,8 @@ import { EmptyState } from "@open-mercato/ui/backend/EmptyState";
 import { Spinner } from "@open-mercato/ui/primitives/spinner";
 import { SwitchField } from "@open-mercato/ui/primitives/switch-field";
 import { ConfirmDialog } from "@open-mercato/ui/backend/confirm-dialog";
+import { createLogger } from "@open-mercato/shared/lib/logger";
+const logger = createLogger("workflows");
 function LocalizedMessageTextarea({
   value,
   onChange,
@@ -118,7 +120,7 @@ function StartPreConditionsEditor({
         });
       }
     } catch (err) {
-      console.error(`Failed to fetch rule details for ${ruleId}:`, err);
+      logger.error("Failed to fetch rule details", { ruleId, err });
       setConditionsWithDetails((prev) => {
         const updated = [...prev];
         if (updated[index]) {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/workflows/components/fields/StartPreConditionsEditor.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { useState, useEffect, useCallback } from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { Plus, Trash2, AlertCircle, ChevronUp, ChevronDown } from 'lucide-react'\nimport { BusinessRulesSelector, type BusinessRule } from '../BusinessRulesSelector'\nimport { apiFetch } from '@open-mercato/ui/backend/utils/api'\nimport { EmptyState } from '@open-mercato/ui/backend/EmptyState'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { SwitchField } from '@open-mercato/ui/primitives/switch-field'\nimport { ConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\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      console.error(`Failed to fetch rule details for ${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-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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",
   "names": []
 }

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

@@ -9,6 +9,8 @@ import { Label } from "@open-mercato/ui/primitives/label";
 import { Search, X, Loader2, AlertCircle, Workflow } from "lucide-react";
 import { WorkflowSelector } from "../WorkflowSelector.js";
 import { apiFetch } from "@open-mercato/ui/backend/utils/api";
+import { createLogger } from "@open-mercato/shared/lib/logger";
+const logger = createLogger("workflows");
 function WorkflowSelectorField({
   id,
   value = "",
@@ -57,7 +59,7 @@ function WorkflowSelectorField({
         });
       }
     } catch (err) {
-      console.error(`Failed to fetch workflow details for ${wfId}:`, err);
+      logger.error("Failed to fetch workflow details", { workflowId: wfId, err });
       setWorkflowDetails({
         workflowId: wfId,
         loading: false,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/workflows/components/fields/WorkflowSelectorField.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { useState, useEffect } 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 { Label } from '@open-mercato/ui/primitives/label'\nimport { Search, X, Loader2, AlertCircle, Workflow } from 'lucide-react'\nimport type { CrudCustomFieldRenderProps } from '@open-mercato/ui/backend/CrudForm'\nimport { WorkflowSelector, type WorkflowDefinition } from '../WorkflowSelector'\nimport { apiFetch } from '@open-mercato/ui/backend/utils/api'\n\ninterface WorkflowSelectorFieldProps extends CrudCustomFieldRenderProps {\n  value: string\n  label?: string\n  description?: string\n}\n\ninterface WorkflowDetails {\n  workflowId: string\n  workflowName?: string\n  version?: number\n  enabled?: boolean\n  description?: string | null\n  loading?: boolean\n  error?: boolean\n}\n\n/**\n * WorkflowSelectorField - Custom field component for selecting a sub-workflow\n *\n * Integrates with WorkflowSelector modal to pick a workflow.\n * Fetches and displays workflow details for the selected workflow ID.\n * Allows clearing the selection.\n *\n * Used by NodeEditDialog (SubWorkflow type only)\n */\nexport function WorkflowSelectorField({\n  id,\n  value = '',\n  error,\n  setValue,\n  disabled,\n  label: labelProp,\n  description: descriptionProp,\n}: WorkflowSelectorFieldProps) {\n  const t = useT()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const label = labelProp ?? t('workflows.fieldEditors.workflowSelector.label')\n  const description = descriptionProp ?? t('workflows.fieldEditors.workflowSelector.description')\n  const [isModalOpen, setIsModalOpen] = useState(false)\n  const [workflowDetails, setWorkflowDetails] = useState<WorkflowDetails | null>(null)\n\n  const workflowId = value || ''\n\n  // Fetch workflow details when workflowId changes\n  useEffect(() => {\n    if (workflowId) {\n      setWorkflowDetails({ workflowId, loading: true })\n      fetchWorkflowDetails(workflowId)\n    } else {\n      setWorkflowDetails(null)\n    }\n  }, [workflowId])\n\n  const fetchWorkflowDetails = async (wfId: string) => {\n    try {\n      const params = new URLSearchParams({ workflowId: wfId, limit: '1' })\n      const response = await apiFetch(`/api/workflows/definitions?${params.toString()}`)\n\n      if (response.ok) {\n        const result = await response.json()\n        const workflow = result.data?.[0] as WorkflowDefinition | undefined\n\n        setWorkflowDetails({\n          workflowId: wfId,\n          workflowName: workflow?.workflowName,\n          version: workflow?.version,\n          enabled: workflow?.enabled,\n          description: workflow?.description,\n          loading: false,\n          error: !workflow,\n        })\n      } else {\n        setWorkflowDetails({\n          workflowId: wfId,\n          loading: false,\n          error: true,\n        })\n      }\n    } catch (err) {\n      console.error(`Failed to fetch workflow details for ${wfId}:`, err)\n      setWorkflowDetails({\n        workflowId: wfId,\n        loading: false,\n        error: true,\n      })\n    }\n  }\n\n  const handleSelect = (selectedWorkflowId: string, _workflow: WorkflowDefinition) => {\n    setValue(selectedWorkflowId)\n    setIsModalOpen(false)\n  }\n\n  const handleClear = async () => {\n    const confirmed = await confirm({\n      title: t('workflows.common.clear'),\n      text: t('workflows.fieldEditors.workflowSelector.confirmClear'),\n      variant: 'default',\n    })\n    if (!confirmed) return\n\n    setValue('')\n    setWorkflowDetails(null)\n  }\n\n  return (\n    <div className=\"space-y-2\">\n      <div>\n        <Label htmlFor={id} className=\"text-sm font-medium\">\n          {label}\n        </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\n      {!workflowId ? (\n        /* No Workflow Selected */\n        <div className=\"border-2 border-dashed border-gray-300 rounded-lg p-6 text-center\">\n          <Workflow className=\"size-8 text-muted-foreground mx-auto mb-2\" />\n          <p className=\"text-sm text-muted-foreground mb-3\">{t('workflows.fieldEditors.workflowSelector.noWorkflowSelected')}</p>\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            onClick={() => setIsModalOpen(true)}\n            disabled={disabled}\n          >\n            <Search className=\"size-3 mr-1\" />\n            {t('workflows.fieldEditors.workflowSelector.browseWorkflows')}\n          </Button>\n        </div>\n      ) : (\n        /* Workflow Selected */\n        <div 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              {workflowDetails?.loading ? (\n                <div className=\"flex items-center gap-2\">\n                  <Loader2 className=\"size-4 animate-spin text-muted-foreground\" />\n                  <span className=\"text-sm text-muted-foreground\">{t('workflows.common.loadingDetails')}</span>\n                </div>\n              ) : workflowDetails?.error ? (\n                <>\n                  <div className=\"flex items-center gap-2\">\n                    <AlertCircle className=\"size-4 text-yellow-600\" />\n                    <span className=\"text-sm font-semibold text-gray-900\">{workflowId}</span>\n                  </div>\n                  <p className=\"text-xs text-yellow-600\">{t('workflows.common.workflowNotFoundOrUnavailable')}</p>\n                </>\n              ) : (\n                <>\n                  <div>\n                    <div className=\"flex items-center gap-2\">\n                      <span className=\"text-sm font-semibold text-gray-900\">\n                        {workflowDetails?.workflowName || workflowId}\n                      </span>\n                      {workflowDetails?.version !== undefined && (\n                        <Badge variant=\"secondary\" className=\"text-xs\">\n                          v{workflowDetails.version}\n                        </Badge>\n                      )}\n                      {workflowDetails?.enabled !== undefined && (\n                        workflowDetails.enabled ? (\n                          <Badge variant=\"default\" className=\"bg-emerald-500 text-xs\">\n                            {t('common.enabled')}\n                          </Badge>\n                        ) : (\n                          <Badge variant=\"secondary\" className=\"text-xs\">\n                            {t('common.disabled')}\n                          </Badge>\n                        )\n                      )}\n                    </div>\n                    <p className=\"text-xs text-muted-foreground font-mono mt-0.5\">{workflowId}</p>\n                  </div>\n                  {workflowDetails?.description && (\n                    <p className=\"text-xs text-muted-foreground\">{workflowDetails.description}</p>\n                  )}\n                </>\n              )}\n            </div>\n\n            {/* Actions */}\n            <div className=\"flex items-center gap-2 ml-4 flex-shrink-0\">\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                size=\"sm\"\n                onClick={() => setIsModalOpen(true)}\n                disabled={disabled}\n              >\n                <Search className=\"size-3 mr-1\" />\n                {t('workflows.common.change')}\n              </Button>\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={handleClear}\n                disabled={disabled}\n              >\n                <X className=\"size-4\" />\n              </Button>\n            </div>\n          </div>\n        </div>\n      )}\n\n      {/* Workflow Selector Modal */}\n      <WorkflowSelector\n        isOpen={isModalOpen}\n        onClose={() => setIsModalOpen(false)}\n        onSelect={handleSelect}\n        excludeWorkflowIds={workflowId ? [workflowId] : []}\n        title={t('workflows.fieldEditors.workflowSelector.selectSubWorkflow')}\n        description={t('workflows.fieldEditors.workflowSelector.selectSubWorkflowDescription')}\n        onlyEnabled={true}\n      />\n      {ConfirmDialogElement}\n    </div>\n  )\n}\n"],
-  "mappings": ";AAwHM,SAoCU,UAnCR,KADF;AAtHN,SAAS,UAAU,iBAAiB;AACpC,SAAS,YAAY;AACrB,SAAS,wBAAwB;AACjC,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,QAAQ,GAAG,SAAS,aAAa,gBAAgB;AAE1D,SAAS,wBAAiD;AAC1D,SAAS,gBAAgB;AA2BlB,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,aAAa;AACf,GAA+B;AAC7B,QAAM,IAAI,KAAK;AACf,QAAM,EAAE,SAAS,qBAAqB,IAAI,iBAAiB;AAC3D,QAAM,QAAQ,aAAa,EAAE,+CAA+C;AAC5E,QAAM,cAAc,mBAAmB,EAAE,qDAAqD;AAC9F,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AACpD,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAiC,IAAI;AAEnF,QAAM,aAAa,SAAS;AAG5B,YAAU,MAAM;AACd,QAAI,YAAY;AACd,yBAAmB,EAAE,YAAY,SAAS,KAAK,CAAC;AAChD,2BAAqB,UAAU;AAAA,IACjC,OAAO;AACL,yBAAmB,IAAI;AAAA,IACzB;AAAA,EACF,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,uBAAuB,OAAO,SAAiB;AACnD,QAAI;AACF,YAAM,SAAS,IAAI,gBAAgB,EAAE,YAAY,MAAM,OAAO,IAAI,CAAC;AACnE,YAAM,WAAW,MAAM,SAAS,8BAA8B,OAAO,SAAS,CAAC,EAAE;AAEjF,UAAI,SAAS,IAAI;AACf,cAAM,SAAS,MAAM,SAAS,KAAK;AACnC,cAAM,WAAW,OAAO,OAAO,CAAC;AAEhC,2BAAmB;AAAA,UACjB,YAAY;AAAA,UACZ,cAAc,UAAU;AAAA,UACxB,SAAS,UAAU;AAAA,UACnB,SAAS,UAAU;AAAA,UACnB,aAAa,UAAU;AAAA,UACvB,SAAS;AAAA,UACT,OAAO,CAAC;AAAA,QACV,CAAC;AAAA,MACH,OAAO;AACL,2BAAmB;AAAA,UACjB,YAAY;AAAA,UACZ,SAAS;AAAA,UACT,OAAO;AAAA,QACT,CAAC;AAAA,MACH;AAAA,IACF,SAAS,KAAK;AACZ,cAAQ,MAAM,wCAAwC,IAAI,KAAK,GAAG;AAClE,yBAAmB;AAAA,QACjB,YAAY;AAAA,QACZ,SAAS;AAAA,QACT,OAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,EACF;AAEA,QAAM,eAAe,CAAC,oBAA4B,cAAkC;AAClF,aAAS,kBAAkB;AAC3B,mBAAe,KAAK;AAAA,EACtB;AAEA,QAAM,cAAc,YAAY;AAC9B,UAAM,YAAY,MAAM,QAAQ;AAAA,MAC9B,OAAO,EAAE,wBAAwB;AAAA,MACjC,MAAM,EAAE,sDAAsD;AAAA,MAC9D,SAAS;AAAA,IACX,CAAC;AACD,QAAI,CAAC,UAAW;AAEhB,aAAS,EAAE;AACX,uBAAmB,IAAI;AAAA,EACzB;AAEA,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,yBAAC,SACC;AAAA,0BAAC,SAAM,SAAS,IAAI,WAAU,uBAC3B,iBACH;AAAA,MACA,oBAAC,OAAE,WAAU,wCACV,uBACH;AAAA,MACC,SAAS,oBAAC,OAAE,WAAU,6BAA6B,iBAAM;AAAA,OAC5D;AAAA,IAEC,CAAC;AAAA;AAAA,MAEA,qBAAC,SAAI,WAAU,qEACb;AAAA,4BAAC,YAAS,WAAU,6CAA4C;AAAA,QAChE,oBAAC,OAAE,WAAU,sCAAsC,YAAE,4DAA4D,GAAE;AAAA,QACnH;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,MAAK;AAAA,YACL,SAAS,MAAM,eAAe,IAAI;AAAA,YAClC;AAAA,YAEA;AAAA,kCAAC,UAAO,WAAU,eAAc;AAAA,cAC/B,EAAE,yDAAyD;AAAA;AAAA;AAAA,QAC9D;AAAA,SACF;AAAA;AAAA;AAAA,MAGA,oBAAC,SAAI,WAAU,kDACb,+BAAC,SAAI,WAAU,oCACb;AAAA,4BAAC,SAAI,WAAU,4BACZ,2BAAiB,UAChB,qBAAC,SAAI,WAAU,2BACb;AAAA,8BAAC,WAAQ,WAAU,6CAA4C;AAAA,UAC/D,oBAAC,UAAK,WAAU,iCAAiC,YAAE,iCAAiC,GAAE;AAAA,WACxF,IACE,iBAAiB,QACnB,iCACE;AAAA,+BAAC,SAAI,WAAU,2BACb;AAAA,gCAAC,eAAY,WAAU,0BAAyB;AAAA,YAChD,oBAAC,UAAK,WAAU,uCAAuC,sBAAW;AAAA,aACpE;AAAA,UACA,oBAAC,OAAE,WAAU,2BAA2B,YAAE,gDAAgD,GAAE;AAAA,WAC9F,IAEA,iCACE;AAAA,+BAAC,SACC;AAAA,iCAAC,SAAI,WAAU,2BACb;AAAA,kCAAC,UAAK,WAAU,uCACb,2BAAiB,gBAAgB,YACpC;AAAA,cACC,iBAAiB,YAAY,UAC5B,qBAAC,SAAM,SAAQ,aAAY,WAAU,WAAU;AAAA;AAAA,gBAC3C,gBAAgB;AAAA,iBACpB;AAAA,cAED,iBAAiB,YAAY,WAC5B,gBAAgB,UACd,oBAAC,SAAM,SAAQ,WAAU,WAAU,0BAChC,YAAE,gBAAgB,GACrB,IAEA,oBAAC,SAAM,SAAQ,aAAY,WAAU,WAClC,YAAE,iBAAiB,GACtB;AAAA,eAGN;AAAA,YACA,oBAAC,OAAE,WAAU,kDAAkD,sBAAW;AAAA,aAC5E;AAAA,UACC,iBAAiB,eAChB,oBAAC,OAAE,WAAU,iCAAiC,0BAAgB,aAAY;AAAA,WAE9E,GAEJ;AAAA,QAGA,qBAAC,SAAI,WAAU,8CACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,SAAS,MAAM,eAAe,IAAI;AAAA,cAClC;AAAA,cAEA;AAAA,oCAAC,UAAO,WAAU,eAAc;AAAA,gBAC/B,EAAE,yBAAyB;AAAA;AAAA;AAAA,UAC9B;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,SAAS;AAAA,cACT;AAAA,cAEA,8BAAC,KAAE,WAAU,UAAS;AAAA;AAAA,UACxB;AAAA,WACF;AAAA,SACF,GACF;AAAA;AAAA,IAIF;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ;AAAA,QACR,SAAS,MAAM,eAAe,KAAK;AAAA,QACnC,UAAU;AAAA,QACV,oBAAoB,aAAa,CAAC,UAAU,IAAI,CAAC;AAAA,QACjD,OAAO,EAAE,2DAA2D;AAAA,QACpE,aAAa,EAAE,sEAAsE;AAAA,QACrF,aAAa;AAAA;AAAA,IACf;AAAA,IACC;AAAA,KACH;AAEJ;",
+  "sourcesContent": ["'use client'\n\nimport { useState, useEffect } 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 { Label } from '@open-mercato/ui/primitives/label'\nimport { Search, X, Loader2, AlertCircle, Workflow } from 'lucide-react'\nimport type { CrudCustomFieldRenderProps } from '@open-mercato/ui/backend/CrudForm'\nimport { WorkflowSelector, type WorkflowDefinition } from '../WorkflowSelector'\nimport { apiFetch } from '@open-mercato/ui/backend/utils/api'\nimport { createLogger } from '@open-mercato/shared/lib/logger'\n\nconst logger = createLogger('workflows')\n\ninterface WorkflowSelectorFieldProps extends CrudCustomFieldRenderProps {\n  value: string\n  label?: string\n  description?: string\n}\n\ninterface WorkflowDetails {\n  workflowId: string\n  workflowName?: string\n  version?: number\n  enabled?: boolean\n  description?: string | null\n  loading?: boolean\n  error?: boolean\n}\n\n/**\n * WorkflowSelectorField - Custom field component for selecting a sub-workflow\n *\n * Integrates with WorkflowSelector modal to pick a workflow.\n * Fetches and displays workflow details for the selected workflow ID.\n * Allows clearing the selection.\n *\n * Used by NodeEditDialog (SubWorkflow type only)\n */\nexport function WorkflowSelectorField({\n  id,\n  value = '',\n  error,\n  setValue,\n  disabled,\n  label: labelProp,\n  description: descriptionProp,\n}: WorkflowSelectorFieldProps) {\n  const t = useT()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const label = labelProp ?? t('workflows.fieldEditors.workflowSelector.label')\n  const description = descriptionProp ?? t('workflows.fieldEditors.workflowSelector.description')\n  const [isModalOpen, setIsModalOpen] = useState(false)\n  const [workflowDetails, setWorkflowDetails] = useState<WorkflowDetails | null>(null)\n\n  const workflowId = value || ''\n\n  // Fetch workflow details when workflowId changes\n  useEffect(() => {\n    if (workflowId) {\n      setWorkflowDetails({ workflowId, loading: true })\n      fetchWorkflowDetails(workflowId)\n    } else {\n      setWorkflowDetails(null)\n    }\n  }, [workflowId])\n\n  const fetchWorkflowDetails = async (wfId: string) => {\n    try {\n      const params = new URLSearchParams({ workflowId: wfId, limit: '1' })\n      const response = await apiFetch(`/api/workflows/definitions?${params.toString()}`)\n\n      if (response.ok) {\n        const result = await response.json()\n        const workflow = result.data?.[0] as WorkflowDefinition | undefined\n\n        setWorkflowDetails({\n          workflowId: wfId,\n          workflowName: workflow?.workflowName,\n          version: workflow?.version,\n          enabled: workflow?.enabled,\n          description: workflow?.description,\n          loading: false,\n          error: !workflow,\n        })\n      } else {\n        setWorkflowDetails({\n          workflowId: wfId,\n          loading: false,\n          error: true,\n        })\n      }\n    } catch (err) {\n      logger.error('Failed to fetch workflow details', { workflowId: wfId, err })\n      setWorkflowDetails({\n        workflowId: wfId,\n        loading: false,\n        error: true,\n      })\n    }\n  }\n\n  const handleSelect = (selectedWorkflowId: string, _workflow: WorkflowDefinition) => {\n    setValue(selectedWorkflowId)\n    setIsModalOpen(false)\n  }\n\n  const handleClear = async () => {\n    const confirmed = await confirm({\n      title: t('workflows.common.clear'),\n      text: t('workflows.fieldEditors.workflowSelector.confirmClear'),\n      variant: 'default',\n    })\n    if (!confirmed) return\n\n    setValue('')\n    setWorkflowDetails(null)\n  }\n\n  return (\n    <div className=\"space-y-2\">\n      <div>\n        <Label htmlFor={id} className=\"text-sm font-medium\">\n          {label}\n        </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\n      {!workflowId ? (\n        /* No Workflow Selected */\n        <div className=\"border-2 border-dashed border-gray-300 rounded-lg p-6 text-center\">\n          <Workflow className=\"size-8 text-muted-foreground mx-auto mb-2\" />\n          <p className=\"text-sm text-muted-foreground mb-3\">{t('workflows.fieldEditors.workflowSelector.noWorkflowSelected')}</p>\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            onClick={() => setIsModalOpen(true)}\n            disabled={disabled}\n          >\n            <Search className=\"size-3 mr-1\" />\n            {t('workflows.fieldEditors.workflowSelector.browseWorkflows')}\n          </Button>\n        </div>\n      ) : (\n        /* Workflow Selected */\n        <div 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              {workflowDetails?.loading ? (\n                <div className=\"flex items-center gap-2\">\n                  <Loader2 className=\"size-4 animate-spin text-muted-foreground\" />\n                  <span className=\"text-sm text-muted-foreground\">{t('workflows.common.loadingDetails')}</span>\n                </div>\n              ) : workflowDetails?.error ? (\n                <>\n                  <div className=\"flex items-center gap-2\">\n                    <AlertCircle className=\"size-4 text-yellow-600\" />\n                    <span className=\"text-sm font-semibold text-gray-900\">{workflowId}</span>\n                  </div>\n                  <p className=\"text-xs text-yellow-600\">{t('workflows.common.workflowNotFoundOrUnavailable')}</p>\n                </>\n              ) : (\n                <>\n                  <div>\n                    <div className=\"flex items-center gap-2\">\n                      <span className=\"text-sm font-semibold text-gray-900\">\n                        {workflowDetails?.workflowName || workflowId}\n                      </span>\n                      {workflowDetails?.version !== undefined && (\n                        <Badge variant=\"secondary\" className=\"text-xs\">\n                          v{workflowDetails.version}\n                        </Badge>\n                      )}\n                      {workflowDetails?.enabled !== undefined && (\n                        workflowDetails.enabled ? (\n                          <Badge variant=\"default\" className=\"bg-emerald-500 text-xs\">\n                            {t('common.enabled')}\n                          </Badge>\n                        ) : (\n                          <Badge variant=\"secondary\" className=\"text-xs\">\n                            {t('common.disabled')}\n                          </Badge>\n                        )\n                      )}\n                    </div>\n                    <p className=\"text-xs text-muted-foreground font-mono mt-0.5\">{workflowId}</p>\n                  </div>\n                  {workflowDetails?.description && (\n                    <p className=\"text-xs text-muted-foreground\">{workflowDetails.description}</p>\n                  )}\n                </>\n              )}\n            </div>\n\n            {/* Actions */}\n            <div className=\"flex items-center gap-2 ml-4 flex-shrink-0\">\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                size=\"sm\"\n                onClick={() => setIsModalOpen(true)}\n                disabled={disabled}\n              >\n                <Search className=\"size-3 mr-1\" />\n                {t('workflows.common.change')}\n              </Button>\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={handleClear}\n                disabled={disabled}\n              >\n                <X className=\"size-4\" />\n              </Button>\n            </div>\n          </div>\n        </div>\n      )}\n\n      {/* Workflow Selector Modal */}\n      <WorkflowSelector\n        isOpen={isModalOpen}\n        onClose={() => setIsModalOpen(false)}\n        onSelect={handleSelect}\n        excludeWorkflowIds={workflowId ? [workflowId] : []}\n        title={t('workflows.fieldEditors.workflowSelector.selectSubWorkflow')}\n        description={t('workflows.fieldEditors.workflowSelector.selectSubWorkflowDescription')}\n        onlyEnabled={true}\n      />\n      {ConfirmDialogElement}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/workflows/frontend/checkout-demo/page.js

@@ -20,6 +20,8 @@ import Link from "next/link";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { deriveCurrentStep } from "./deriveCurrentStep.js";
+import { createLogger } from "@open-mercato/shared/lib/logger";
+const logger = createLogger("workflows");
 function CheckoutDemoPage() {
   const queryClient = useQueryClient();
   const t = useT();
@@ -90,7 +92,7 @@ function CheckoutDemoPage() {
       );
       if (!response.ok) {
         const errorData = await response.json().catch(() => ({}));
-        console.error("[UserTasks] Error response:", errorData);
+        logger.error("User tasks request failed", { component: "UserTasks", errorData });
         throw new Error(errorData.error || `HTTP ${response.status}`);
       }
       const data = await response.json();
@@ -341,7 +343,7 @@ function CheckoutDemoPage() {
         context: data.data.instance.context
       });
     } catch (err) {
-      console.error("Checkout error:", err);
+      logger.error("Checkout failed", { err });
       setError(err instanceof Error ? err.message : "An error occurred during checkout");
     } finally {
       setLoading(false);
@@ -374,7 +376,7 @@ function CheckoutDemoPage() {
         context: data.data.instance.context
       });
     } catch (err) {
-      console.error("Advance error:", err);
+      logger.error("Advance failed", { err });
       setError(err instanceof Error ? err.message : "Failed to advance workflow");
     } finally {
       setAdvancing(false);
@@ -473,8 +475,7 @@ function CheckoutDemoPage() {
           errorData = JSON.parse(responseText);
           isJson = true;
         } catch (parseError) {
-          console.error("[Signal] Response is not JSON:", parseError);
-          console.error("[Signal] Raw response:", responseText);
+          logger.error("Signal response is not JSON", { component: "Signal", responseLength: responseText.length, err: parseError });
         }
         const errorMsg = isJson && errorData.error ? errorData.error : `HTTP ${response.status}: ${responseText.substring(0, 200) || "Failed to send signal"}`;
         throw new Error(errorMsg);
@@ -489,7 +490,7 @@ function CheckoutDemoPage() {
       await queryClient.invalidateQueries({ queryKey: ["workflow-events", result?.instanceId] });
       setSignalError(null);
     } catch (err) {
-      console.error("[Signal] Error:", err);
+      logger.error("Signal failed", { component: "Signal", err });
       const errorMessage = err instanceof Error ? err.message : "Failed to send payment confirmation";
       setSignalError(errorMessage);
     } finally {
@@ -530,7 +531,7 @@ function CheckoutDemoPage() {
       await queryClient.invalidateQueries({ queryKey: ["workflow-user-tasks", result?.instanceId] });
       await queryClient.invalidateQueries({ queryKey: ["workflow-events", result?.instanceId] });
     } catch (err) {
-      console.error("Error completing task:", err);
+      logger.error("Error completing task", { err });
       setTaskError(err instanceof Error ? err.message : "Failed to complete task");
     } finally {
       setSubmittingTask(false);