@open-mercato/core 0.6.7-develop.6827.1.a575bebce9 → 0.6.7-develop.6834.1.e76f4b8cbc

package/src/modules/design_system/gallery/entries/scaffolding.tsx

@@ -96,7 +96,7 @@ const pageEntry: GalleryEntry = {
       code: `import { Page, PageBody, PageHeader } from '@open-mercato/ui/backend/Page'
 
 <Page>
-  <PageHeader title={t('currencies.list.title')} description={t('currencies.list.description')} />
+  <PageHeader title={t('currencies.list.title')} description={t('design_system.gallery.samples.listDescription')} />
   <PageBody>{/* DataTable, sections… */}</PageBody>
 </Page>`,
     },
@@ -174,7 +174,7 @@ import { SectionHeader } from '@open-mercato/ui/backend/SectionHeader'
 import { Button } from '@open-mercato/ui/primitives/button'
 
 <SectionHeader
-  title={t('customers.people.detail.addresses.title')}
+  title={t('design_system.gallery.samples.addresses.title')}
   count={addresses.length}
   action={<Button variant="ghost" size="sm"><Plus className="size-4" /> {t('common.add')}</Button>}
 />`,
@@ -193,7 +193,7 @@ import { Button } from '@open-mercato/ui/primitives/button'
       ),
       code: `import { CollapsibleSection } from '@open-mercato/ui/backend/SectionHeader'
 
-<CollapsibleSection title={t('billing.details.title')} count={2}>
+<CollapsibleSection title={t('design_system.gallery.samples.billingDetails')} count={2}>
   {/* section content */}
 </CollapsibleSection>`,
     },
@@ -223,7 +223,7 @@ const sections: SectionNavGroup[] = [
   },
 ]
 
-<SectionPage title={t('profile.title')} sections={sections} activePath={pathname}>
+<SectionPage title={t('profile.page.title')} sections={sections} activePath={pathname}>
   {children}
 </SectionPage>`,
     },
