@oronts/vendure-data-hub-plugin 0.1.5 → 0.1.6

package/CHANGELOG.md

@@ -2,6 +2,38 @@
 
 All notable changes to the Data Hub Plugin are documented here.
 
+## [0.1.6] - 2026-03-29
+
+### Added
+- **Auto-generated list query types**: Vendure now auto-generates `SortParameter`, `FilterParameter`, and `ListOptions` input types for Pipeline, Log, Connection, and Secret list queries — enabling typed sort/filter on all list endpoints
+- **Direct load strategy support in import wizard**: Strategy step now accepts all backend `LoadStrategy` values (CREATE, UPDATE, UPSERT, MERGE, SOFT_DELETE, HARD_DELETE) in addition to wizard-internal mappings
+- **Wizard field mapping for loader configs**: Import wizard now correctly maps user-facing field names (e.g. `sku`, `name`) to loader config keys (e.g. `skuField`, `nameField`) using suffix-based resolution
+- **SSRF protection for database connection strings**: DSN/key-value connection strings are now parsed and validated against the hostname blocklist (PostgreSQL `host=`, MSSQL `Server=`, Oracle `Data Source=`)
+- **Database extractor SSL support**: Full SSL/TLS configuration for PostgreSQL and MySQL connections with CA/cert/key secret references
+- **Improved secret management**: Secret resolver now masks values in API responses, edit form shows "Existing value retained" guidance
+- **Connection config editor improvements**: Dynamic form fields per connection type, header editor with add/remove, auth type switching with field caching
+- **Pipeline run metrics**: Step summary table with per-step record counts, duration, and adapter info in run detail panel
+- **Dry run enhancements**: Summary tab with record counts, Record Diff tab showing field-level changes, Simulate tab with execution preview
+
+### Fixed
+- **List query sort/filter**: Replaced manual `sort: JSON` / `filter: JSON` schema definitions with Vendure auto-generated typed parameters — sort queries no longer crash with "Cannot read properties of undefined"
+- **Import wizard strategy mapping**: Selecting UPSERT, CREATE, MERGE, SOFT_DELETE, or HARD_DELETE in the strategy step no longer throws "Unknown strategy" error
+- **Connection create default type**: Creating a new connection without changing the type dropdown now correctly submits `type: "HTTP"` instead of an empty string
+- **Secret create default provider**: Creating a new secret without changing the provider dropdown now correctly submits `provider: "INLINE"` instead of an empty string
+- **Null options crash on list queries**: Passing no options to `dataHubPipelines`, `dataHubLogs`, `dataHubConnections`, or `dataHubSecrets` no longer crashes with null reference error
+- **Entity schema field type enum**: `dataHubLoaderEntitySchemas` now returns uppercase enum values (`STRING`, `NUMBER`, `LOCALIZED_STRING`) matching the GraphQL schema
+- **Record retry crash**: `retryDataHubRecord` mutation no longer crashes when accessing run relation — uses direct `runId` column instead
+- **Checkpoint query relation**: `dataHubCheckpoint` query now loads the pipeline relation to satisfy non-nullable GraphQL field
+- **Queue producer secret resolution**: Sink queue producer now resolves connection secrets before publishing messages
+- **Webhook delivery queue cap**: Queue eviction now protects in-flight deliveries and rejects new deliveries when at capacity
+- **REST extractor connection types**: REST extractor now accepts REST and GRAPHQL connection types alongside HTTP
+
+### Changed
+- **277 files updated** across backend, dashboard, and shared modules
+- **Dashboard codegen regenerated** with typed sort/filter parameters for all list queries
+- **Loader handlers**: Improved error diagnostics with SKU and variant ID context in error messages
+- **Security hardening**: URL security utils, SQL security, code security, and encryption utilities updated
+
 ## [0.1.5] - 2026-03-05
 
 ### Added
@@ -76,7 +108,7 @@ Initial production release of the Data Hub Plugin for Vendure.
 
 #### ETL Pipeline Engine
 - **Full pipeline orchestration**: Extract → Transform → Validate → Enrich → Route → Load → Export/Feed/Sink
