@asteby/metacore-runtime-react 23.5.1 → 23.7.0

package/dist/dynamic-kanban.js

@@ -8,6 +8,8 @@ import { Badge, Button, Card, CardContent, DropdownMenu, DropdownMenuContent, Dr
 import { ColumnFilterControl, FilterValueCombobox } from '@asteby/metacore-ui/data-table';
 import { generateBadgeStyles, optionColor } from '@asteby/metacore-ui/lib';
 import { useApi } from './api-context';
+import { useStageAutomations, StageAutomationsButton, } from './stage-automations';
+import { useCustomStages, splitCustomStages, mergeLaneStages, resolveSmartLanes, AddStageColumn, CustomStageLaneMenu, CustomStageDialog, CustomStageDeleteDialog, SmartLane, } from './custom-stages';
 import { useDynamicFilters } from './use-dynamic-filters';
 import { FilterChipsRow, summarizeFilterValues, translateOptionLabels, } from './filter-chips';
 import { dedupeById, useInfiniteScrollSentinel } from './use-infinite-scroll';
@@ -236,6 +238,28 @@ export function DynamicKanban({ model, endpoint, refreshTrigger, onCardClick, on
     const { t, i18n } = useTranslation();
     const api = useApi();
     const isDark = useIsDarkTheme();
+    // Stage automations (Bitrix-style per-lane rules). Degrades to no-op when
+    // the host has no `/stage-automations` endpoint — the ⚡ affordance hides.
+    const automations = useStageAutomations(model);
+    // Custom stages (Bitrix-style user-defined columns). Degrades to no-op when
+    // the host has no `/custom-stages` endpoint — the "+ Agregar etapa" column
+    // and lane menus simply don't render.
+    const customStages = useCustomStages(model);
+    // Dialog state: create/edit a stage, and the delete confirmation.
+    const [stageDialogOpen, setStageDialogOpen] = useState(false);
+    const [editingStage, setEditingStage] = useState(null);
+    const [deletingStage, setDeletingStage] = useState(null);
+    const openCreateStage = useCallback(() => {
+        setEditingStage(null);
+        setStageDialogOpen(true);
+    }, []);
+    const openEditStage = useCallback((s) => {
+        setEditingStage(s);
+        setStageDialogOpen(true);
+    }, []);
+    const openDeleteStage = useCallback((s) => {
+        setDeletingStage(s);
+    }, []);
     const { getMetadata, setMetadata: cacheMetadata } = useMetadataCache();
     const cachedMeta = getMetadata(model);
     const [metadata, setMetadata] = useState(cachedMeta || null);
@@ -499,7 +523,23 @@ export function DynamicKanban({ model, endpoint, refreshTrigger, onCardClick, on
             return next;
         });
     }, []);
-    const stages = useMemo(() => (metadata ? deriveStages(metadata) : []), [metadata]);
+    const declaredStages = useMemo(() => (metadata ? deriveStages(metadata) : []), [metadata]);
+    // The kernel merges custom real stages into `metadata.stages` (custom: true)
+    // and serves smart lanes in `metadata.smart_lanes` — the metadata is the
+    // painting source (ops #704). The CRUD list (`customStages.stages`) only
+    // backs the management dialog: it carries the `id`/filters the metadata
+    // omits, so we still split it to build `customByKey` (and to fall back when
+    // the metadata hasn't caught up yet).
+    const { laneStages: customLaneStages, smartStages: crudSmartStages } = useMemo(() => splitCustomStages(customStages.stages), [customStages.stages]);
+    const { lanes: stages, customByKey } = useMemo(() => mergeLaneStages(declaredStages, customLaneStages), [declaredStages, customLaneStages]);
+    // Smart lanes to paint: metadata first, folding in CRUD ids by key.
+    const smartStages = useMemo(() => resolveSmartLanes(metadata?.smart_lanes, crudSmartStages, model), [metadata?.smart_lanes, crudSmartStages, model]);
+    // Position a newly created stage after every existing lane (real + smart).
+    const nextStagePosition = useMemo(() => {
+        const positions = customStages.stages.map((s) => s.position ?? 0);
+        const base = stages.length + smartStages.length;
+        return Math.max(base, ...positions, 0) + 1;
+    }, [customStages.stages, stages.length, smartStages.length]);
     const transitions = metadata?.transitions;
     const grouped = useMemo(() => groupByStage(records, groupByKey, stages), [records, groupByKey, stages]);
     const { title: titleCol, fields: fieldCols } = useMemo(() => (metadata ? selectCardColumns(metadata) : { title: null, fields: [] }), [metadata]);
@@ -615,33 +655,41 @@ export function DynamicKanban({ model, endpoint, refreshTrigger, onCardClick, on
                                                     })
                                                     : t('kanban.noActiveFilters', {
                                                         defaultValue: 'Sin filtros',
-                                                    }) }), _jsxs(Button, { variant: "ghost", size: "sm", className: "h-7 gap-1 text-xs", onClick: clearAll, disabled: activeFilterCount === 0, children: [_jsx(X, { className: "h-3.5 w-3.5" }), t('kanban.clearAll', { defaultValue: 'Limpiar todo' }), activeFilterCount > 0 ? ` (${activeFilterCount})` : ''] })] })] })] }))] }), _jsx(FilterChipsRow, { fields: activeFields, onClearAll: clearAll, "data-testid": "kanban-filter-chips" }), _jsxs(DndContext, { sensors: sensors, onDragStart: onDragStart, onDragEnd: onDragEnd, children: [_jsx("div", { className: "flex w-full min-w-0 gap-4 overflow-x-auto p-1", "data-testid": "kanban-board", children: lanes.map((stage) => {
-                            const allCards = grouped.get(stage.key) ?? [];
-                            // Per-lane client-side narrowing (instant, scoped to this
-                            // stage). The funnel (field/value) and the lane search
-                            // (query) are AND-combined.
-                            const laneFilter = laneFilters[stage.key];
-                            let cards = allCards;
-                            if (laneFilter?.field) {
-                                cards = cards.filter((c) => cardMatchesLaneFunnel(c, laneFilter));
-                            }
-                            if (laneFilter?.query?.trim()) {
-                                cards = cards.filter((c) => cardMatchesLaneQuery(c, searchCols, laneFilter.query));
-                            }
-                            const droppableAllowed = !activeId ||
-                                stage.key === activeStage ||
-                                isTransitionAllowed(transitions, activeStage, stage.key);
-                            // Infinite scroll is per declared stage; the synthetic
-                            // "unassigned" lane can't be stage-scoped, so it never tops up.
-                            const laneState = lanePagination[stage.key];
-                            const isUnassigned = stage.key === UNASSIGNED_LANE;
-                            const laneHasMore = !isUnassigned && !laneState?.done;
-                            return (_jsx(KanbanLane, { stage: stage, count: cards.length, totalCount: allCards.length, serverTotal: laneState?.total ?? null, hasMore: laneHasMore, loadingMore: !!laneState?.loading, onLoadMore: () => loadMoreLane(stage.key), filterFields: filterFields, laneFilter: laneFilter, onFunnelChange: (f) => updateLaneFilter(stage.key, {
-                                    field: f?.field,
-                                    values: f?.values,
-                                    text: f?.text,
-                                }), onQueryChange: (q) => updateLaneFilter(stage.key, { query: q }), isDark: isDark, dimmed: !!activeId && !droppableAllowed, disabled: !!activeId && !droppableAllowed, children: loadingData && cards.length === 0 ? (_jsxs(_Fragment, { children: [_jsx(Skeleton, { className: "h-20 w-full" }), _jsx(Skeleton, { className: "h-20 w-full" })] })) : cards.length === 0 ? (_jsx("p", { className: "px-1 py-6 text-center text-xs text-muted-foreground", children: t('kanban.emptyLane', { defaultValue: 'Sin tarjetas' }) })) : (cards.map((card) => (_jsx(KanbanCard, { card: card, titleCol: titleCol, fieldCols: fieldCols, actions: rowActions, locale: i18n.language, timeZone: timeZone, currency: currency, onClick: onCardClick, onAction: handleInternalAction }, String(card.id))))) }, stage.key));
-                        }) }), _jsx(DragOverlay, { children: activeCard ? (_jsx(CardPreview, { card: activeCard, titleCol: titleCol, fieldCols: fieldCols, locale: i18n.language, timeZone: timeZone, currency: currency })) : null }), rowActionDialogs] })] }));
+                                                    }) }), _jsxs(Button, { variant: "ghost", size: "sm", className: "h-7 gap-1 text-xs", onClick: clearAll, disabled: activeFilterCount === 0, children: [_jsx(X, { className: "h-3.5 w-3.5" }), t('kanban.clearAll', { defaultValue: 'Limpiar todo' }), activeFilterCount > 0 ? ` (${activeFilterCount})` : ''] })] })] })] }))] }), _jsx(FilterChipsRow, { fields: activeFields, onClearAll: clearAll, "data-testid": "kanban-filter-chips" }), _jsxs(DndContext, { sensors: sensors, onDragStart: onDragStart, onDragEnd: onDragEnd, children: [_jsxs("div", { className: "flex w-full min-w-0 gap-4 overflow-x-auto p-1", "data-testid": "kanban-board", children: [lanes.map((stage) => {
+                                const allCards = grouped.get(stage.key) ?? [];
+                                // Per-lane client-side narrowing (instant, scoped to this
+                                // stage). The funnel (field/value) and the lane search
+                                // (query) are AND-combined.
+                                const laneFilter = laneFilters[stage.key];
+                                let cards = allCards;
+                                if (laneFilter?.field) {
+                                    cards = cards.filter((c) => cardMatchesLaneFunnel(c, laneFilter));
+                                }
+                                if (laneFilter?.query?.trim()) {
+                                    cards = cards.filter((c) => cardMatchesLaneQuery(c, searchCols, laneFilter.query));
+                                }
+                                const droppableAllowed = !activeId ||
+                                    stage.key === activeStage ||
+                                    isTransitionAllowed(transitions, activeStage, stage.key);
+                                // Infinite scroll is per declared stage; the synthetic
+                                // "unassigned" lane can't be stage-scoped, so it never tops up.
+                                const laneState = lanePagination[stage.key];
+                                const isUnassigned = stage.key === UNASSIGNED_LANE;
+                                const laneHasMore = !isUnassigned && !laneState?.done;
+                                return (_jsx(KanbanLane, { stage: stage, count: cards.length, totalCount: allCards.length, serverTotal: laneState?.total ?? null, hasMore: laneHasMore, loadingMore: !!laneState?.loading, onLoadMore: () => loadMoreLane(stage.key), filterFields: filterFields, laneFilter: laneFilter, onFunnelChange: (f) => updateLaneFilter(stage.key, {
+                                        field: f?.field,
+                                        values: f?.values,
+                                        text: f?.text,
+                                    }), onQueryChange: (q) => updateLaneFilter(stage.key, { query: q }), isDark: isDark, dimmed: !!activeId && !droppableAllowed, disabled: !!activeId && !droppableAllowed, model: model, columns: metadata?.columns ?? [], automationsAvailable: automations.available && stage.key !== UNASSIGNED_LANE, automationRules: automations.byStage.get(stage.key) ?? [], onAutomationCreate: automations.create, onAutomationUpdate: automations.update, onAutomationRemove: automations.remove, customStage: customStages.available
+                                        ? customByKey.get(stage.key)
+                                        : undefined, onEditStage: openEditStage, onDeleteStage: openDeleteStage, children: loadingData && cards.length === 0 ? (_jsxs(_Fragment, { children: [_jsx(Skeleton, { className: "h-20 w-full" }), _jsx(Skeleton, { className: "h-20 w-full" })] })) : cards.length === 0 ? (_jsx("p", { className: "px-1 py-6 text-center text-xs text-muted-foreground", children: t('kanban.emptyLane', { defaultValue: 'Sin tarjetas' }) })) : (cards.map((card) => (_jsx(KanbanCard, { card: card, titleCol: titleCol, fieldCols: fieldCols, actions: rowActions, locale: i18n.language, timeZone: timeZone, currency: currency, onClick: onCardClick, onAction: handleInternalAction }, String(card.id))))) }, stage.key));
+                            }), smartStages.map((smart) => (_jsx(SmartLane, { stage: smart, model: model, endpoint: endpoint, defaultFilters: defaultFilters, pageSize: pageSize, isDark: isDark, refreshTrigger: refreshTrigger, onEdit: openEditStage, onDelete: openDeleteStage, renderCard: (card) => (_jsx(KanbanCard, { card: card, titleCol: titleCol, fieldCols: fieldCols, actions: rowActions, locale: i18n.language, timeZone: timeZone, currency: currency, onClick: onCardClick, onAction: handleInternalAction, draggable: false })) }, `smart-${smart.key}`))), customStages.available && (_jsx(AddStageColumn, { onClick: openCreateStage }))] }), _jsx(DragOverlay, { children: activeCard ? (_jsx(CardPreview, { card: activeCard, titleCol: titleCol, fieldCols: fieldCols, locale: i18n.language, timeZone: timeZone, currency: currency })) : null }), rowActionDialogs] }), customStages.available && (_jsxs(_Fragment, { children: [_jsx(CustomStageDialog, { open: stageDialogOpen, onOpenChange: setStageDialogOpen, model: model, columns: metadata?.columns ?? [], initial: editingStage, nextPosition: nextStagePosition, onCreate: customStages.create, onUpdate: customStages.update }), _jsx(CustomStageDeleteDialog, { open: !!deletingStage, onOpenChange: (o) => {
+                            if (!o)
+                                setDeletingStage(null);
+                        }, stage: deletingStage, reassignTargets: stages.map((s) => ({
+                            key: s.key,
+                            label: s.label,
+                        })), onConfirm: (s, reassignTo) => customStages.remove(s.id, reassignTo) })] }))] }));
 }
 /**
  * A per-data-type glyph for the Filtros panel rows (and their popover header):
@@ -670,7 +718,7 @@ function SheetFilterRow({ field, isStage, }) {
     const summary = summarizeFilterValues(field.config.selectedValues, field.config.options);
     return (_jsx(ColumnFilterControl, { variant: "row", align: "end", icon: filterTypeIcon(field.config.filterType, isStage), label: field.label, valueSummary: summary, filterKey: field.config.filterKey, filterType: field.config.filterType, filterOptions: field.config.options, filterLoading: field.config.loading, filterSearchEndpoint: field.config.searchEndpoint, selectedValues: field.config.selectedValues, onFilterChange: field.config.onFilterChange, loadOptions: field.config.loadOptions }));
 }
-function KanbanLane({ stage, count, totalCount, serverTotal, hasMore, loadingMore, onLoadMore, filterFields, laneFilter, onFunnelChange, onQueryChange, isDark, dimmed, disabled, children, }) {
+function KanbanLane({ stage, count, totalCount, serverTotal, hasMore, loadingMore, onLoadMore, filterFields, laneFilter, onFunnelChange, onQueryChange, isDark, dimmed, disabled, model, columns, automationsAvailable, automationRules, onAutomationCreate, onAutomationUpdate, onAutomationRemove, customStage, onEditStage, onDeleteStage, children, }) {
     const { t } = useTranslation();
     const { setNodeRef, isOver } = useDroppable({ id: stage.key, disabled });
     // Infinite scroll: the sentinel lives at the bottom of the lane's own scroll
@@ -721,7 +769,7 @@ function KanbanLane({ stage, count, totalCount, serverTotal, hasMore, loadingMor
             outlineOffset: 2,
         }, "data-stage": stage.key, "data-disabled": disabled || undefined, children: [_jsxs("div", { className: "flex items-center justify-between gap-2 px-3 py-2.5", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx(Badge, { variant: "outline", className: "border-0 text-xs font-semibold", style: headerStyle, children: t(stage.label, { defaultValue: stage.label }) }), _jsx("span", { className: "text-xs font-medium tabular-nums text-muted-foreground", children: formatLaneCount(count, totalCount, serverTotal, laneActive) })] }), _jsxs("div", { className: "flex items-center gap-0.5", children: [_jsxs("button", { type: "button", onClick: () => setSearchOpen((o) => !o), className: `relative flex size-6 items-center justify-center rounded-md transition-colors hover:bg-accent hover:text-foreground ${queryActive ? 'text-primary' : 'text-muted-foreground'}`, "aria-label": t('kanban.searchLane', {
                                     defaultValue: 'Buscar en la columna',
-                                }), children: [_jsx(Search, { className: "h-3.5 w-3.5" }), queryActive && (_jsx("span", { className: "absolute -right-0.5 -top-0.5 size-1.5 rounded-full bg-primary" }))] }), _jsx(LaneFilterButton, { fields: filterFields, value: funnelValue, onChange: onFunnelChange })] })] }), searchOpen && (_jsx("div", { className: "px-3 pb-1.5", children: _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "pointer-events-none absolute left-2 top-1/2 h-3 w-3 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { ref: searchRef, value: laneFilter?.query ?? '', onChange: (e) => onQueryChange(e.target.value), onKeyDown: (e) => {
+                                }), children: [_jsx(Search, { className: "h-3.5 w-3.5" }), queryActive && (_jsx("span", { className: "absolute -right-0.5 -top-0.5 size-1.5 rounded-full bg-primary" }))] }), _jsx(LaneFilterButton, { fields: filterFields, value: funnelValue, onChange: onFunnelChange }), automationsAvailable && (_jsx(StageAutomationsButton, { model: model, stageKey: stage.key, stageLabel: stage.label, columns: columns, rules: automationRules, onCreate: onAutomationCreate, onUpdate: onAutomationUpdate, onRemove: onAutomationRemove })), customStage && onEditStage && onDeleteStage && (_jsx(CustomStageLaneMenu, { stage: customStage, onEdit: onEditStage, onDelete: onDeleteStage }))] })] }), searchOpen && (_jsx("div", { className: "px-3 pb-1.5", children: _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "pointer-events-none absolute left-2 top-1/2 h-3 w-3 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { ref: searchRef, value: laneFilter?.query ?? '', onChange: (e) => onQueryChange(e.target.value), onKeyDown: (e) => {
                                 if (e.key === 'Escape') {
                                     onQueryChange('');
                                     setSearchOpen(false);
@@ -793,12 +841,13 @@ function LaneFilterButton({ fields, value, onChange, }) {
                             defaultValue: 'Contiene...',
                         }), className: "h-8 w-full text-xs" })), _jsxs("div", { className: "flex gap-1.5", children: [_jsx(Button, { variant: "outline", size: "sm", className: "h-7 flex-1 text-xs", onClick: clear, disabled: !active && values.length === 0 && !text.trim(), children: t('kanban.clearFilters', { defaultValue: 'Limpiar' }) }), _jsxs(Button, { size: "sm", className: "h-7 flex-1 text-xs", onClick: apply, disabled: values.length === 0 && !text.trim(), children: [t('kanban.apply', { defaultValue: 'Aplicar' }), values.length > 0 ? ` (${values.length})` : ''] })] })] })] }));
 }
-function KanbanCard({ card, titleCol, fieldCols, actions, locale, timeZone, currency, onClick, onAction, }) {
+function KanbanCard({ card, titleCol, fieldCols, actions, locale, timeZone, currency, onClick, onAction, draggable = true, }) {
     const { attributes, listeners, setNodeRef, isDragging } = useDraggable({
         id: String(card.id),
+        disabled: !draggable,
     });
     const visibleActions = actions.filter((a) => isRowActionVisible(a, card));
-    return (_jsx(Card, { ref: setNodeRef, ...attributes, ...listeners, className: "w-full min-w-0 cursor-grab active:cursor-grabbing border-border/70 shadow-sm", style: { opacity: isDragging ? 0.4 : 1 }, onClick: () => onClick?.(card), "data-card-id": String(card.id), children: _jsxs(CardContent, { className: "space-y-1.5 p-3", children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsx("div", { className: "min-w-0 flex-1 break-words text-sm font-medium leading-snug", children: titleCol ? (_jsx(ActivityValueRenderer, { value: card[titleCol.key], col: titleCol, locale: locale, timeZone: timeZone, currency: currency })) : (_jsx("span", { className: "truncate", children: String(card.id) })) }), visibleActions.length > 0 && (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-6 w-6 shrink-0 -mr-1 -mt-1", 
+    return (_jsx(Card, { ref: draggable ? setNodeRef : undefined, ...(draggable ? attributes : {}), ...(draggable ? listeners : {}), className: `w-full min-w-0 border-border/70 shadow-sm ${draggable ? 'cursor-grab active:cursor-grabbing' : 'cursor-default'}`, style: { opacity: isDragging ? 0.4 : 1 }, onClick: () => onClick?.(card), "data-card-id": String(card.id), children: _jsxs(CardContent, { className: "space-y-1.5 p-3", children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsx("div", { className: "min-w-0 flex-1 break-words text-sm font-medium leading-snug", children: titleCol ? (_jsx(ActivityValueRenderer, { value: card[titleCol.key], col: titleCol, locale: locale, timeZone: timeZone, currency: currency })) : (_jsx("span", { className: "truncate", children: String(card.id) })) }), visibleActions.length > 0 && (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-6 w-6 shrink-0 -mr-1 -mt-1", 
                                         // Don't start a drag / card click from the menu button.
                                         onPointerDown: (e) => e.stopPropagation(), onClick: (e) => e.stopPropagation(), children: _jsx(MoreHorizontal, { className: "h-4 w-4" }) }) }), _jsx(DropdownMenuContent, { align: "end", onClick: (e) => e.stopPropagation(), children: visibleActions.map((a) => (_jsxs(DropdownMenuItem, { onClick: (e) => {
                                             e.stopPropagation();

package/dist/field-grid.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from 'react';
+export declare function FieldGrid({ children, className }: {
+    children: ReactNode;
+    className?: string;
+}): import("react").JSX.Element;
+export declare function FieldCell({ children, fullWidth, className, }: {
+    children: ReactNode;
+    /** Span both columns — textareas, line-items grids, embedded relations. */
+    fullWidth?: boolean;
+    className?: string;
+}): import("react").JSX.Element;
+export declare function FieldLabel({ htmlFor, required, children, }: {
+    htmlFor?: string;
+    required?: boolean;
+    children: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=field-grid.d.ts.map

package/dist/field-grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-grid.d.ts","sourceRoot":"","sources":["../src/field-grid.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAM7F;AAED,wBAAgB,SAAS,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,SAAS,GACZ,EAAE;IACC,QAAQ,EAAE,SAAS,CAAA;IACnB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACrB,+BAMA;AAED,wBAAgB,UAAU,CAAC,EACvB,OAAO,EACP,QAAQ,EACR,QAAQ,GACX,EAAE;IACC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;CACtB,+BAOA"}

package/dist/field-grid.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Label } from '@asteby/metacore-ui/primitives';
+import { cn } from '@asteby/metacore-ui/lib';
+export function FieldGrid({ children, className }) {
+    return (_jsx("div", { className: cn('grid grid-cols-1 gap-x-6 gap-y-4 sm:grid-cols-2', className), children: children }));
+}
+export function FieldCell({ children, fullWidth, className, }) {
+    return (_jsx("div", { className: cn('flex min-w-0 flex-col gap-1.5', fullWidth && 'sm:col-span-2', className), children: children }));
+}
+export function FieldLabel({ htmlFor, required, children, }) {
+    return (_jsxs(Label, { htmlFor: htmlFor, className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: [children, required && _jsx("span", { className: "ml-0.5 text-destructive", children: "*" })] }));
+}

package/dist/index.d.ts

@@ -2,9 +2,12 @@ export * from './types';
 export * from './options-context';
 export * from './dynamic-table';
 export { DynamicKanban, type DynamicKanbanProps, deriveStages, groupByStage, isTransitionAllowed, applyOptimisticMove, selectCardColumns, UNASSIGNED_LANE, } from './dynamic-kanban';
+export { useStageAutomations, StageAutomationsButton, isTagColumn, automationFieldOptions, groupAutomationsByStage, activeAutomationCount, type StageAutomation, type StageAutomationAction, type StageAutomationActionType, type NewStageAutomation, type UseStageAutomationsResult, type StageAutomationsButtonProps, } from './stage-automations';
+export { useCustomStages, splitCustomStages, mergeLaneStages, resolveSmartLanes, smartLaneParams, customStageFilterFields, isCustomStageDraftValid, slugifyStageKey, emptyCustomStageFilter, AddStageColumn, CustomStageLaneMenu, CustomStageDialog, CustomStageDeleteDialog, SmartLane, CUSTOM_STAGE_COLORS, CUSTOM_STAGE_FILTER_OPS, type CustomStage, type NewCustomStage, type CustomStageType, type CustomStageFilter, type CustomStageFilterOp, type UseCustomStagesResult, } from './custom-stages';
 export { DynamicView, resolveViewRenderer, readViewFromSearch, resolveActiveView, type DynamicViewProps, } from './dynamic-view';
 export { useDynamicFilters, type UseDynamicFiltersOptions, type UseDynamicFiltersResult, } from './use-dynamic-filters';
 export * from './dynamic-form';
+export { FieldGrid, FieldCell, FieldLabel } from './field-grid';
 export { ActionModalDispatcher, type ActionModalProps, } from './action-modal-dispatcher';
 export { ModelActionToolbar, useModelActions, type ModelActionToolbarProps, type ActionPlacement, } from './model-action-toolbar';
 export * from './addon-loader';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -7,9 +7,12 @@ export * from './types';
 export * from './options-context';
 export * from './dynamic-table';
 export { DynamicKanban, deriveStages, groupByStage, isTransitionAllowed, applyOptimisticMove, selectCardColumns, UNASSIGNED_LANE, } from './dynamic-kanban';
+export { useStageAutomations, StageAutomationsButton, isTagColumn, automationFieldOptions, groupAutomationsByStage, activeAutomationCount, } from './stage-automations';
+export { useCustomStages, splitCustomStages, mergeLaneStages, resolveSmartLanes, smartLaneParams, customStageFilterFields, isCustomStageDraftValid, slugifyStageKey, emptyCustomStageFilter, AddStageColumn, CustomStageLaneMenu, CustomStageDialog, CustomStageDeleteDialog, SmartLane, CUSTOM_STAGE_COLORS, CUSTOM_STAGE_FILTER_OPS, } from './custom-stages';
 export { DynamicView, resolveViewRenderer, readViewFromSearch, resolveActiveView, } from './dynamic-view';
 export { useDynamicFilters, } from './use-dynamic-filters';
 export * from './dynamic-form';
+export { FieldGrid, FieldCell, FieldLabel } from './field-grid';
 export { ActionModalDispatcher, } from './action-modal-dispatcher';
 export { ModelActionToolbar, useModelActions, } from './model-action-toolbar';
 export * from './addon-loader';

package/dist/stage-automations.d.ts

@@ -0,0 +1,75 @@
+import React from 'react';
+import type { ApiClient } from './api-context';
+import type { ColumnDefinition } from './types';
+export type StageAutomationActionType = 'add_tag' | 'remove_tag' | 'set_field';
+export interface StageAutomationAction {
+    type: StageAutomationActionType;
+    field: string;
+    value: string;
+}
+export interface StageAutomation {
+    id: string | number;
+    model: string;
+    /** Source stage the card is leaving. `'*'` = any stage. */
+    from_stage: string;
+    /** Destination stage that triggers the rule (the lane's stage key). */
+    to_stage: string;
+    actions: StageAutomationAction[];
+    enabled: boolean;
+}
+/** Draft for a new rule — a single action, keyed to a destination stage. */
+export interface NewStageAutomation {
+    model: string;
+    from_stage: string;
+    to_stage: string;
+    actions: StageAutomationAction[];
+    enabled: boolean;
+}
+/** Whether a column holds a tag/json array (valid target for add/remove_tag). */
+export declare function isTagColumn(col: ColumnDefinition): boolean;
+/**
+ * Columns a given action type may target:
+ *   - add_tag / remove_tag → only tag/json columns
+ *   - set_field            → any editable (non-readonly, non-hidden) column
+ * Hidden and readonly columns are never offered.
+ */
+export declare function automationFieldOptions(columns: ColumnDefinition[], actionType: StageAutomationActionType): ColumnDefinition[];
+/** Rules grouped by their destination stage key (only what the lane needs). */
+export declare function groupAutomationsByStage(rules: StageAutomation[]): Map<string, StageAutomation[]>;
+/** Count of ENABLED rules for a stage — drives the lane's ⚡ indicator. */
+export declare function activeAutomationCount(rules: StageAutomation[] | undefined): number;
+export interface UseStageAutomationsResult {
+    /** False when the endpoint is missing/errored — hide the ⚡ affordance. */
+    available: boolean;
+    loading: boolean;
+    /** Destination-stage-keyed rules. */
+    byStage: Map<string, StageAutomation[]>;
+    create: (draft: NewStageAutomation) => Promise<void>;
+    update: (id: StageAutomation['id'], patch: Partial<StageAutomation>) => Promise<void>;
+    remove: (id: StageAutomation['id']) => Promise<void>;
+}
+/**
+ * Loads a model's stage automations and exposes CRUD. Swallows a missing
+ * endpoint (404 / network error) into `available: false` so the kanban never
+ * breaks; real mutation failures surface a toast and re-throw so the dialog can
+ * keep its draft.
+ */
+export declare function useStageAutomations(model: string): UseStageAutomationsResult;
+export interface StageAutomationsButtonProps {
+    model: string;
+    /** The lane's stage key + human label (destination that triggers rules). */
+    stageKey: string;
+    stageLabel: string;
+    columns: ColumnDefinition[];
+    rules: StageAutomation[];
+    onCreate: (draft: NewStageAutomation) => Promise<void>;
+    onUpdate: (id: StageAutomation['id'], patch: Partial<StageAutomation>) => Promise<void>;
+    onRemove: (id: StageAutomation['id']) => Promise<void>;
+}
+/**
+ * The per-lane ⚡ button: shows an active-rule count badge and opens the rule
+ * editor for THIS stage. Rendered only when the endpoint is available.
+ */
+export declare function StageAutomationsButton({ model, stageKey, stageLabel, columns, rules, onCreate, onUpdate, onRemove, }: StageAutomationsButtonProps): React.JSX.Element;
+export type { ApiClient };
+//# sourceMappingURL=stage-automations.d.ts.map

package/dist/stage-automations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stage-automations.d.ts","sourceRoot":"","sources":["../src/stage-automations.tsx"],"names":[],"mappings":"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"}

package/dist/stage-automations.js

@@ -0,0 +1,264 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// Stage automations — a Bitrix-style "when a card enters this stage, run these
+// actions" rule editor, surfaced per-lane in DynamicKanban. The feature is
+// generic over any model: rules live server-side (the host wires the
+// `/stage-automations` REST endpoints against the same api client the rest of
+// the dynamic runtime uses) and reference the model's own columns.
+//
+// Non-intrusive by design: if the endpoint 404s or errors, the hook reports
+// `available: false` and the lane simply omits the ⚡ affordance — the board
+// keeps working. All UI text goes through t() with a Spanish defaultValue so a
+// host that ships no `dynamic.automations.*` keys still renders in Spanish.
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Zap, Trash2, Plus } from 'lucide-react';
+import { toast } from 'sonner';
+import { Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Switch, } from '@asteby/metacore-ui/primitives';
+import { useApi } from './api-context';
+// ---------------------------------------------------------------------------
+// Pure helpers (exported for unit tests — no React, no transport)
+// ---------------------------------------------------------------------------
+const ACTION_TYPES = [
+    'add_tag',
+    'remove_tag',
+    'set_field',
+];
+/** Whether a column holds a tag/json array (valid target for add/remove_tag). */
+export function isTagColumn(col) {
+    const t = col.type;
+    const style = col.cellStyle;
+    return t === 'tags' || t === 'json' || style === 'tags';
+}
+/**
+ * Columns a given action type may target:
+ *   - add_tag / remove_tag → only tag/json columns
+ *   - set_field            → any editable (non-readonly, non-hidden) column
+ * Hidden and readonly columns are never offered.
+ */
+export function automationFieldOptions(columns, actionType) {
+    return columns.filter((c) => {
+        if (c.hidden)
+            return false;
+        const ro = !!c.readonly ||
+            !!c.read_only;
+        if (ro)
+            return false;
+        if (actionType === 'add_tag' || actionType === 'remove_tag') {
+            return isTagColumn(c);
+        }
+        return true;
+    });
+}
+/** Rules grouped by their destination stage key (only what the lane needs). */
+export function groupAutomationsByStage(rules) {
+    const map = new Map();
+    for (const r of rules) {
+        const arr = map.get(r.to_stage) ?? [];
+        arr.push(r);
+        map.set(r.to_stage, arr);
+    }
+    return map;
+}
+/** Count of ENABLED rules for a stage — drives the lane's ⚡ indicator. */
+export function activeAutomationCount(rules) {
+    if (!rules)
+        return 0;
+    return rules.filter((r) => r.enabled).length;
+}
+// ---------------------------------------------------------------------------
+// Data hook
+// ---------------------------------------------------------------------------
+function unwrap(res) {
+    const body = res?.data;
+    // Envelope {success, data}; tolerate a bare array/object too.
+    if (body && typeof body === 'object' && 'data' in body)
+        return body.data;
+    return body;
+}
+/**
+ * Loads a model's stage automations and exposes CRUD. Swallows a missing
+ * endpoint (404 / network error) into `available: false` so the kanban never
+ * breaks; real mutation failures surface a toast and re-throw so the dialog can
+ * keep its draft.
+ */
+export function useStageAutomations(model) {
+    const api = useApi();
+    const { t } = useTranslation();
+    const [available, setAvailable] = useState(true);
+    const [loading, setLoading] = useState(true);
+    const [rules, setRules] = useState([]);
+    const load = useCallback(async () => {
+        setLoading(true);
+        try {
+            const res = await api.get(`/stage-automations?model=${encodeURIComponent(model)}`);
+            const data = unwrap(res);
+            setRules(Array.isArray(data) ? data : []);
+            setAvailable(true);
+        }
+        catch {
+            // Endpoint absent or errored — degrade silently.
+            setRules([]);
+            setAvailable(false);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [api, model]);
+    useEffect(() => {
+        void load();
+    }, [load]);
+    const create = useCallback(async (draft) => {
+        try {
+            const res = await api.post('/stage-automations', draft);
+            const created = unwrap(res);
+            await load();
+            if (!created)
+                return;
+        }
+        catch (e) {
+            toast.error(t('dynamic.automations.saveError', {
+                defaultValue: 'No se pudo guardar la automatización',
+            }));
+            throw e;
+        }
+    }, [api, load, t]);
+    const update = useCallback(async (id, patch) => {
+        try {
+            await api.put(`/stage-automations/${id}`, patch);
+            await load();
+        }
+        catch (e) {
+            toast.error(t('dynamic.automations.saveError', {
+                defaultValue: 'No se pudo guardar la automatización',
+            }));
+            throw e;
+        }
+    }, [api, load, t]);
+    const remove = useCallback(async (id) => {
+        try {
+            await api.delete(`/stage-automations/${id}`);
+            await load();
+        }
+        catch (e) {
+            toast.error(t('dynamic.automations.deleteError', {
+                defaultValue: 'No se pudo eliminar la automatización',
+            }));
+            throw e;
+        }
+    }, [api, load, t]);
+    const byStage = useMemo(() => groupAutomationsByStage(rules), [rules]);
+    return { available, loading, byStage, create, update, remove };
+}
+/**
+ * The per-lane ⚡ button: shows an active-rule count badge and opens the rule
+ * editor for THIS stage. Rendered only when the endpoint is available.
+ */
+export function StageAutomationsButton({ model, stageKey, stageLabel, columns, rules, onCreate, onUpdate, onRemove, }) {
+    const { t } = useTranslation();
+    const [open, setOpen] = useState(false);
+    const activeCount = activeAutomationCount(rules);
+    return (_jsxs(_Fragment, { children: [_jsxs("button", { type: "button", onClick: () => setOpen(true), className: `relative flex size-6 items-center justify-center rounded-md transition-colors hover:bg-accent hover:text-foreground ${activeCount > 0 ? 'text-primary' : 'text-muted-foreground'}`, "aria-label": t('dynamic.automations.open', {
+                    defaultValue: 'Automatizaciones de la etapa',
+                }), "data-testid": `automations-trigger-${stageKey}`, children: [_jsx(Zap, { className: "h-3.5 w-3.5" }), activeCount > 0 && (_jsx("span", { className: "absolute -right-1 -top-1 flex min-w-3.5 items-center justify-center rounded-full bg-primary px-1 text-[9px] font-semibold leading-none text-primary-foreground", children: activeCount }))] }), open && (_jsx(StageAutomationsDialog, { open: open, onOpenChange: setOpen, model: model, stageKey: stageKey, stageLabel: stageLabel, columns: columns, rules: rules, onCreate: onCreate, onUpdate: onUpdate, onRemove: onRemove }))] }));
+}
+function describeAction(action, columns, t) {
+    const col = columns.find((c) => c.key === action.field);
+    const fieldLabel = col ? t(col.label, { defaultValue: col.label }) : action.field;
+    switch (action.type) {
+        case 'add_tag':
+            return t('dynamic.automations.summary.addTag', {
+                defaultValue: 'Agregar tag "{{value}}" a {{field}}',
+                value: action.value,
+                field: fieldLabel,
+            });
+        case 'remove_tag':
+            return t('dynamic.automations.summary.removeTag', {
+                defaultValue: 'Quitar tag "{{value}}" de {{field}}',
+                value: action.value,
+                field: fieldLabel,
+            });
+        default:
+            return t('dynamic.automations.summary.setField', {
+                defaultValue: 'Setear {{field}} = "{{value}}"',
+                value: action.value,
+                field: fieldLabel,
+            });
+    }
+}
+function StageAutomationsDialog({ open, onOpenChange, model, stageKey, stageLabel, columns, rules, onCreate, onUpdate, onRemove, }) {
+    const { t } = useTranslation();
+    const [actionType, setActionType] = useState('add_tag');
+    const [field, setField] = useState('');
+    const [value, setValue] = useState('');
+    const [saving, setSaving] = useState(false);
+    const fieldChoices = useMemo(() => automationFieldOptions(columns, actionType), [columns, actionType]);
+    // Keep the selected field valid for the current action type.
+    useEffect(() => {
+        if (!fieldChoices.some((c) => c.key === field)) {
+            setField(fieldChoices[0]?.key ?? '');
+        }
+    }, [fieldChoices, field]);
+    const label = t(stageLabel, { defaultValue: stageLabel });
+    const canSubmit = !!field && !!value.trim() && !saving;
+    const submit = async () => {
+        if (!canSubmit)
+            return;
+        setSaving(true);
+        try {
+            await onCreate({
+                model,
+                from_stage: '*',
+                to_stage: stageKey,
+                actions: [{ type: actionType, field, value: value.trim() }],
+                enabled: true,
+            });
+            setValue('');
+            toast.success(t('dynamic.automations.saved', {
+                defaultValue: 'Automatización guardada',
+            }));
+        }
+        catch {
+            // toast already surfaced by the hook; keep the draft.
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "sm:max-w-lg", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: t('dynamic.automations.title', {
+                                defaultValue: 'Automatizaciones · {{stage}}',
+                                stage: label,
+                            }) }), _jsx(DialogDescription, { children: t('dynamic.automations.description', {
+                                defaultValue: 'Al entrar una tarjeta a esta etapa se ejecutan estas acciones.',
+                            }) })] }), _jsx("div", { className: "flex flex-col gap-2", children: rules.length === 0 ? (_jsx("p", { className: "rounded-md border border-dashed px-3 py-6 text-center text-sm text-muted-foreground", children: t('dynamic.automations.empty', {
+                            defaultValue: 'Sin automatizaciones para esta etapa.',
+                        }) })) : (rules.map((rule) => (_jsxs("div", { className: "flex items-center gap-2 rounded-md border px-3 py-2", "data-testid": `automation-rule-${rule.id}`, children: [_jsx("div", { className: "min-w-0 flex-1", children: rule.actions.map((a, i) => (_jsx("p", { className: `truncate text-sm ${rule.enabled ? '' : 'text-muted-foreground line-through'}`, children: describeAction(a, columns, t) }, i))) }), _jsx(Switch, { checked: rule.enabled, onCheckedChange: (checked) => void onUpdate(rule.id, { enabled: checked }), "aria-label": t('dynamic.automations.toggle', {
+                                    defaultValue: 'Activar automatización',
+                                }), "data-testid": `automation-toggle-${rule.id}` }), _jsx(Button, { variant: "ghost", size: "icon", className: "size-7 shrink-0 text-muted-foreground hover:text-destructive", onClick: () => {
+                                    void onRemove(rule.id).then(() => toast.success(t('dynamic.automations.deleted', {
+                                        defaultValue: 'Automatización eliminada',
+                                    })));
+                                }, "aria-label": t('dynamic.automations.delete', {
+                                    defaultValue: 'Eliminar automatización',
+                                }), "data-testid": `automation-delete-${rule.id}`, children: _jsx(Trash2, { className: "h-4 w-4" }) })] }, String(rule.id))))) }), _jsxs("div", { className: "grid grid-cols-1 gap-3 rounded-md border bg-muted/30 p-3 sm:grid-cols-3", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { className: "text-xs", children: t('dynamic.automations.actionLabel', {
+                                        defaultValue: 'Acción',
+                                    }) }), _jsxs(Select, { value: actionType, onValueChange: (v) => setActionType(v), children: [_jsx(SelectTrigger, { "data-testid": "automation-action-select", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: ACTION_TYPES.map((at) => (_jsx(SelectItem, { value: at, children: t(`dynamic.automations.action.${at}`, {
+                                                    defaultValue: at === 'add_tag'
+                                                        ? 'Agregar tag'
+                                                        : at === 'remove_tag'
+                                                            ? 'Quitar tag'
+                                                            : 'Setear campo',
+                                                }) }, at))) })] })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { className: "text-xs", children: t('dynamic.automations.fieldLabel', {
+                                        defaultValue: 'Campo',
+                                    }) }), _jsxs(Select, { value: field, onValueChange: setField, disabled: fieldChoices.length === 0, children: [_jsx(SelectTrigger, { "data-testid": "automation-field-select", children: _jsx(SelectValue, { placeholder: t('dynamic.automations.noFields', {
+                                                    defaultValue: 'Sin campos',
+                                                }) }) }), _jsx(SelectContent, { children: fieldChoices.map((c) => (_jsx(SelectItem, { value: c.key, children: t(c.label, { defaultValue: c.label }) }, c.key))) })] })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { className: "text-xs", children: t('dynamic.automations.valueLabel', {
+                                        defaultValue: 'Valor',
+                                    }) }), _jsx(Input, { value: value, onChange: (e) => setValue(e.target.value), onKeyDown: (e) => {
+                                        if (e.key === 'Enter')
+                                            void submit();
+                                    }, placeholder: t('dynamic.automations.valuePlaceholder', {
+                                        defaultValue: 'Valor...',
+                                    }), "data-testid": "automation-value-input" })] })] }), _jsx(DialogFooter, { children: _jsxs(Button, { onClick: () => void submit(), disabled: !canSubmit, className: "gap-1", "data-testid": "automation-add", children: [_jsx(Plus, { className: "h-4 w-4" }), t('dynamic.automations.add', {
+                                defaultValue: 'Agregar regla',
+                            })] }) })] }) }));
+}