@@ -236,7 +236,7 @@ const sections: SectionNavGroup[] = [
 const [collapsed, setCollapsed] = React.useState(false)
 
 <SectionNav
-  title={t('profile.title')}
+  title={t('profile.page.title')}
   sections={sections}
   activePath={pathname}
   collapsed={collapsed}
@@ -273,7 +273,7 @@ const formHeaderEntry: GalleryEntry = {
 <FormHeader
   backHref="/backend/products"
   backLabel={t('ui.navigation.back')}
-  title={t('products.edit.title')}
+  title={t('catalog.products.edit.title')}
   actions={{
     cancelHref: '/backend/products',
     cancelLabel: t('ui.forms.actions.cancel'),
@@ -308,9 +308,9 @@ import { FormHeader } from '@open-mercato/ui/backend/forms'
 <FormHeader
   mode="detail"
   backHref="/backend/customers/companies"
-  entityTypeLabel={t('customers.companies.detail.entityType')}
+  entityTypeLabel={t('design_system.gallery.samples.entityType')}
   title={company.name}
-  subtitle={t('customers.companies.detail.createdAt', { date: createdAt })}
+  subtitle={t('design_system.gallery.samples.createdAt', { date: createdAt })}
   statusBadge={<Badge variant="muted">{statusLabel}</Badge>}
   menuActions={[
     { id: 'duplicate', label: t('ui.actions.duplicate'), icon: Copy, onSelect: duplicate },

package/src/modules/design_system/i18n/de.json

@@ -37,6 +37,18 @@
   "design_system.gallery.noResults": "Keine Komponenten entsprechen der Suche",
   "design_system.gallery.openInFigma": "In Figma öffnen",
   "design_system.gallery.retry": "Erneut versuchen",
+  "design_system.gallery.samples.addresses.empty": "Noch keine Adressen",
+  "design_system.gallery.samples.addresses.emptyTitle": "Erste Adresse hinzufügen",
+  "design_system.gallery.samples.addresses.title": "Adressen",
+  "design_system.gallery.samples.attachments.description": "Mit diesem Datensatz verknüpfte Dateien",
+  "design_system.gallery.samples.attachments.title": "Anhänge",
+  "design_system.gallery.samples.billingDetails": "Rechnungsdaten",
+  "design_system.gallery.samples.createdAt": "Erstellt {date}",
+  "design_system.gallery.samples.entityType": "Unternehmen",
+  "design_system.gallery.samples.listDescription": "Für Ihre Organisation verfügbare Währungen",
+  "design_system.gallery.samples.notes.add": "Notiz hinzufügen",
+  "design_system.gallery.samples.notes.empty": "Noch keine Notizen",
+  "design_system.gallery.samples.notes.emptyTitle": "Erste Notiz festhalten",
   "design_system.gallery.searchPlaceholder": "Komponenten suchen…",
   "design_system.gallery.usageDo": "Tun",
   "design_system.gallery.usageDont": "Vermeiden",

package/src/modules/design_system/i18n/en.json

@@ -37,6 +37,18 @@
   "design_system.gallery.noResults": "No components match your search",
   "design_system.gallery.openInFigma": "Open in Figma",
   "design_system.gallery.retry": "Retry",
+  "design_system.gallery.samples.addresses.empty": "No addresses yet",
+  "design_system.gallery.samples.addresses.emptyTitle": "Add the first address",
+  "design_system.gallery.samples.addresses.title": "Addresses",
+  "design_system.gallery.samples.attachments.description": "Files linked to this record",
+  "design_system.gallery.samples.attachments.title": "Attachments",
+  "design_system.gallery.samples.billingDetails": "Billing details",
+  "design_system.gallery.samples.createdAt": "Created {date}",
+  "design_system.gallery.samples.entityType": "Company",
+  "design_system.gallery.samples.listDescription": "Currencies available to your organization",
+  "design_system.gallery.samples.notes.add": "Add note",
+  "design_system.gallery.samples.notes.empty": "No notes yet",
+  "design_system.gallery.samples.notes.emptyTitle": "Capture the first note",
   "design_system.gallery.searchPlaceholder": "Search components…",
   "design_system.gallery.usageDo": "Do",
   "design_system.gallery.usageDont": "Don't",

package/src/modules/design_system/i18n/es.json

@@ -37,6 +37,18 @@
   "design_system.gallery.noResults": "Ningún componente coincide con la búsqueda",
   "design_system.gallery.openInFigma": "Abrir en Figma",
   "design_system.gallery.retry": "Reintentar",
+  "design_system.gallery.samples.addresses.empty": "Aún no hay direcciones",
+  "design_system.gallery.samples.addresses.emptyTitle": "Añade la primera dirección",
+  "design_system.gallery.samples.addresses.title": "Direcciones",
+  "design_system.gallery.samples.attachments.description": "Archivos vinculados a este registro",
+  "design_system.gallery.samples.attachments.title": "Adjuntos",
+  "design_system.gallery.samples.billingDetails": "Datos de facturación",
+  "design_system.gallery.samples.createdAt": "Creado {date}",
+  "design_system.gallery.samples.entityType": "Empresa",
+  "design_system.gallery.samples.listDescription": "Monedas disponibles en tu organización",
+  "design_system.gallery.samples.notes.add": "Añadir nota",
+  "design_system.gallery.samples.notes.empty": "Aún no hay notas",
+  "design_system.gallery.samples.notes.emptyTitle": "Registra la primera nota",
   "design_system.gallery.searchPlaceholder": "Buscar componentes…",
   "design_system.gallery.usageDo": "Haz",
   "design_system.gallery.usageDont": "Evita",

package/src/modules/design_system/i18n/pl.json

@@ -37,6 +37,18 @@
   "design_system.gallery.noResults": "Żaden komponent nie pasuje do wyszukiwania",
   "design_system.gallery.openInFigma": "Otwórz w Figmie",
   "design_system.gallery.retry": "Spróbuj ponownie",
+  "design_system.gallery.samples.addresses.empty": "Nie ma jeszcze adresów",
+  "design_system.gallery.samples.addresses.emptyTitle": "Dodaj pierwszy adres",
+  "design_system.gallery.samples.addresses.title": "Adresy",
+  "design_system.gallery.samples.attachments.description": "Pliki powiązane z tym rekordem",
+  "design_system.gallery.samples.attachments.title": "Załączniki",
+  "design_system.gallery.samples.billingDetails": "Dane rozliczeniowe",
+  "design_system.gallery.samples.createdAt": "Utworzono {date}",
+  "design_system.gallery.samples.entityType": "Firma",
+  "design_system.gallery.samples.listDescription": "Waluty dostępne w Twojej organizacji",
+  "design_system.gallery.samples.notes.add": "Dodaj notatkę",
+  "design_system.gallery.samples.notes.empty": "Nie ma jeszcze notatek",
+  "design_system.gallery.samples.notes.emptyTitle": "Zapisz pierwszą notatkę",
   "design_system.gallery.searchPlaceholder": "Szukaj komponentów…",
   "design_system.gallery.usageDo": "Rób",
   "design_system.gallery.usageDont": "Unikaj",

package/src/modules/dictionaries/components/DictionaryEntrySelect.tsx

@@ -398,7 +398,7 @@ export function DictionaryEntrySelect({
                       labels={appearanceLabels ?? DEFAULT_APPEARANCE_LABELS}
                     />
                   ) : null}
-                  {formError ? <p className="text-sm text-red-600">{formError}</p> : null}
+                  {formError ? <p className="text-sm text-status-error-text">{formError}</p> : null}
                 </div>
                 <DialogFooter>
                   <Button type="button" variant="outline" onClick={() => setDialogOpen(false)} disabled={saving}>

package/src/modules/inbox_ops/backend/inbox-ops/log/page.tsx

@@ -31,11 +31,11 @@ type EmailListResponse = {
 }
 
 const STATUS_COLORS: Record<string, string> = {
-  received: 'bg-blue-100 text-blue-800',
-  processing: 'bg-purple-100 text-purple-800',
-  processed: 'bg-green-100 text-green-800',
-  needs_review: 'bg-amber-100 text-amber-800',
-  failed: 'bg-red-100 text-red-800',
+  received: 'bg-status-info-bg text-status-info-text',
+  processing: 'bg-status-neutral-bg text-status-neutral-text',
+  processed: 'bg-status-success-bg text-status-success-text',
+  needs_review: 'bg-status-warning-bg text-status-warning-text',
+  failed: 'bg-status-error-bg text-status-error-text',
 }
 
 export default function ProcessingLogPage() {
@@ -141,7 +141,7 @@ export default function ProcessingLogPage() {
       accessorKey: 'processingError',
       header: t('inbox_ops.extraction_failed', 'Error'),
       cell: ({ row }) => (
-        <span className="text-xs text-red-600 truncate max-w-[280px] block">
+        <span className="text-xs text-status-error-text truncate max-w-[280px] block">
           {row.original.processingError || '-'}
         </span>
       ),

package/src/modules/inbox_ops/components/proposals/EditActionDialog.tsx

@@ -123,10 +123,10 @@ function ContactPayloadEditor({
                   setLastName(event.target.value)
                   updatePersonName(firstName, event.target.value)
                 }}
-                className={lastNameMissing ? 'border-red-500' : ''}
+                className={lastNameMissing ? 'border-status-error-border' : ''}
               />
               {lastNameMissing && (
-                <p className="text-xs text-red-600 mt-1">{t('inbox_ops.contact.last_name_required', 'Last name is required')}</p>
+                <p className="text-xs text-status-error-text mt-1">{t('inbox_ops.contact.last_name_required', 'Last name is required')}</p>
               )}
             </div>
           </>
@@ -546,7 +546,7 @@ export function EditActionDialog({
                   setJsonError(null)
                 }}
               />
-              {jsonError && <p className="text-xs text-red-600">{t('inbox_ops.edit_dialog.invalid_json', 'Invalid JSON')}</p>}
+              {jsonError && <p className="text-xs text-status-error-text">{t('inbox_ops.edit_dialog.invalid_json', 'Invalid JSON')}</p>}
             </div>
           )}
 

package/src/modules/messages/components/message-detail/panels/dialogs.tsx

@@ -93,7 +93,7 @@ export function MessageDetailDialogs(props: DialogsProps) {
             </Button>
             <Button
               type="button"
-              variant="destructive"
+              variant="destructive-solid"
               onClick={() => void props.handleDelete()}
               disabled={props.updatingState}
             >

package/src/modules/planner/components/AvailabilityRulesEditor.tsx

@@ -1666,7 +1666,7 @@ export function AvailabilityRulesEditor({
                           ) : (
                             windows.map((window, windowIndex) => {
                               const windowError = weeklyWindowErrors[index]?.[windowIndex] ?? null
-                              const errorClass = windowError ? 'border-red-500 aria-invalid:ring-destructive' : ''
+                              const errorClass = windowError ? 'border-status-error-border aria-invalid:ring-destructive' : ''
                               return (
                                 <div key={`${day.code}-${windowIndex}`} className="space-y-1">
                                   <div className="flex flex-wrap items-center gap-2">
@@ -1697,7 +1697,7 @@ export function AvailabilityRulesEditor({
                                     </Button>
                                   </div>
                                   {windowError ? (
-                                    <div className="text-xs text-red-600">{windowError}</div>
+                                    <div className="text-xs text-status-error-text">{windowError}</div>
                                   ) : null}
                                 </div>
                               )
@@ -1985,7 +1985,7 @@ export function AvailabilityRulesEditor({
                           <label className="text-xs font-medium text-muted-foreground">{listLabels.windowsLabel}</label>
                           {editorWindows.map((window, index) => {
                             const windowError = editorWindowErrors[index] ?? null
-                            const errorClass = windowError ? 'border-red-500 aria-invalid:ring-destructive' : ''
+                            const errorClass = windowError ? 'border-status-error-border aria-invalid:ring-destructive' : ''
                             return (
                               <div key={`${index}-${window.start}`} className="space-y-1">
                                 <div className="flex flex-wrap items-center gap-2">
@@ -2013,7 +2013,7 @@ export function AvailabilityRulesEditor({
                                   </Button>
                                 </div>
                                 {windowError ? (
-                                  <div className="text-xs text-red-600">{windowError}</div>
+                                  <div className="text-xs text-status-error-text">{windowError}</div>
                                 ) : null}
                               </div>
                             )

package/src/modules/shipping_carriers/lib/shipment-wizard/components/PackageEditor.tsx

@@ -47,7 +47,7 @@ export const PackageEditor = (props: PackageEditorProps) => {
                 type="button"
                 variant="ghost"
                 size="sm"
-                className="h-auto px-2 py-0.5 text-xs text-red-600 hover:text-red-700"
+                className="h-auto px-2 py-0.5 text-xs text-destructive hover:text-destructive/80"
                 onClick={() => removePackage(index)}
                 disabled={disabled}
               >

package/src/modules/wms/components/backend/ReleaseReservationDialog.tsx

@@ -409,7 +409,7 @@ export function ReleaseReservationDialog({
               </Button>
               <Button
                 type="submit"
-                variant="destructive"
+                variant="destructive-solid"
                 disabled={submitDisabled}
                 data-testid="wms-inventory-release-submit"
               >

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

@@ -453,7 +453,7 @@ export default function WorkflowDefinitionsListPage() {
               <Button variant="outline" onClick={() => setDeleteTarget(null)}>
                 {t('common.cancel')}
               </Button>
-              <Button variant="destructive" onClick={confirmDelete}>
+              <Button variant="destructive-solid" onClick={confirmDelete}>
                 <Trash2/>
                 {t('common.delete')}
               </Button>

package/src/modules/workflows/backend/definitions/visual-editor/page.tsx

@@ -688,7 +688,7 @@ export default function VisualEditorPage() {
           </DialogHeader>
           <DialogFooter>
             <Button variant="outline" onClick={() => setShowClearConfirm(false)}>{t('common.cancel', 'Cancel')}</Button>
-            <Button variant="destructive" onClick={confirmClear}>{t('common.clear', 'Clear')}</Button>
+            <Button variant="destructive-solid" onClick={confirmClear}>{t('common.clear', 'Clear')}</Button>
           </DialogFooter>
         </DialogContent>
       </Dialog>

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

@@ -148,19 +148,19 @@ export default function WorkflowInstancesListPage() {
   const getStatusBadgeClass = (status: WorkflowInstance['status']) => {
     switch (status) {
       case 'RUNNING':
-        return 'bg-blue-100 text-blue-800'
+        return 'bg-status-info-bg text-status-info-text'
       case 'PAUSED':
-        return 'bg-yellow-100 text-yellow-800'
+        return 'bg-status-warning-bg text-status-warning-text'
       case 'COMPLETED':
-        return 'bg-green-100 text-green-800'
+        return 'bg-status-success-bg text-status-success-text'
       case 'FAILED':
-        return 'bg-red-100 text-red-800'
+        return 'bg-status-error-bg text-status-error-text'
       case 'CANCELLED':
         return 'bg-muted text-foreground'
       case 'COMPENSATING':
-        return 'bg-orange-100 text-orange-800'
+        return 'bg-status-warning-bg text-status-warning-text'
       case 'COMPENSATED':
-        return 'bg-purple-100 text-purple-800'
+        return 'bg-status-neutral-bg text-status-neutral-text'
       default:
         return 'bg-muted text-muted-foreground'
     }
@@ -268,7 +268,7 @@ export default function WorkflowInstancesListPage() {
       header: t('workflows.instances.fields.retryCount'),
       accessorKey: 'retryCount',
       cell: ({ row }) => (
-        <span className={`text-sm ${row.original.retryCount > 0 ? 'text-orange-600 font-medium' : 'text-muted-foreground'}`}>
+        <span className={`text-sm ${row.original.retryCount > 0 ? 'text-status-warning-text font-medium' : 'text-muted-foreground'}`}>
           {row.original.retryCount}
         </span>
       ),
@@ -311,7 +311,7 @@ export default function WorkflowInstancesListPage() {
       <Page>
         <PageBody>
           <div className="p-8 text-center">
-            <p className="text-red-600">{t('workflows.instances.messages.loadFailed')}</p>
+            <p className="text-status-error-text">{t('workflows.instances.messages.loadFailed')}</p>
             <Button onClick={() => queryClient.invalidateQueries({ queryKey: ['workflow-instances'] })} className="mt-4">
               {t('common.retry')}
             </Button>

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

@@ -135,11 +135,11 @@ export default function UserTasksListPage() {
   const getStatusBadgeClass = (status: UserTaskStatus) => {
     switch (status) {
       case 'PENDING':
-        return 'bg-yellow-100 text-yellow-800'
+        return 'bg-status-warning-bg text-status-warning-text'
       case 'IN_PROGRESS':
-        return 'bg-blue-100 text-blue-800'
+        return 'bg-status-info-bg text-status-info-text'
       case 'COMPLETED':
-        return 'bg-green-100 text-green-800'
+        return 'bg-status-success-bg text-status-success-text'
       case 'CANCELLED':
         return 'bg-muted text-foreground'
       default:
@@ -207,7 +207,7 @@ export default function UserTasksListPage() {
             </div>
           )}
           {isOverdue(row.original) && (
-            <div className="text-xs text-red-600 font-medium mt-1">
+            <div className="text-xs text-status-error-text font-medium mt-1">
               {t('workflows.tasks.overdue')}
             </div>
           )}
@@ -259,7 +259,7 @@ export default function UserTasksListPage() {
         const dueDate = new Date(row.original.dueDate)
         const overdue = isOverdue(row.original)
         return (
-          <div className={`text-sm ${overdue ? 'text-red-600 font-medium' : 'text-foreground'}`}>
+          <div className={`text-sm ${overdue ? 'text-status-error-text font-medium' : 'text-foreground'}`}>
             {dueDate.toLocaleString()}
           </div>
         )
@@ -320,7 +320,7 @@ export default function UserTasksListPage() {
       <Page>
         <PageBody>
           <div className="p-8 text-center">
-            <p className="text-red-600">{t('workflows.tasks.messages.loadFailed')}</p>
+            <p className="text-status-error-text">{t('workflows.tasks.messages.loadFailed')}</p>
             <Button onClick={() => queryClient.invalidateQueries({ queryKey: ['workflow-tasks'] })} className="mt-4">
               {t('common.retry')}
             </Button>

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

@@ -184,7 +184,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-red-600 mt-1">{error}</p>}
+          {error && <p className="text-sm text-status-error-text 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 +257,7 @@ export function ActivitiesEditor({ value = [], onChange, error }: ActivitiesEdit
                     onClick={() => removeActivity(index)}
                     title={t('common.delete')}
                   >
-                    <Trash2 className="h-4 w-4 text-red-600" />
+                    <Trash2 className="h-4 w-4 text-destructive" />
                   </Button>
                 </div>
               </div>

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

@@ -287,7 +287,7 @@ export function BusinessRulesSelector({
                         </Badge>
                       )}
                       {rule.enabled ? (
-                        <Badge variant="default" className="bg-emerald-500 text-xs">
+                        <Badge variant="default" className="bg-status-success-solid text-status-success-solid-foreground 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-amber-500" />
+            <Zap className="w-5 h-5 text-status-warning-icon" />
             <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"
+              variant="destructive-solid"
               onClick={() => deleteConfirmId && handleDelete(deleteConfirmId)}
             >
               {t('common.delete', 'Delete')}

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

@@ -241,9 +241,8 @@ export function EdgeEditDialogCrudForm({ edge, isOpen, onClose, onSave, onDelete
             extraActions={
               <Button
                 type="button"
-                variant="outline"
+                variant="destructive"
                 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,9 +494,8 @@ export function NodeEditDialogCrudForm({ node, isOpen, onClose, onSave, onDelete
               canDelete ? (
                 <Button
                   type="button"
-                  variant="outline"
+                  variant="destructive"
                   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-red-600 mt-1">{error}</p>}
+          {error && <p className="text-sm text-status-error-text 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-red-600" />
+                    <Trash2 className="h-4 w-4 text-destructive" />
                   </Button>
                 </div>
               </div>

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

@@ -227,7 +227,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-red-600 mt-1">{error}</p>}
+          {error && <p className="text-sm text-status-error-text 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 +300,7 @@ export function TransitionsEditor({ value = [], onChange, steps = [], error }: T
                     onClick={() => removeTransition(index)}
                     title={t('common.delete')}
                   >
-                    <Trash2 className="h-4 w-4 text-red-600" />
+                    <Trash2 className="h-4 w-4 text-destructive" />
                   </Button>
                 </div>
               </div>
@@ -480,7 +480,7 @@ export function TransitionsEditor({ value = [], onChange, steps = [], error }: T
                               onClick={() => removeActivity(index, activityIndex)}
                               title={t('common.delete')}
                             >
-                              <Trash2 className="h-3 w-3 text-red-600" />
+                              <Trash2 className="h-3 w-3 text-destructive" />
                             </Button>
                           </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-emerald-500"></div>
+            <div className="flex-shrink-0 w-8 h-0.5 bg-status-success-solid"></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-emerald-500 text-xs">
+                        <Badge variant="default" className="bg-status-success-solid text-status-success-solid-foreground 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-red-600" />
+                        <Trash2 className="size-4 text-destructive" />
                       </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-red-600 mt-1">{error}</p>}
+          {error && <p className="text-xs text-status-error-text 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-red-600 mt-1">{error}</p>}
+          {error && <p className="text-xs text-status-error-text 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-red-600" />
+                        <Trash2 className="h-4 w-4 text-destructive" />
                       </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-red-600 mt-1">{error}</p>}
+        {error && <p className="text-xs text-status-error-text 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-yellow-600" />
+                    <AlertCircle className="size-4 text-status-warning-text" />
                     <span className="text-sm font-semibold text-gray-900">{workflowId}</span>
                   </div>
-                  <p className="text-xs text-yellow-600">{t('workflows.common.workflowNotFoundOrUnavailable')}</p>
+                  <p className="text-xs text-status-warning-text">{t('workflows.common.workflowNotFoundOrUnavailable')}</p>
                 </>
               ) : (
                 <>
@@ -178,7 +178,7 @@ export function WorkflowSelectorField({
                       )}
                       {workflowDetails?.enabled !== undefined && (
                         workflowDetails.enabled ? (
-                          <Badge variant="default" className="bg-emerald-500 text-xs">
+                          <Badge variant="default" className="bg-status-success-solid text-status-success-solid-foreground text-xs">
                             {t('common.enabled')}
                           </Badge>
                         ) : (