-- **10 step types**: TRIGGER, EXTRACT, TRANSFORM, VALIDATE, ENRICH, ROUTE, LOAD, EXPORT, FEED, SINK, GATE
+- **11 step types**: TRIGGER, EXTRACT, TRANSFORM, VALIDATE, ENRICH, ROUTE, LOAD, EXPORT, FEED, SINK, GATE
 - **2 execution modes**: Linear (sequential) and Graph (parallel DAG)
 - **Checkpoint system**: Resumable pipeline runs with state persistence
 - **Error handling**: Quarantine, retry, replay, dead letter queue
@@ -267,7 +299,7 @@ import { createPipeline, DataHubPlugin } from '@oronts/vendure-data-hub-plugin';
 const productSync = createPipeline()
   .name('Product Import')
   .description('Daily product sync from ERP')
-  .trigger('SCHEDULE', { cronExpression: '0 2 * * *' })
+  .trigger('start', { type: 'SCHEDULE', cron: '0 2 * * *' })
   .extract('fetch-products', {
     adapterCode: 'httpApi',
     'connection.endpoint': 'https://erp.example.com/api/products',
@@ -337,7 +369,7 @@ DataHubPlugin.init({
 
 ### API
 
-**GraphQL API** (18 resolvers):
+**GraphQL API** (22 resolvers):
 - Pipeline CRUD operations
 - Run execution and monitoring
 - Connection management

package/CONTRIBUTING.md

@@ -49,7 +49,7 @@ data-hub/
 │   ├── entities/          # TypeORM entities (Pipeline, PipelineRun, etc.)
 │   ├── extractors/        # Data source extractors (REST, GraphQL, CSV, etc.)
 │   ├── feeds/             # Product feed generators (Google, Meta, Amazon, Custom)
-│   ├── jobs/              # Background job handlers
+│   ├── jobs/              # Pipeline execution handlers
 │   ├── loaders/           # Entity loaders (Product, Customer, Order, etc.)
 │   ├── mappers/           # Field mapping utilities
 │   ├── operators/         # Transform operators (string, numeric, date, etc.)
@@ -149,7 +149,7 @@ Types:
 
 1. Create a new file in `src/loaders/`
 2. Implement the `LoaderAdapter` interface
-3. Register it in `src/loaders/registry.ts`
+3. Register it in `src/runtime/executors/loaders/loader-handler-registry.ts`
 4. Add tests
 
 ### Adding a Transform Operator

package/README.md

@@ -25,9 +25,12 @@
   <a href="#operators">Operators</a> •
   <a href="#loaders">Loaders</a> •
   <a href="#hooks">Hooks</a> •
-  <a href="#documentation">Docs</a>
+  <a href="#documentation">Docs</a> •
+  <a href="#license">License</a>
 </p>
 
+> **License**: Commercial plugin — free for personal, learning, and non-commercial use. Commercial use requires a license. Contact **office@oronts.com** for details. See [License](#license).
+
 ---
 
 A full-featured ETL (Extract, Transform, Load) plugin for [Vendure](https://www.vendure.io/) e-commerce. Build data pipelines to import products, sync inventory, generate product feeds, index to search engines, and integrate with external systems.
@@ -886,7 +889,7 @@ The plugin includes a full-featured admin dashboard:
 - `completedAt` and `errorMessage` fields on pipeline runs for precise tracking
 
 ### Queue Management
-- View pending, running, and failed jobs
+- View pending, running, and failed pipeline runs
 - Dead letter queue for quarantined records
 - Retry failed records with payload patching
 

package/dashboard/components/common/ConnectionConfigEditor.tsx

@@ -9,7 +9,7 @@ import {
 } from '../../constants';
 import { useOptionValues, useConnectionSchemas } from '../../hooks/api/use-config-options';
 import type { ConnectionSchemaField } from '../../hooks/api/use-config-options';
-import { validateUrl, validatePort, validateHostname } from '../../utils';
+import { validateUrl, validatePort } from '../../utils';
 import { FieldError } from './ValidationFeedback';
 import type { UIConnectionType, HttpConnectionConfig, DataHubSecret } from '../../types';
 
@@ -150,9 +150,11 @@ function HttpConnectionFields({
         return rows;
     }, [normalized.headers]);
 
+    const [pendingEmptyRow, setPendingEmptyRow] = React.useState<HeaderRow | null>(null);
+
     const commitHeaders = (rows: HeaderRow[]) => {
-        const cleaned = rows.filter(row => row.name.trim() && row.value.trim());
-        const next = cleaned.length ? Object.fromEntries(cleaned.map(row => [row.name.trim(), row.value])) : undefined;
+        const withContent = rows.filter(row => row.name.trim());
+        const next = withContent.length ? Object.fromEntries(withContent.map(row => [row.name.trim(), row.value])) : undefined;
         updateConfig({ headers: next });
     };
 
@@ -215,7 +217,7 @@ function HttpConnectionFields({
                         type="button"
                         variant="outline"
                         size="sm"
-                        onClick={() => commitHeaders([...headerRows, createHeaderRow()])}
+                        onClick={() => setPendingEmptyRow(createHeaderRow())}
                         disabled={disabled}
                         aria-label="Add new HTTP header"
                     >
@@ -223,7 +225,7 @@ function HttpConnectionFields({
                         Add header
                     </Button>
                 </div>
-                {headerRows.length === 0 && <p className="text-sm text-muted-foreground">No headers configured.</p>}
+                {headerRows.length === 0 && !pendingEmptyRow && <p className="text-sm text-muted-foreground">No headers configured.</p>}
                 {headerRows.map(row => (
                     <div key={row.id} className="grid grid-cols-[1fr,1fr,auto] gap-3">
                         <Input
@@ -256,6 +258,41 @@ function HttpConnectionFields({
                         </Button>
                     </div>
                 ))}
+                {pendingEmptyRow && (
+                    <div key={pendingEmptyRow.id} className="grid grid-cols-[1fr,1fr,auto] gap-3">
+                        <Input
+                            placeholder={PLACEHOLDERS.HEADER_NAME}
+                            value={pendingEmptyRow.name}
+                            autoFocus
+                            onChange={e => {
+                                const name = e.target.value;
+                                if (name.trim()) {
+                                    commitHeaders([...headerRows, { ...pendingEmptyRow, name }]);
+                                    setPendingEmptyRow(null);
+                                } else {
+                                    setPendingEmptyRow({ ...pendingEmptyRow, name });
+                                }
+                            }}
+                            disabled={disabled}
+                        />
+                        <Input
+                            placeholder={PLACEHOLDERS.HEADER_VALUE}
+                            value={pendingEmptyRow.value}
+                            onChange={e => setPendingEmptyRow({ ...pendingEmptyRow, value: e.target.value })}
+                            disabled={disabled}
+                        />
+                        <Button
+                            type="button"
+                            variant="ghost"
+                            size="icon"
+                            onClick={() => setPendingEmptyRow(null)}
+                            disabled={disabled}
+                            aria-label="Remove header"
+                        >
+                            <Trash2 className="w-4 h-4" />
+                        </Button>
+                    </div>
+                )}
             </div>
 
             <div className="space-y-3" role="group" aria-labelledby="authentication-label">

package/dashboard/components/pipelines/PipelineImport.tsx

@@ -21,11 +21,12 @@ export function PipelineImportDialog({ onImport }: Readonly<Props>) {
         setParsed(null);
         try {
             const def = JSON.parse(text);
-            const result = await validateMutation.mutateAsync(def);
+            const result = await validateMutation.mutateAsync({ definition: def });
             if (result?.isValid) {
                 setParsed(def);
             } else {
-                setErrors(result?.errors ?? ['Invalid definition']);
+                const issueMessages = (result?.issues as Array<{ message: string }> | undefined)?.map(i => i.message) ?? ['Invalid definition'];
+                setErrors(issueMessages);
             }
         } catch (e) {
             setErrors([getErrorMessage(e)]);

package/dashboard/components/pipelines/ReactFlowPipelineEditor.tsx

@@ -63,6 +63,8 @@ export function ReactFlowPipelineEditor({
     const reactFlowRef = React.useRef<HTMLDivElement>(null);
 
     const isUpdatingRef = React.useRef(false);
+    const nodesRef = React.useRef(nodes);
+    nodesRef.current = nodes;
 
     const getDefinitionKey = React.useCallback((def: VisualPipelineDefinition | null) => {
         if (!def) return '';
@@ -90,7 +92,7 @@ export function ReactFlowPipelineEditor({
         if (newKey !== currentKey) {
             lastSyncedKeyRef.current = newKey;
 
-            const positionMap = new Map(nodes.map(n => [n.id, n.position]));
+            const positionMap = new Map(nodesRef.current.map(n => [n.id, n.position]));
 
             const updatedNodes = definition.nodes.map(n => ({
                 ...n,
@@ -100,7 +102,7 @@ export function ReactFlowPipelineEditor({
             setNodes(updatedNodes);
             setEdges(definition.edges);
         }
-    }, [definition, nodes, setNodes, setEdges, getDefinitionKey]);
+    }, [definition, getDefinitionKey]);
 
     const notifyChange = React.useCallback((newNodes: Node<PipelineNodeData>[], newEdges: Edge[]) => {
         isUpdatingRef.current = true;
@@ -139,7 +141,7 @@ export function ReactFlowPipelineEditor({
         event.dataTransfer.effectAllowed = 'move';
     }, []);
 
-    /** Add a node directly to the canvas center -- used by keyboard accessibility path
+    /** Add a node directly to the canvas center. Used by keyboard accessibility path
      *  where a real drag-drop gesture is not possible. */
     const addNodeToCanvas = React.useCallback((nodeType: string, category: string, label: string) => {
         const bounds = reactFlowRef.current?.getBoundingClientRect();
@@ -149,7 +151,7 @@ export function ReactFlowPipelineEditor({
         };
 
         const newNode: Node<PipelineNodeData> = {
-            id: `node-${Date.now()}`,
+            id: `node-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`,
             type: category,
             position,
             data: {
@@ -187,7 +189,7 @@ export function ReactFlowPipelineEditor({
             };
 
             const newNode: Node<PipelineNodeData> = {
-                id: `node-${Date.now()}`,
+                id: `node-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`,
                 type: category,
                 position,
                 data: {
@@ -249,10 +251,6 @@ export function ReactFlowPipelineEditor({
         setSelectedNode(null);
     }, []);
 
-    const handleAutoLayout = React.useCallback(() => {
-        autoLayout();
-    }, [autoLayout]);
-
     const issueMap = React.useMemo(() => {
         const issueCountMap = new Map<string, number>();
         for (const issue of issues) {
@@ -279,7 +277,7 @@ export function ReactFlowPipelineEditor({
                         <Badge variant="outline">{nodes.length} nodes</Badge>
                         <Badge variant="outline">{edges.length} connections</Badge>
                         {!readOnly && (
-                            <Button variant="ghost" size="sm" onClick={handleAutoLayout} className="gap-1 text-xs" data-testid="datahub-pipeline-editor-auto-layout-button" aria-label="Auto-layout pipeline nodes">
+                            <Button variant="ghost" size="sm" onClick={autoLayout} className="gap-1 text-xs" data-testid="datahub-pipeline-editor-auto-layout-button" aria-label="Auto-layout pipeline nodes">
                                 <LayoutGrid className="w-3 h-3" />
                                 Auto-layout
                             </Button>

package/dashboard/components/pipelines/shared/NodePropertiesPanel.tsx

@@ -63,7 +63,7 @@ function NodePropertiesPanelComponent({
         const startW = width;
         const onMove = (ev: MouseEvent) => {
             if (!dragging.current) return;
-            // Panel opens from right — dragging left increases width
+            // Panel opens from right, dragging left increases width
             const delta = startX - ev.clientX;
             setWidth(Math.max(MIN_PANEL_WIDTH, Math.min(window.innerWidth * 0.9, startW + delta)));
         };

package/dashboard/components/pipelines/shared/PipelineNode.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Handle, Position, NodeProps, Node } from '@xyflow/react';
 import { Badge } from '@vendure/dashboard';
 import type { PipelineNodeData, VisualNodeCategory } from '../../../types';
-import { getVisualNodeConfig, VisualNodeConfig } from './visual-node-config';
+import { getVisualNodeConfig } from './visual-node-config';
 import { FALLBACK_COLORS, BRANCH_COLORS, NODE_DIMENSIONS, ICON_SIZES, TEST_STATUS } from '../../../constants';
 
 export function createPipelineNode(category: VisualNodeCategory) {
@@ -117,7 +117,7 @@ function StatusBadge({ status }: { status: PipelineNodeData['status'] }) {
         case TEST_STATUS.WARNING:
             return (
                 <div className="px-3 pb-2" role="status" aria-live="polite">
-                    <Badge variant="outline" className="border-amber-500 text-amber-500">Warning</Badge>
+                    <Badge variant="outline" className="border-amber-500 dark:border-amber-400 text-amber-500 dark:text-amber-400">Warning</Badge>
                 </div>
             );
         default:

package/dashboard/components/shared/step-config/AdapterRequiredWarning.tsx

@@ -15,10 +15,10 @@ export const AdapterRequiredWarning = memo(function AdapterRequiredWarning({
         <div className={`bg-amber-50 dark:bg-amber-950/30 border border-amber-200 dark:border-amber-800 rounded-md ${compact ? 'p-2.5' : 'p-3'}`}>
             <div className="flex items-center gap-2 text-amber-800 dark:text-amber-400">
                 <AlertTriangle className={`${compact ? 'h-4 w-4 shrink-0' : 'h-4 w-4'}`} />
-                <span className="text-sm font-medium">Select {adapterTypeLabel.startsWith('a') ? 'an' : 'a'} {adapterTypeLabel}</span>
+                <span className="text-sm font-medium">Select {'aeiouAEIOU'.includes(adapterTypeLabel[0]) ? 'an' : 'a'} {adapterTypeLabel}</span>
             </div>
-            <p className={`text-xs text-amber-700 mt-1 ${compact ? 'ml-6' : ''}`}>
-                This step requires {adapterTypeLabel.startsWith('a') ? 'an' : 'a'} {adapterTypeLabel} to be configured.
+            <p className={`text-xs text-amber-700 dark:text-amber-500 mt-1 ${compact ? 'ml-6' : ''}`}>
+                This step requires {'aeiouAEIOU'.includes(adapterTypeLabel[0]) ? 'an' : 'a'} {adapterTypeLabel} to be configured.
             </p>
         </div>
     );

package/dashboard/components/shared/step-config/AdvancedEditors.tsx

@@ -207,7 +207,7 @@ export function AdvancedMapEditor({ config, onChange }: { config: JsonRecord; on
                     <div>
                         <Label className="text-xs font-medium">Sample Input (JSON array)</Label>
                         <Textarea className="font-mono text-xs min-h-[140px]" value={sample} onChange={e => setSample(e.target.value)} />
-                        {!sampleValid && (<p className="text-[11px] text-amber-600 mt-1">Enter a valid JSON array of records</p>)}
+                        {!sampleValid && (<p className="text-[11px] text-amber-600 dark:text-amber-400 mt-1">Enter a valid JSON array of records</p>)}
                         {pathList.length > 0 && (
                             <div className="mt-2">
                                 <Label className="text-xs font-medium">Field Picker</Label>
@@ -442,7 +442,7 @@ const RuleValueCell = React.memo(function RuleValueCell({ condition: c, ruleInde
             <Input value={valStr} onChange={onValChange} placeholder={placeholder} />
             {(inError || regexError) && (
                 <div className="col-span-3 -mt-1">
-                    <p className="text-[11px] text-amber-600">{inError || regexError}</p>
+                    <p className="text-[11px] text-amber-600 dark:text-amber-400">{inError || regexError}</p>
                 </div>
             )}
         </>

package/dashboard/components/shared/step-config/EnrichConfigComponent.tsx

@@ -163,7 +163,7 @@ interface EnrichSchemaFieldProps {
     removeDefault: (index: number) => void;
 }
 
-/** Field type renderer registry -- maps field.type to a render function. */
+/** Field type renderer registry: maps field.type to a render function. */
 type EnrichFieldRenderer = (props: EnrichSchemaFieldProps) => React.JSX.Element;
 
 const ENRICH_FIELD_RENDERERS: Record<string, EnrichFieldRenderer> = {

package/dashboard/components/shared/step-config/GateConfigComponent.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { useCallback, useEffect, useRef } from 'react';
 import {
     Label,

package/dashboard/components/shared/step-config/OperatorFieldInput.tsx

@@ -80,7 +80,7 @@ export function OperatorFieldInput({ field, value, onChange }: OperatorFieldInpu
         );
     }
 
-    // Code field type — full code editor with line numbers, Tab support, and expand dialog
+    // Code field type: full code editor with line numbers, Tab support, and expand dialog
     if (field.type === FIELD_TYPE.CODE || field.type === FIELD_TYPE.EXPRESSION) {
         return (
             <div className="space-y-1.5">

package/dashboard/components/shared/step-config/RouteConfigComponent.tsx

@@ -11,7 +11,7 @@ import {
     SelectValue,
 } from '@vendure/dashboard';
 import { ROUTE_BRANCH_DEFAULTS, ERROR_MESSAGES } from '../../../constants';
-import { useStableKeys } from '../../../hooks';
+import { useStableKeys, useStableIndexIds } from '../../../hooks';
 import { useComparisonOperators } from '../../../hooks/api/use-config-options';
 import type { ComparisonOperatorOption } from '../../../hooks/api/use-config-options';
 
@@ -147,6 +147,7 @@ function BranchEditor({
     index,
 }: BranchEditorProps) {
     const conditions = branch.when ?? [];
+    const conditionKeys = useStableIndexIds(conditions, `branch-${index}-cond`);
     const [expanded, setExpanded] = React.useState(conditions.length > 0);
 
     const addCondition = useCallback(() => {
@@ -167,7 +168,6 @@ function BranchEditor({
 
     return (
         <div className="border rounded-md overflow-hidden">
-            {/* Branch header: name + delete */}
             <div className="flex items-center gap-2 p-2 bg-muted/30">
                 <button
                     type="button"
@@ -202,7 +202,6 @@ function BranchEditor({
                 </Button>
             </div>
 
-            {/* Conditions section */}
             {expanded && (
                 <div className="p-2 space-y-2 border-t">
                     {conditions.length === 0 ? (
@@ -216,7 +215,7 @@ function BranchEditor({
                             </p>
                             {conditions.map((cond, ci) => (
                                 <ConditionRow
-                                    key={ci}
+                                    key={conditionKeys[ci]}
                                     condition={cond}
                                     comparisonOperators={comparisonOperators}
                                     onUpdate={(patch) => updateCondition(ci, patch)}

package/dashboard/components/shared/step-config/StepConfigPanel.tsx

@@ -10,17 +10,15 @@ import {
     Label,
     Separator,
 } from '@vendure/dashboard';
-import { Trash2, Settings2 } from 'lucide-react';
+import { Trash2 } from 'lucide-react';
 
 import { SchemaFormRenderer } from '../schema-form';
-import {
-    AdapterSelector,
-    AdapterRequiredWarning,
-    ValidateConfigComponent,
-    RouteConfigComponent,
-    EnrichConfigComponent,
-    GateConfigComponent,
-} from './index';
+import { AdapterSelector } from './AdapterSelector';
+import { AdapterRequiredWarning } from './AdapterRequiredWarning';
+import { ValidateConfigComponent } from './ValidateConfigComponent';
+import { RouteConfigComponent } from './RouteConfigComponent';
+import { EnrichConfigComponent } from './EnrichConfigComponent';
+import { GateConfigComponent } from './GateConfigComponent';
 import { TriggerForm } from '../trigger-config';
 import { OperatorCheatSheetButton } from './OperatorCheatSheetButton';
 import {
@@ -37,7 +35,6 @@ import { getAdapterTypeLabel, prepareDynamicFields, normalizeStepType, getAdapte
 import {
     STEP_TYPE,
     ADAPTER_TYPES,
-    NODE_CATEGORIES,
     PANEL_VARIANT,
     FALLBACK_COLORS,
 } from '../../../constants';

package/dashboard/components/shared/step-config/ValidateConfigComponent.tsx

@@ -73,9 +73,7 @@ export function ValidateConfigComponent({
     showRulesEditor = true,
 }: ValidateConfigComponentProps) {
     const { schemas: ruleTypeSchemas } = useValidationRuleSchemas();
-    const ruleTypes = ruleTypeSchemas;
     const { options: validationModes } = useOptionValues('validationModes');
-    const errorHandlingOptions = validationModes;
     const errorHandlingMode = (config.errorHandlingMode as string) || '';
     const validationMode = (config.validationMode as string) || '';
     const rawRules = (config.rules as ValidationRule[]) || [];
@@ -152,7 +150,7 @@ export function ValidateConfigComponent({
                             <SelectValue />
                         </SelectTrigger>
                         <SelectContent>
-                            {errorHandlingOptions.map((mode) => (
+                            {validationModes.map((mode) => (
                                 <SelectItem key={mode.value} value={mode.value}>
                                     {mode.label}
                                 </SelectItem>
@@ -192,7 +190,6 @@ export function ValidateConfigComponent({
                             key={rule.id}
                             rule={rule}
                             index={index}
-                            ruleTypes={ruleTypes}
                             ruleTypeSchemas={ruleTypeSchemas}
                             updateRule={updateRule}
                             removeRule={removeRule}
@@ -207,7 +204,6 @@ export function ValidateConfigComponent({
 interface ValidationRuleRowProps {
     rule: ValidationRuleWithId;
     index: number;
-    ruleTypes: TypedOptionValue[];
     ruleTypeSchemas: TypedOptionValue[];
     updateRule: (index: number, spec: ValidationRule['spec']) => void;
     removeRule: (index: number) => void;
@@ -216,7 +212,6 @@ interface ValidationRuleRowProps {
 const ValidationRuleRow = memo(function ValidationRuleRow({
     rule,
     index,
-    ruleTypes,
     ruleTypeSchemas,
     updateRule,
     removeRule,
@@ -262,7 +257,7 @@ const ValidationRuleRow = memo(function ValidationRuleRow({
                             <SelectValue />
                         </SelectTrigger>
                         <SelectContent>
-                            {ruleTypes.map((rt) => (
+                            {ruleTypeSchemas.map((rt) => (
                                 <SelectItem key={rt.value} value={rt.value}>
                                     {rt.label}
                                 </SelectItem>

package/dashboard/components/templates/TemplateGallery.tsx

@@ -18,7 +18,6 @@ export interface TemplateGalleryProps {
     categories: CategoryInfo[];
     selectedTemplate?: ImportTemplate | null;
     onSelectTemplate: (template: ImportTemplate) => void;
-    onUseTemplate?: (template: ImportTemplate) => void;
 }
 
 function TemplateCardComponent({
@@ -127,12 +126,10 @@ function TemplateGalleryComponent({
     const filteredTemplates = React.useMemo(() => {
         let filtered = templates;
 
-        // Filter by category
         if (selectedCategory !== 'all') {
             filtered = filtered.filter(t => t.category === selectedCategory);
         }
 
-        // Filter by search query
         return filterTemplates(filtered, searchQuery);
     }, [templates, selectedCategory, searchQuery]);
 

package/dashboard/components/wizards/export-wizard/ReviewStep.tsx

@@ -14,7 +14,7 @@ import {
 } from 'lucide-react';
 import { VENDURE_ENTITY_LIST } from '../../../../shared';
 import { useDestinationSchemas } from '../../../hooks/api/use-config-options';
-import { formatFieldLabel } from '../../../utils/formatters';
+import { formatKey } from '../../../utils/formatters';
 import { WizardStepContainer } from '../shared';
 import { ConfigurationNameCard, SummaryCard, SummaryCardGrid, SummaryField } from '../../shared/wizard';
 import { STEP_CONTENT, EXPORT_PLACEHOLDERS } from './constants';
@@ -224,7 +224,7 @@ function renderGenericConfigFields(destination: DestinationConfig): React.ReactN
     return Object.entries(config)
         .filter(([, v]) => v != null && v !== '' && v !== false)
         .map(([key, value]) => (
-            <SummaryField key={key} label={formatFieldLabel(key)}>
+            <SummaryField key={key} label={formatKey(key)}>
                 {typeof value === 'object' ? JSON.stringify(value) : String(value)}
             </SummaryField>
         ));

package/dashboard/components/wizards/import-wizard/ImportWizard.tsx

@@ -98,7 +98,6 @@ export function ImportWizard({ onComplete, onCancel, initialConfig, isSubmitting
         isSubmitting,
     });
 
-    // Handle template selection
     const handleSelectTemplate = React.useCallback((template: ImportTemplate | null) => {
         setSelectedTemplate(template);
     }, []);
@@ -127,7 +126,6 @@ export function ImportWizard({ onComplete, onCancel, initialConfig, isSubmitting
         toast.success(TOAST_WIZARD.TEMPLATE_SELECTED);
     }, [setConfig, setCurrentStep]);
 
-    // Handle starting from scratch
     const handleStartFromScratch = React.useCallback(() => {
         setStartedFromScratch(true);
         setSelectedTemplate(null);
@@ -303,7 +301,7 @@ export function ImportWizard({ onComplete, onCancel, initialConfig, isSubmitting
                 )}
 
                 {currentStepId === IMPORT_STEP_ID.TARGET && (
-                    <TargetStep config={config} updateConfig={updateConfig} errors={attemptedNext ? stepErrors : {}} />
+                    <TargetStep config={config} updateConfig={updateConfig} />
                 )}
 
                 {currentStepId === IMPORT_STEP_ID.MAPPING && (
@@ -312,7 +310,6 @@ export function ImportWizard({ onComplete, onCancel, initialConfig, isSubmitting
                         updateConfig={updateConfig}
                         sourceFields={parsedData?.headers ?? []}
                         sampleData={parsedData?.rows ?? []}
-                        errors={attemptedNext ? stepErrors : {}}
                     />
                 )}
 
@@ -321,11 +318,11 @@ export function ImportWizard({ onComplete, onCancel, initialConfig, isSubmitting
                 )}
 
                 {currentStepId === IMPORT_STEP_ID.STRATEGY && (
-                    <StrategyStep config={config} updateConfig={updateConfig} errors={attemptedNext ? stepErrors : {}} />
+                    <StrategyStep config={config} updateConfig={updateConfig} />
                 )}
 
                 {currentStepId === IMPORT_STEP_ID.TRIGGER && (
-                    <TriggerStep config={config} updateConfig={updateConfig} errors={attemptedNext ? stepErrors : {}} />
+                    <TriggerStep config={config} updateConfig={updateConfig} />
                 )}
 
                 {currentStepId === IMPORT_STEP_ID.REVIEW && (

package/dashboard/components/wizards/import-wizard/MappingStep.tsx

@@ -1,4 +1,4 @@
-import { useMemo, useCallback, memo, type MouseEvent } from 'react';
+import { useMemo, useCallback, memo } from 'react';
 import {
     Button,
     Card,
@@ -29,7 +29,6 @@ interface MappingStepProps {
     updateConfig: (updates: Partial<ImportConfiguration>) => void;
     sourceFields: string[];
     sampleData: Record<string, unknown>[];
-    errors?: Record<string, string>;
 }
 
 export function MappingStep({
@@ -37,7 +36,6 @@ export function MappingStep({
     updateConfig,
     sourceFields,
     sampleData,
-    errors = {},
 }: MappingStepProps) {
     const updateMapping = useCallback((index: number, updates: Partial<FieldMapping>) => {
         const newMappings = [...(config.mappings ?? [])];
@@ -274,8 +272,8 @@ function UnmappedFieldsWarning({ config }: UnmappedFieldsWarningProps) {
                 <div className="flex items-start gap-3">
                     <AlertCircle className="w-5 h-5 text-amber-600 flex-shrink-0 mt-0.5" />
                     <div>
-                        <div className="font-medium text-amber-800">Unmapped Required Fields</div>
-                        <div className="text-sm text-amber-700 mt-1">
+                        <div className="font-medium text-amber-800 dark:text-amber-200">Unmapped Required Fields</div>
+                        <div className="text-sm text-amber-700 dark:text-amber-300 mt-1">
                             {unmappedRequiredFields.join(', ')}
                         </div>
                     </div>

package/dashboard/components/wizards/import-wizard/ReviewStep.tsx

@@ -17,7 +17,7 @@ import { VENDURE_ENTITY_LIST } from '../../../../shared';
 import { WizardStepContainer } from '../shared';
 import { ConfigurationNameCard, SummaryCard, SummaryCardGrid, SummaryField } from '../../shared/wizard';
 import { useAdaptersByType } from '../../../hooks/api/use-adapters';
-import { formatFieldLabel } from '../../../utils/formatters';
+import { formatKey } from '../../../utils/formatters';
 import { STEP_CONTENT, IMPORT_PLACEHOLDERS } from './constants';
 import type { ImportConfiguration } from './types';
 import type { ImportSourceConfig } from '../../../types/wizard';
@@ -256,7 +256,7 @@ function renderDynamicSourceFields(
         .filter(([, v]) => v != null && v !== '' && v !== false)
         .map(([key, value]) => {
             const schemaField = schemaFields?.find(f => f.key === key);
-            const label = schemaField?.label ?? formatFieldLabel(key);
+            const label = schemaField?.label ?? formatKey(key);
             return (
                 <SummaryField key={key} label={label}>
                     {typeof value === 'object' ? JSON.stringify(value) : String(value)}