@open-mercato/core 0.6.7-develop.6862.1.c11a64ce0a → 0.6.7

package/src/modules/workflows/backend/instances/page.tsx

@@ -1,7 +1,6 @@
 "use client"
 
 import * as React from 'react'
-import { extensionPoints } from '@open-mercato/core/modules/workflows/extension-points'
 import Link from 'next/link'
 import { useRouter } from 'next/navigation'
 import { Page, PageBody } from '@open-mercato/ui/backend/Page'
@@ -148,19 +147,19 @@ export default function WorkflowInstancesListPage() {
   const getStatusBadgeClass = (status: WorkflowInstance['status']) => {
     switch (status) {
       case 'RUNNING':
-        return 'bg-status-info-bg text-status-info-text'
+        return 'bg-blue-100 text-blue-800'
       case 'PAUSED':
-        return 'bg-status-warning-bg text-status-warning-text'
+        return 'bg-yellow-100 text-yellow-800'
       case 'COMPLETED':
-        return 'bg-status-success-bg text-status-success-text'
+        return 'bg-green-100 text-green-800'
       case 'FAILED':
-        return 'bg-status-error-bg text-status-error-text'
+        return 'bg-red-100 text-red-800'
       case 'CANCELLED':
         return 'bg-muted text-foreground'
       case 'COMPENSATING':
-        return 'bg-status-warning-bg text-status-warning-text'
+        return 'bg-orange-100 text-orange-800'
       case 'COMPENSATED':
-        return 'bg-status-neutral-bg text-status-neutral-text'
+        return 'bg-purple-100 text-purple-800'
       default:
         return 'bg-muted text-muted-foreground'
     }
@@ -268,7 +267,7 @@ export default function WorkflowInstancesListPage() {
       header: t('workflows.instances.fields.retryCount'),
       accessorKey: 'retryCount',
       cell: ({ row }) => (
-        <span className={`text-sm ${row.original.retryCount > 0 ? 'text-status-warning-text font-medium' : 'text-muted-foreground'}`}>
+        <span className={`text-sm ${row.original.retryCount > 0 ? 'text-orange-600 font-medium' : 'text-muted-foreground'}`}>
           {row.original.retryCount}
         </span>
       ),
@@ -311,7 +310,7 @@ export default function WorkflowInstancesListPage() {
       <Page>
         <PageBody>
           <div className="p-8 text-center">
-            <p className="text-status-error-text">{t('workflows.instances.messages.loadFailed')}</p>
+            <p className="text-red-600">{t('workflows.instances.messages.loadFailed')}</p>
             <Button onClick={() => queryClient.invalidateQueries({ queryKey: ['workflow-instances'] })} className="mt-4">
               {t('common.retry')}
             </Button>
@@ -333,7 +332,7 @@ export default function WorkflowInstancesListPage() {
           onFiltersApply={handleFiltersApply}
           onFiltersClear={handleFiltersClear}
           perspective={{
-            tableId: extensionPoints.hosts.instancesTable.tableId,
+            tableId: 'workflows.instances.list',
           }}
           pagination={{ page, pageSize, total, totalPages, onPageChange: setPage }}
         />

package/src/modules/workflows/backend/tasks/page.tsx

@@ -1,7 +1,6 @@
 "use client"
 
 import * as React from 'react'
-import { extensionPoints } from '@open-mercato/core/modules/workflows/extension-points'
 import Link from 'next/link'
 import { useRouter } from 'next/navigation'
 import { Page, PageBody } from '@open-mercato/ui/backend/Page'
@@ -135,11 +134,11 @@ export default function UserTasksListPage() {
   const getStatusBadgeClass = (status: UserTaskStatus) => {
     switch (status) {
       case 'PENDING':
-        return 'bg-status-warning-bg text-status-warning-text'
+        return 'bg-yellow-100 text-yellow-800'
       case 'IN_PROGRESS':
-        return 'bg-status-info-bg text-status-info-text'
+        return 'bg-blue-100 text-blue-800'
       case 'COMPLETED':
-        return 'bg-status-success-bg text-status-success-text'
+        return 'bg-green-100 text-green-800'
       case 'CANCELLED':
         return 'bg-muted text-foreground'
       default:
@@ -207,7 +206,7 @@ export default function UserTasksListPage() {
             </div>
           )}
           {isOverdue(row.original) && (
-            <div className="text-xs text-status-error-text font-medium mt-1">
+            <div className="text-xs text-red-600 font-medium mt-1">
               {t('workflows.tasks.overdue')}
             </div>
           )}
@@ -259,7 +258,7 @@ export default function UserTasksListPage() {
         const dueDate = new Date(row.original.dueDate)
         const overdue = isOverdue(row.original)
         return (
-          <div className={`text-sm ${overdue ? 'text-status-error-text font-medium' : 'text-foreground'}`}>
+          <div className={`text-sm ${overdue ? 'text-red-600 font-medium' : 'text-foreground'}`}>
             {dueDate.toLocaleString()}
           </div>
         )
@@ -320,7 +319,7 @@ export default function UserTasksListPage() {
       <Page>
         <PageBody>
           <div className="p-8 text-center">
-            <p className="text-status-error-text">{t('workflows.tasks.messages.loadFailed')}</p>
+            <p className="text-red-600">{t('workflows.tasks.messages.loadFailed')}</p>
             <Button onClick={() => queryClient.invalidateQueries({ queryKey: ['workflow-tasks'] })} className="mt-4">
               {t('common.retry')}
             </Button>
@@ -342,7 +341,7 @@ export default function UserTasksListPage() {
           onFiltersApply={handleFiltersApply}
           onFiltersClear={handleFiltersClear}
           perspective={{
-            tableId: extensionPoints.hosts.tasksTable.tableId,
+            tableId: 'workflows.tasks.list',
           }}
           pagination={{ page, pageSize, total, totalPages, onPageChange: setPage }}
         />

package/src/modules/workflows/components/ActivitiesEditor.tsx

@@ -26,11 +26,7 @@ interface Activity {
     retryDelay?: number
     backoffMultiplier?: number
   }
-  // Milliseconds, matching the executor and the definition schema. This field
-  // used to be written as `timeout` (a number) while the schema typed `timeout`
-  // as an ISO 8601 string, so saving a timeout from this editor failed
-  // validation outright (#4424).
-  timeoutMs?: number
+  timeout?: number
   compensation?: Record<string, any>
 }
 
@@ -50,59 +46,8 @@ const ACTIVITY_TYPES = [
   { value: 'WAIT', label: 'Wait' },
 ]
 
-/**
- * Per-activity draft of the raw JSON config text (#4234).
- *
- * The config textarea used to be controlled directly by
- * `JSON.stringify(activity.config)`, and its onChange dropped anything that
- * did not parse. Every intermediate keystroke of a hand edit is invalid JSON,
- * so the state never advanced and React re-rendered the previous serialized
- * value — the field read as frozen/non-editable right after a config was
- * pasted. Keeping the raw text locally lets the user type freely; the parsed
- * object is propagated whenever the text is valid, and an inline error is shown
- * while it is not.
- */
-type ConfigDraft = { text: string; error: string | null }
-
-function serializeConfig(config: Record<string, unknown> | undefined): string {
-  return JSON.stringify(config ?? {}, null, 2)
-}
-
 export function ActivitiesEditor({ value = [], onChange, error }: ActivitiesEditorProps) {
   const t = useT()
-  const [configDrafts, setConfigDrafts] = React.useState<Record<number, ConfigDraft>>({})
-
-  const configTextFor = (index: number, activity: Activity): string =>
-    configDrafts[index]?.text ?? serializeConfig(activity.config)
-
-  const handleConfigTextChange = (index: number, text: string) => {
-    let parsed: Record<string, unknown> | null = null
-    let parseError: string | null = null
-    try {
-      const candidate = JSON.parse(text) as unknown
-      if (candidate && typeof candidate === 'object' && !Array.isArray(candidate)) {
-        parsed = candidate as Record<string, unknown>
-      } else {
-        parseError = t('workflows.activities.configMustBeObject', 'Config must be a JSON object')
-      }
-    } catch (err) {
-      parseError = err instanceof Error ? err.message : t('workflows.activities.configInvalidJson', 'Invalid JSON')
-    }
-
-    setConfigDrafts((drafts) => ({ ...drafts, [index]: { text, error: parseError } }))
-    if (parsed) updateActivity(index, 'config', parsed)
-  }
-
-  // Drop the raw draft once the field loses focus and its content is valid, so
-  // the textarea goes back to mirroring the canonical (re-formatted) config.
-  const handleConfigBlur = (index: number) => {
-    setConfigDrafts((drafts) => {
-      if (!drafts[index] || drafts[index].error) return drafts
-      const next = { ...drafts }
-      delete next[index]
-      return next
-    })
-  }
 
   const addActivity = () => {
     const newActivity: Activity = {
@@ -140,18 +85,6 @@ export function ActivitiesEditor({ value = [], onChange, error }: ActivitiesEdit
 
   const removeActivity = (index: number) => {
     onChange(value.filter((_, i) => i !== index))
-    // Keep the index-keyed drafts aligned with the re-indexed activities:
-    // drop the removed row's draft and shift every later draft down by one,
-    // otherwise a pending (invalid) draft would render over a different row.
-    setConfigDrafts((drafts) => {
-      const next: Record<number, ConfigDraft> = {}
-      for (const key of Object.keys(drafts)) {
-        const i = Number(key)
-        if (i === index) continue
-        next[i > index ? i - 1 : i] = drafts[i]
-      }
-      return next
-    })
   }
 
   const moveActivity = (index: number, direction: 'up' | 'down') => {
@@ -163,18 +96,6 @@ export function ActivitiesEditor({ value = [], onChange, error }: ActivitiesEdit
     updated[index] = updated[newIndex]
     updated[newIndex] = temp
     onChange(updated)
-    // Swap the two rows' drafts too, so an in-progress edit follows its activity.
-    setConfigDrafts((drafts) => {
-      if (!(index in drafts) && !(newIndex in drafts)) return drafts
-      const next = { ...drafts }
-      const atIndex = drafts[index]
-      const atNew = drafts[newIndex]
-      if (atNew !== undefined) next[index] = atNew
-      else delete next[index]
-      if (atIndex !== undefined) next[newIndex] = atIndex
-      else delete next[newIndex]
-      return next
-    })
   }
 
   return (
@@ -184,7 +105,7 @@ export function ActivitiesEditor({ value = [], onChange, error }: ActivitiesEdit
           <p className="text-sm text-muted-foreground">
             {t('workflows.form.descriptions.activities')}
           </p>
-          {error && <p className="text-sm text-status-error-text mt-1">{error}</p>}
+          {error && <p className="text-sm text-red-600 mt-1">{error}</p>}
         </div>
         <Button type="button" onClick={addActivity} variant="outline" size="sm" className="w-full sm:w-auto">
           <Plus className="h-4 w-4 mr-1" />
@@ -257,7 +178,7 @@ export function ActivitiesEditor({ value = [], onChange, error }: ActivitiesEdit
                     onClick={() => removeActivity(index)}
                     title={t('common.delete')}
                   >
-                    <Trash2 className="h-4 w-4 text-destructive" />
+                    <Trash2 className="h-4 w-4 text-red-600" />
                   </Button>
                 </div>
               </div>
@@ -290,8 +211,8 @@ export function ActivitiesEditor({ value = [], onChange, error }: ActivitiesEdit
                   <Input
                     id={`activity-${index}-timeout`}
                     type="number"
-                    value={activity.timeoutMs || ''}
-                    onChange={(e) => updateActivity(index, 'timeoutMs', e.target.value ? parseInt(e.target.value) : undefined)}
+                    value={activity.timeout || ''}
+                    onChange={(e) => updateActivity(index, 'timeout', e.target.value ? parseInt(e.target.value) : undefined)}
                     placeholder="30000"
                     className="mt-1"
                   />
@@ -397,24 +318,19 @@ export function ActivitiesEditor({ value = [], onChange, error }: ActivitiesEdit
                 </Label>
                 <Textarea
                   id={`activity-${index}-config`}
-                  value={configTextFor(index, activity)}
-                  onChange={(e) => handleConfigTextChange(index, e.target.value)}
-                  onBlur={() => handleConfigBlur(index)}
-                  aria-invalid={configDrafts[index]?.error ? true : undefined}
-                  aria-describedby={configDrafts[index]?.error ? `activity-${index}-config-error` : undefined}
+                  value={JSON.stringify(activity.config || {}, null, 2)}
+                  onChange={(e) => {
+                    try {
+                      const parsed = JSON.parse(e.target.value)
+                      updateActivity(index, 'config', parsed)
+                    } catch {
+                      // Invalid JSON, don't update
+                    }
+                  }}
                   placeholder='{"key": "value"}'
                   rows={3}
                   className="mt-1 font-mono text-xs"
                 />
-                {configDrafts[index]?.error ? (
-                  <p
-                    id={`activity-${index}-config-error`}
-                    className="mt-1 text-xs text-status-error-text"
-                    role="alert"
-                  >
-                    {configDrafts[index]?.error}
-                  </p>
-                ) : null}
               </div>
               )}
             </div>

package/src/modules/workflows/components/BusinessRulesSelector.tsx

@@ -287,7 +287,7 @@ export function BusinessRulesSelector({
                         </Badge>
                       )}
                       {rule.enabled ? (
-                        <Badge variant="default" className="bg-status-success-solid text-status-success-solid-foreground text-xs">
+                        <Badge variant="default" className="bg-emerald-500 text-xs">
                           Enabled
                         </Badge>
                       ) : (

package/src/modules/workflows/components/DefinitionTriggersEditor.tsx

@@ -285,7 +285,7 @@ export function DefinitionTriggersEditor({
       <div className="rounded-lg border bg-card p-3 md:p-4">
         <div className="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between mb-4">
           <div className="flex items-center gap-2">
-            <Zap className="w-5 h-5 text-status-warning-icon" />
+            <Zap className="w-5 h-5 text-amber-500" />
             <h3 className="text-sm font-semibold uppercase text-muted-foreground">
               {t('workflows.triggers.title', 'Event Triggers')}
             </h3>
@@ -567,7 +567,7 @@ export function DefinitionTriggersEditor({
               {t('common.cancel', 'Cancel')}
             </Button>
             <Button
-              variant="destructive-solid"
+              variant="destructive"
               onClick={() => deleteConfirmId && handleDelete(deleteConfirmId)}
             >
               {t('common.delete', 'Delete')}

package/src/modules/workflows/components/EdgeEditDialogCrudForm.tsx

@@ -241,8 +241,9 @@ export function EdgeEditDialogCrudForm({ edge, isOpen, onClose, onSave, onDelete
             extraActions={
               <Button
                 type="button"
-                variant="destructive"
+                variant="outline"
                 onClick={handleDelete}
+                className="text-red-600 border-red-200 hover:bg-red-50"
               >
                 <Trash2 className="size-4 mr-2" />
                 Delete Transition

package/src/modules/workflows/components/NodeEditDialogCrudForm.tsx

@@ -494,8 +494,9 @@ export function NodeEditDialogCrudForm({ node, isOpen, onClose, onSave, onDelete
               canDelete ? (
                 <Button
                   type="button"
-                  variant="destructive"
+                  variant="outline"
                   onClick={handleDelete}
+                  className="text-red-600 border-red-200 hover:bg-red-50"
                 >
                   <Trash2 className="size-4 mr-2" />
                   Delete Step

package/src/modules/workflows/components/StepsEditor.tsx

@@ -89,7 +89,7 @@ export function StepsEditor({ value = [], onChange, error }: StepsEditorProps) {
           <p className="text-sm text-muted-foreground">
             {t('workflows.form.descriptions.steps')}
           </p>
-          {error && <p className="text-sm text-status-error-text mt-1">{error}</p>}
+          {error && <p className="text-sm text-red-600 mt-1">{error}</p>}
         </div>
         <Button type="button" onClick={addStep} variant="outline" size="sm" className="w-full sm:w-auto">
           <Plus className="h-4 w-4 mr-1" />
@@ -162,7 +162,7 @@ export function StepsEditor({ value = [], onChange, error }: StepsEditorProps) {
                     onClick={() => removeStep(index)}
                     title={t('common.delete')}
                   >
-                    <Trash2 className="h-4 w-4 text-destructive" />
+                    <Trash2 className="h-4 w-4 text-red-600" />
                   </Button>
                 </div>
               </div>

package/src/modules/workflows/components/TransitionsEditor.tsx

@@ -26,11 +26,7 @@ interface Activity {
     retryDelay?: number
     backoffMultiplier?: number
   }
-  // Milliseconds, matching the executor and the definition schema. This field
-  // used to be written as `timeout` (a number) while the schema typed `timeout`
-  // as an ISO 8601 string, so saving a timeout from this editor failed
-  // validation outright (#4424).
-  timeoutMs?: number
+  timeout?: number
   compensation?: Record<string, any>
 }
 
@@ -70,53 +66,8 @@ const ACTIVITY_TYPES = [
   { value: 'WAIT', label: 'Wait' },
 ]
 
-type ConfigDraft = { text: string; error: string | null }
-
 export function TransitionsEditor({ value = [], onChange, steps = [], error }: TransitionsEditorProps) {
   const t = useT()
-  const [configDrafts, setConfigDrafts] = React.useState<Record<string, ConfigDraft>>({})
-
-  const configDraftKey = (transition: Transition, activity: Activity) =>
-    `${transition.transitionId}:${activity.activityId}`
-
-  const handleConfigTextChange = (
-    transitionIndex: number,
-    activityIndex: number,
-    text: string,
-  ) => {
-    const transition = value[transitionIndex]
-    const activity = transition.activities?.[activityIndex]
-    if (!activity) return
-
-    let parsed: Record<string, unknown> | null = null
-    let parseError: string | null = null
-    try {
-      const candidate = JSON.parse(text) as unknown
-      if (candidate && typeof candidate === 'object' && !Array.isArray(candidate)) {
-        parsed = candidate as Record<string, unknown>
-      } else {
-        parseError = t('workflows.activities.configMustBeObject', 'Config must be a JSON object')
-      }
-    } catch (err) {
-      parseError = err instanceof Error
-        ? err.message
-        : t('workflows.activities.configInvalidJson', 'Invalid JSON')
-    }
-
-    const key = configDraftKey(transition, activity)
-    setConfigDrafts((drafts) => ({ ...drafts, [key]: { text, error: parseError } }))
-    if (parsed) updateActivity(transitionIndex, activityIndex, 'config', parsed)
-  }
-
-  const handleConfigBlur = (transition: Transition, activity: Activity) => {
-    const key = configDraftKey(transition, activity)
-    setConfigDrafts((drafts) => {
-      if (!drafts[key] || drafts[key].error) return drafts
-      const next = { ...drafts }
-      delete next[key]
-      return next
-    })
-  }
 
   const addTransition = () => {
     const newTransition: Transition = {
@@ -227,7 +178,7 @@ export function TransitionsEditor({ value = [], onChange, steps = [], error }: T
           <p className="text-sm text-muted-foreground">
             {t('workflows.form.descriptions.transitions')}
           </p>
-          {error && <p className="text-sm text-status-error-text mt-1">{error}</p>}
+          {error && <p className="text-sm text-red-600 mt-1">{error}</p>}
         </div>
         <Button type="button" onClick={addTransition} variant="outline" size="sm" className="w-full sm:w-auto">
           <Plus className="h-4 w-4 mr-1" />
@@ -300,7 +251,7 @@ export function TransitionsEditor({ value = [], onChange, steps = [], error }: T
                     onClick={() => removeTransition(index)}
                     title={t('common.delete')}
                   >
-                    <Trash2 className="h-4 w-4 text-destructive" />
+                    <Trash2 className="h-4 w-4 text-red-600" />
                   </Button>
                 </div>
               </div>
@@ -419,12 +370,9 @@ export function TransitionsEditor({ value = [], onChange, steps = [], error }: T
                 )}
 
                 <div className="space-y-2">
-                  {(transition.activities || []).map((activity, activityIndex) => {
-                    const draftKey = configDraftKey(transition, activity)
-                    const configDraft = configDrafts[draftKey]
-                    return (
-                      <div key={draftKey} className="p-3 border rounded-md bg-muted shadow-sm border-l-4 border-l-green-500">
-                        <div className="space-y-2">
+                  {(transition.activities || []).map((activity, activityIndex) => (
+                    <div key={activityIndex} className="p-3 border rounded-md bg-muted shadow-sm border-l-4 border-l-green-500">
+                      <div className="space-y-2">
                         <div className="flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between">
                           <div className="flex-1 grid grid-cols-1 sm:grid-cols-2 gap-2">
                             <div>
@@ -480,7 +428,7 @@ export function TransitionsEditor({ value = [], onChange, steps = [], error }: T
                               onClick={() => removeActivity(index, activityIndex)}
                               title={t('common.delete')}
                             >
-                              <Trash2 className="h-3 w-3 text-destructive" />
+                              <Trash2 className="h-3 w-3 text-red-600" />
                             </Button>
                           </div>
                         </div>
@@ -513,8 +461,8 @@ export function TransitionsEditor({ value = [], onChange, steps = [], error }: T
                             <Input
                               id={`activity-${index}-${activityIndex}-timeout`}
                               type="number"
-                              value={activity.timeoutMs || ''}
-                              onChange={(e) => updateActivity(index, activityIndex, 'timeoutMs', e.target.value ? parseInt(e.target.value) : undefined)}
+                              value={activity.timeout || ''}
+                              onChange={(e) => updateActivity(index, activityIndex, 'timeout', e.target.value ? parseInt(e.target.value) : undefined)}
                               placeholder="30000"
                               className="mt-1 text-xs h-8"
                             />
@@ -581,29 +529,23 @@ export function TransitionsEditor({ value = [], onChange, steps = [], error }: T
                           </Label>
                           <Textarea
                             id={`activity-${index}-${activityIndex}-config`}
-                            value={configDraft?.text ?? JSON.stringify(activity.config || {}, null, 2)}
-                            onChange={(e) => handleConfigTextChange(index, activityIndex, e.target.value)}
-                            onBlur={() => handleConfigBlur(transition, activity)}
-                            aria-invalid={configDraft?.error ? true : undefined}
-                            aria-describedby={configDraft?.error ? `activity-${index}-${activityIndex}-config-error` : undefined}
+                            value={JSON.stringify(activity.config || {}, null, 2)}
+                            onChange={(e) => {
+                              try {
+                                const parsed = JSON.parse(e.target.value)
+                                updateActivity(index, activityIndex, 'config', parsed)
+                              } catch {
+                                // Invalid JSON, don't update
+                              }
+                            }}
                             placeholder='{"key": "value"}'
                             rows={2}
                             className="mt-1 font-mono text-xs"
                           />
-                          {configDraft?.error ? (
-                            <p
-                              id={`activity-${index}-${activityIndex}-config-error`}
-                              className="mt-1 text-xs text-status-error-text"
-                              role="alert"
-                            >
-                              {configDraft.error}
-                            </p>
-                          ) : null}
-                        </div>
                         </div>
                       </div>
-                    )
-                  })}
+                    </div>
+                  ))}
                 </div>
               </div>
             </div>

package/src/modules/workflows/components/WorkflowLegend.tsx

@@ -46,7 +46,7 @@ export function WorkflowLegend() {
         </h3>
         <div className="space-y-2">
           <div className="flex items-center gap-2">
-            <div className="flex-shrink-0 w-8 h-0.5 bg-status-success-solid"></div>
+            <div className="flex-shrink-0 w-8 h-0.5 bg-emerald-500"></div>
             <span className="text-xs text-muted-foreground">{t('workflows.legend.edgeState.completed')}</span>
           </div>
           <div className="flex items-center gap-2">

package/src/modules/workflows/components/WorkflowSelector.tsx

@@ -253,7 +253,7 @@ export function WorkflowSelector({
                         v{workflow.version}
                       </Badge>
                       {workflow.enabled ? (
-                        <Badge variant="default" className="bg-status-success-solid text-status-success-solid-foreground text-xs">
+                        <Badge variant="default" className="bg-emerald-500 text-xs">
                           Enabled
                         </Badge>
                       ) : (

package/src/modules/workflows/components/fields/BusinessRuleConditionsEditor.tsx

@@ -241,7 +241,7 @@ export function BusinessRuleConditionsEditor({
                         disabled={disabled}
                         className="ml-2 flex-shrink-0"
                       >
-                        <Trash2 className="size-4 text-destructive" />
+                        <Trash2 className="size-4 text-red-600" />
                       </Button>
                     }
                     title={t('workflows.fieldEditors.businessRuleConditions.removeCondition')}

package/src/modules/workflows/components/fields/FormFieldArrayEditor.tsx

@@ -118,7 +118,7 @@ export function FormFieldArrayEditor({
           <p className="text-xs text-muted-foreground mt-0.5">
             {t('workflows.fieldEditors.formFields.description')}
           </p>
-          {error && <p className="text-xs text-status-error-text mt-1">{error}</p>}
+          {error && <p className="text-xs text-red-600 mt-1">{error}</p>}
         </div>
         <Button
           type="button"

package/src/modules/workflows/components/fields/MappingArrayEditor.tsx

@@ -103,7 +103,7 @@ export function MappingArrayEditor({
           <p className="text-xs text-muted-foreground mt-0.5">
             {description}
           </p>
-          {error && <p className="text-xs text-status-error-text mt-1">{error}</p>}
+          {error && <p className="text-xs text-red-600 mt-1">{error}</p>}
         </div>
         <Button
           type="button"

package/src/modules/workflows/components/fields/StartPreConditionsEditor.tsx

@@ -332,7 +332,7 @@ export function StartPreConditionsEditor({
                         title={t('workflows.common.delete')}
                         disabled={disabled}
                       >
-                        <Trash2 className="h-4 w-4 text-destructive" />
+                        <Trash2 className="h-4 w-4 text-red-600" />
                       </Button>
                     }
                     title={t('workflows.fieldEditors.preConditions.removePreCondition')}

package/src/modules/workflows/components/fields/WorkflowSelectorField.tsx

@@ -128,7 +128,7 @@ export function WorkflowSelectorField({
         <p className="text-xs text-muted-foreground mt-0.5">
           {description}
         </p>
-        {error && <p className="text-xs text-status-error-text mt-1">{error}</p>}
+        {error && <p className="text-xs text-red-600 mt-1">{error}</p>}
       </div>
 
       {!workflowId ? (
@@ -159,10 +159,10 @@ export function WorkflowSelectorField({
               ) : workflowDetails?.error ? (
                 <>
                   <div className="flex items-center gap-2">
-                    <AlertCircle className="size-4 text-status-warning-text" />
+                    <AlertCircle className="size-4 text-yellow-600" />
                     <span className="text-sm font-semibold text-gray-900">{workflowId}</span>
                   </div>
-                  <p className="text-xs text-status-warning-text">{t('workflows.common.workflowNotFoundOrUnavailable')}</p>
+                  <p className="text-xs text-yellow-600">{t('workflows.common.workflowNotFoundOrUnavailable')}</p>
                 </>
               ) : (
                 <>
@@ -178,7 +178,7 @@ export function WorkflowSelectorField({
                       )}
                       {workflowDetails?.enabled !== undefined && (
                         workflowDetails.enabled ? (
-                          <Badge variant="default" className="bg-status-success-solid text-status-success-solid-foreground text-xs">
+                          <Badge variant="default" className="bg-emerald-500 text-xs">
                             {t('common.enabled')}
                           </Badge>
                         ) : (