@msbci/form-editor 1.3.3 → 1.3.5

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React, { ReactNode, ComponentType } from 'react';
-import { IFormDefinition, IFormPage, IFormRoster, IFormVariable, IVariableTemplate, IVariableTemplateOverrides, IFormType, IScope, IDataSourceConnector, VariableType, RosterType, IConditionRule, IRosterVariableRef } from '@msbci/form-core';
+import { IFormDefinition, IFormPage, IFormRoster, IFormVariable, IVariableTemplate, IVariableTemplateOverrides, IFormType, IScope, IDataSourceConfig, IDataSourceConnector, VariableType, RosterType, IConditionRule, IRosterVariableRef } from '@msbci/form-core';
 export { IDataSourceConnector, IFormDefinition, IFormPage, IFormRoster, IFormVariable, IMosobiThemeBase } from '@msbci/form-core';
 import * as zustand from 'zustand';
 import { DragEndEvent } from '@dnd-kit/core';
@@ -53,6 +53,38 @@ interface IEditorAdapter {
      * empty list (the user can no longer pick from existing scopes).
      */
     loadScopes?: () => Promise<IScope[]>;
+    /** Optional — create a new {@link IScope}. */
+    createScope?: (data: Omit<IScope, 'id' | 'createdAt' | 'updatedAt'>) => Promise<IScope>;
+    /** Optional — update an existing {@link IScope}. */
+    updateScope?: (id: string, data: Partial<Omit<IScope, 'id' | 'code' | 'tenantId' | 'createdAt' | 'updatedAt'>>) => Promise<IScope>;
+    /** Optional — hard-delete a scope (server returns 409 if still in use). */
+    deleteScope?: (id: string) => Promise<void>;
+    /**
+     * Optional — create a {@link IVariableTemplate} within a scope.
+     * `code` and `name` are immutable identity fields enforced by the server.
+     */
+    createTemplate?: (scopeId: string, data: Omit<IVariableTemplate, 'id' | 'scopeId' | 'tenantId' | 'createdAt' | 'updatedAt'>) => Promise<IVariableTemplate>;
+    /**
+     * Optional — update a {@link IVariableTemplate}. `code` and `name` are
+     * not in the payload type because the server rejects any attempt to
+     * change them.
+     */
+    updateTemplate?: (id: string, data: Partial<Omit<IVariableTemplate, 'id' | 'code' | 'name' | 'scopeId' | 'tenantId' | 'createdAt' | 'updatedAt'>>) => Promise<IVariableTemplate>;
+    /** Optional — hard-delete a {@link IVariableTemplate}. */
+    deleteTemplate?: (id: string) => Promise<void>;
+    /**
+     * Optional — fetch the {@link IDataSourceConfig} list of a scope.
+     * Called once per scope when `FormEditor` mounts and whenever
+     * `form.scopeIds` changes. The editor merges results across scopes
+     * (first scope wins on `code` conflicts).
+     */
+    loadDataSources?: (scopeId: string) => Promise<IDataSourceConfig[]>;
+    /** Optional — create a {@link IDataSourceConfig} within a scope. */
+    createDataSource?: (scopeId: string, data: Omit<IDataSourceConfig, 'id' | 'scopeId' | 'createdAt' | 'updatedAt'>) => Promise<IDataSourceConfig>;
+    /** Optional — update an existing {@link IDataSourceConfig}. */
+    updateDataSource?: (id: string, data: Partial<Omit<IDataSourceConfig, 'id' | 'scopeId' | 'createdAt' | 'updatedAt'>>) => Promise<IDataSourceConfig>;
+    /** Optional — hard-delete a {@link IDataSourceConfig}. */
+    deleteDataSource?: (id: string) => Promise<void>;
 }
 /** Complete editor state */
 interface EditorState {
@@ -78,6 +110,13 @@ interface EditorState {
      * `adapter.loadScopes()`). Out of the undo/redo history.
      */
     availableScopes: IScope[];
+    /**
+     * Data source configs available for the current form's scopes.
+     * Each entry keeps its `scopeId` so the manager can surface provenance.
+     * Deduplicated by `code` (first scope of `form.scopeIds` wins) when
+     * populated by `FormEditor`. Out of the undo/redo history.
+     */
+    availableDataSources: IDataSourceConfig[];
 }
 /** Editor actions */
 interface EditorActions {
@@ -134,6 +173,8 @@ interface EditorActions {
     setAvailableTemplates: (templates: IVariableTemplate[]) => void;
     /** Replace the scope list shown in the FormProperties scope picker. */
     setAvailableScopes: (scopes: IScope[]) => void;
+    /** Replace the data-source list surfaced to the DataSourceConfigManager. */
+    setAvailableDataSources: (configs: IDataSourceConfig[]) => void;
     setAdapter: (adapter: IEditorAdapter) => void;
     save: () => Promise<void>;
     load: (formId: string) => Promise<void>;
@@ -165,6 +206,14 @@ interface IEditorLabels {
         formProperties: string;
         types: string;
         manageFormTypesTitle: string;
+        /** Header button that opens the DataSourceConfigManager dialog. */
+        dataSources: string;
+        /** Tooltip on the DataSources header button. */
+        manageDataSourcesTitle: string;
+        /** Header button that opens the ScopeManagerDialog. */
+        scopes: string;
+        /** Tooltip on the Scopes header button. */
+        manageScopesTitle: string;
         undo: string;
         redo: string;
         save: string;
@@ -413,6 +462,123 @@ interface IEditorLabels {
         dependencyKeyPlaceholder: string;
         addDependency: string;
     };
+    scopeManager: {
+        dialogAriaLabel: string;
+        title: string;
+        closeAriaLabel: string;
+        addScope: string;
+        newScopeName: string;
+        newScopeCodePlaceholder: string;
+        manageVariables: string;
+        confirmDelete: string;
+        deleteConfirm: string;
+        deleteCancel: string;
+        noScopes: string;
+        saveButton: string;
+        cancelButton: string;
+        /** Inline error shown when the server returns 409 on delete. */
+        deleteError: string;
+        /** ARIA labels for row actions. */
+        editScopeAria: (code: string) => string;
+        removeScopeAria: (code: string) => string;
+        manageVariablesAria: (code: string) => string;
+    };
+    variableTemplateManager: {
+        dialogAriaLabel: string;
+        title: (scopeName: string) => string;
+        closeAriaLabel: string;
+        addTemplate: string;
+        code: string;
+        name: string;
+        type: string;
+        description: string;
+        placeholder: string;
+        required: string;
+        readonly: string;
+        hidden: string;
+        options: string;
+        expression: string;
+        dataSourceId: string;
+        advancedSection: string;
+        validationRules: string;
+        conditions: string;
+        style: string;
+        confirmDelete: string;
+        deleteConfirm: string;
+        deleteCancel: string;
+        noTemplates: string;
+        saveButton: string;
+        cancelButton: string;
+        /** Inline error when the new code already exists in the scope. */
+        duplicateCodeError: string;
+        /** Read-only badge label for code field. */
+        readonlyCode: string;
+        /** Read-only badge label for name field. */
+        readonlyName: string;
+        /** ARIA labels for row actions. */
+        editTemplateAria: (code: string) => string;
+        removeTemplateAria: (code: string) => string;
+        /** Back to scope list button (header). */
+        backToScopes: string;
+    };
+    dataSourceManager: {
+        /** ARIA label of the dialog root. */
+        dialogAriaLabel: string;
+        /** Visible dialog title. */
+        title: string;
+        /** Close button aria-label. */
+        closeAriaLabel: string;
+        /** "+ Ajouter une source" CTA. */
+        addButton: string;
+        /** Empty-state message when the scope has no sources yet. */
+        noSources: string;
+        /** Empty-state message when the form has no scope at all. */
+        noScope: string;
+        /** Filter label when multiple scopes are linked to the form. */
+        scopeFilterLabel: string;
+        /** Inline form: code field label. */
+        fieldCode: string;
+        /** Inline form: name field label. */
+        fieldName: string;
+        /** Inline form: url field label. */
+        fieldUrl: string;
+        /** Inline form: method field label. */
+        fieldMethod: string;
+        /** Inline form: queryParam field label. */
+        fieldQueryParam: string;
+        /** Inline form: valueField label. */
+        fieldValueField: string;
+        /** Inline form: labelField label. */
+        fieldLabelField: string;
+        /** Inline form: headers section label. */
+        fieldHeaders: string;
+        /** Header row: key placeholder. */
+        headerKeyPlaceholder: string;
+        /** Header row: value placeholder. */
+        headerValuePlaceholder: string;
+        /** Add-header button. */
+        addHeader: string;
+        /** Inline form: dependencies section label. */
+        fieldDependencies: string;
+        /** Dep row: url param placeholder. */
+        dependencyParamPlaceholder: string;
+        /** Dep row: variable code placeholder. */
+        dependencyVarPlaceholder: string;
+        /** Add-dependency button. */
+        addDependency: string;
+        /** Submit button (create or update). */
+        save: string;
+        /** Cancel button. */
+        cancel: string;
+        /** Edit row pencil button aria-label. */
+        editAria: (code: string) => string;
+        /** Delete row × button aria-label. */
+        deleteAria: (code: string) => string;
+        /** Provenance badge: which scope the source belongs to. */
+        scopeBadge: (scopeCode: string) => string;
+        /** Confirm message before deletion. */
+        confirmDelete: (code: string) => string;
+    };
     formTypesDialog: {
         dialogAriaLabel: string;
         title: string;
@@ -626,7 +792,11 @@ interface DataSourceSelectorProps {
     dataSourceId?: string;
     /** Current dependency mapping: { depKey: variableCode } */
     dependencies?: Record<string, string>;
-    /** Registered connectors available for selection */
+    /**
+     * Legacy connectors injected by the host code. Merged with the
+     * admin-managed configs from the store (the store wins on `id` clash —
+     * the editor surfaces what admins actually configured).
+     */
     availableConnectors: IDataSourceConnector[];
     /** All variable codes available for dependency mapping */
     availableVariables: Array<{
@@ -640,4 +810,77 @@ interface DataSourceSelectorProps {
 }
 declare function DataSourceSelector({ dataSourceId, dependencies, availableConnectors, availableVariables, onConnectorChange, onDependenciesChange, }: DataSourceSelectorProps): react_jsx_runtime.JSX.Element;
 
-export { type ActiveDragData, Canvas, Canvas as CanvasDnd, CanvasSimple, ConditionBuilder, type ConditionBuilderProps, DataSourceSelector, type DataSourceSelectorProps, type DeepPartial, DndManager, type DragEndActions, type EditorActions, EditorLabelsProvider, type EditorSelection, type EditorState, type EditorStore, EditorToolbar, type EditorView, FormEditor, type FormEditorProps, type HistoryEntry, type IEditorAdapter, type IEditorLabels, type OverDropData, PropertiesPanel, Toolbox, Toolbox as ToolboxDnd, ToolboxSimple, createDragEndHandler, frLabels as defaultLabels, enLabels, frLabels, mergeLabels, useEditorStore, useLabels };
+/**
+ * DataSourceConfigManager — admin CRUD for IDataSourceConfig within
+ * the scope(s) linked to the current form.
+ *
+ * Renders a native React modal (same pattern as FormTypesDialog) with:
+ *   - A scope filter (visible only when the form has more than one scope)
+ *   - The list of `availableDataSources` filtered by selected scope
+ *   - An inline add/edit form for code, name, url, method, queryParam,
+ *     value/label fields, headers (key/value rows), and dependencies
+ *     (urlParam → variable code rows)
+ *
+ * Persistence goes through the adapter's CRUD methods; the store is
+ * refreshed by mutating `availableDataSources` locally (optimistic — the
+ * server is the source of truth). FormEditor's effect will re-load on
+ * the next scope change.
+ */
+interface DataSourceConfigManagerProps {
+    open: boolean;
+    onClose: () => void;
+}
+declare function DataSourceConfigManager({ open, onClose }: DataSourceConfigManagerProps): react_jsx_runtime.JSX.Element | null;
+
+/**
+ * ScopeManagerDialog — admin CRUD for {@link IScope} entries.
+ *
+ * Mirrors the `FormTypesDialog` visual pattern (native modal, inline
+ * edit, delete-with-confirm) but persists through the editor adapter:
+ *   - `adapter.createScope(data)`
+ *   - `adapter.updateScope(id, data)`
+ *   - `adapter.deleteScope(id)` — server returns 409 if forms, templates,
+ *     or data sources still reference the scope; the dialog surfaces the
+ *     message inline in red.
+ *
+ * Provides a "Gérer les variables →" affordance per row that opens
+ * `VariableTemplateManager` scoped to that scope.
+ */
+interface ScopeManagerDialogProps {
+    open: boolean;
+    onClose: () => void;
+}
+declare function ScopeManagerDialog({ open, onClose }: ScopeManagerDialogProps): react_jsx_runtime.JSX.Element | null;
+
+/**
+ * VariableTemplateManager — admin CRUD for {@link IVariableTemplate}
+ * entries within a single scope.
+ *
+ * Flow:
+ *   1. Mount: re-fetch `adapter.loadTemplates(scopeId)` to get an
+ *      authoritative list (the store may only carry templates of scopes
+ *      attached to the current form).
+ *   2. CRUD via adapter; optimistic updates on the local list, no refetch.
+ *
+ * Identity:
+ *   - `code` and `name` are immutable after creation (server enforces).
+ *     The edit form shows them disabled, with a "(immuable)" badge.
+ *
+ * Conditional fields:
+ *   - `options` editor surfaces only for select/multiselect/radio/checkbox/listradio.
+ *   - `expression` only for `calculated`.
+ *   - `dataSourceId` only for select/multiselect.
+ *
+ * Advanced section (collapsed by default): validationRules, conditions, style.
+ * These are surfaced as JSON textareas so admins can paste configurations
+ * already produced by the visual condition builder if needed.
+ */
+interface VariableTemplateManagerProps {
+    open: boolean;
+    onClose: () => void;
+    scopeId: string;
+    scopeName: string;
+}
+declare function VariableTemplateManager({ open, onClose, scopeId, scopeName, }: VariableTemplateManagerProps): react_jsx_runtime.JSX.Element | null;
+
+export { type ActiveDragData, Canvas, Canvas as CanvasDnd, CanvasSimple, ConditionBuilder, type ConditionBuilderProps, DataSourceConfigManager, type DataSourceConfigManagerProps, DataSourceSelector, type DataSourceSelectorProps, type DeepPartial, DndManager, type DragEndActions, type EditorActions, EditorLabelsProvider, type EditorSelection, type EditorState, type EditorStore, EditorToolbar, type EditorView, FormEditor, type FormEditorProps, type HistoryEntry, type IEditorAdapter, type IEditorLabels, type OverDropData, PropertiesPanel, ScopeManagerDialog, type ScopeManagerDialogProps, Toolbox, Toolbox as ToolboxDnd, ToolboxSimple, VariableTemplateManager, type VariableTemplateManagerProps, createDragEndHandler, frLabels as defaultLabels, enLabels, frLabels, mergeLabels, useEditorStore, useLabels };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React, { ReactNode, ComponentType } from 'react';
-import { IFormDefinition, IFormPage, IFormRoster, IFormVariable, IVariableTemplate, IVariableTemplateOverrides, IFormType, IScope, IDataSourceConnector, VariableType, RosterType, IConditionRule, IRosterVariableRef } from '@msbci/form-core';
+import { IFormDefinition, IFormPage, IFormRoster, IFormVariable, IVariableTemplate, IVariableTemplateOverrides, IFormType, IScope, IDataSourceConfig, IDataSourceConnector, VariableType, RosterType, IConditionRule, IRosterVariableRef } from '@msbci/form-core';
 export { IDataSourceConnector, IFormDefinition, IFormPage, IFormRoster, IFormVariable, IMosobiThemeBase } from '@msbci/form-core';
 import * as zustand from 'zustand';
 import { DragEndEvent } from '@dnd-kit/core';
@@ -53,6 +53,38 @@ interface IEditorAdapter {
      * empty list (the user can no longer pick from existing scopes).
      */
     loadScopes?: () => Promise<IScope[]>;
+    /** Optional — create a new {@link IScope}. */
+    createScope?: (data: Omit<IScope, 'id' | 'createdAt' | 'updatedAt'>) => Promise<IScope>;
+    /** Optional — update an existing {@link IScope}. */
+    updateScope?: (id: string, data: Partial<Omit<IScope, 'id' | 'code' | 'tenantId' | 'createdAt' | 'updatedAt'>>) => Promise<IScope>;
+    /** Optional — hard-delete a scope (server returns 409 if still in use). */
+    deleteScope?: (id: string) => Promise<void>;
+    /**
+     * Optional — create a {@link IVariableTemplate} within a scope.
+     * `code` and `name` are immutable identity fields enforced by the server.
+     */
+    createTemplate?: (scopeId: string, data: Omit<IVariableTemplate, 'id' | 'scopeId' | 'tenantId' | 'createdAt' | 'updatedAt'>) => Promise<IVariableTemplate>;
+    /**
+     * Optional — update a {@link IVariableTemplate}. `code` and `name` are
+     * not in the payload type because the server rejects any attempt to
+     * change them.
+     */
+    updateTemplate?: (id: string, data: Partial<Omit<IVariableTemplate, 'id' | 'code' | 'name' | 'scopeId' | 'tenantId' | 'createdAt' | 'updatedAt'>>) => Promise<IVariableTemplate>;
+    /** Optional — hard-delete a {@link IVariableTemplate}. */
+    deleteTemplate?: (id: string) => Promise<void>;
+    /**
+     * Optional — fetch the {@link IDataSourceConfig} list of a scope.
+     * Called once per scope when `FormEditor` mounts and whenever
+     * `form.scopeIds` changes. The editor merges results across scopes
+     * (first scope wins on `code` conflicts).
+     */
+    loadDataSources?: (scopeId: string) => Promise<IDataSourceConfig[]>;
+    /** Optional — create a {@link IDataSourceConfig} within a scope. */
+    createDataSource?: (scopeId: string, data: Omit<IDataSourceConfig, 'id' | 'scopeId' | 'createdAt' | 'updatedAt'>) => Promise<IDataSourceConfig>;
+    /** Optional — update an existing {@link IDataSourceConfig}. */
+    updateDataSource?: (id: string, data: Partial<Omit<IDataSourceConfig, 'id' | 'scopeId' | 'createdAt' | 'updatedAt'>>) => Promise<IDataSourceConfig>;
+    /** Optional — hard-delete a {@link IDataSourceConfig}. */
+    deleteDataSource?: (id: string) => Promise<void>;
 }
 /** Complete editor state */
 interface EditorState {
@@ -78,6 +110,13 @@ interface EditorState {
      * `adapter.loadScopes()`). Out of the undo/redo history.
      */
     availableScopes: IScope[];
+    /**
+     * Data source configs available for the current form's scopes.
+     * Each entry keeps its `scopeId` so the manager can surface provenance.
+     * Deduplicated by `code` (first scope of `form.scopeIds` wins) when
+     * populated by `FormEditor`. Out of the undo/redo history.
+     */
+    availableDataSources: IDataSourceConfig[];
 }
 /** Editor actions */
 interface EditorActions {
@@ -134,6 +173,8 @@ interface EditorActions {
     setAvailableTemplates: (templates: IVariableTemplate[]) => void;
     /** Replace the scope list shown in the FormProperties scope picker. */
     setAvailableScopes: (scopes: IScope[]) => void;
+    /** Replace the data-source list surfaced to the DataSourceConfigManager. */
+    setAvailableDataSources: (configs: IDataSourceConfig[]) => void;
     setAdapter: (adapter: IEditorAdapter) => void;
     save: () => Promise<void>;
     load: (formId: string) => Promise<void>;
@@ -165,6 +206,14 @@ interface IEditorLabels {
         formProperties: string;
         types: string;
         manageFormTypesTitle: string;
+        /** Header button that opens the DataSourceConfigManager dialog. */
+        dataSources: string;
+        /** Tooltip on the DataSources header button. */
+        manageDataSourcesTitle: string;
+        /** Header button that opens the ScopeManagerDialog. */
+        scopes: string;
+        /** Tooltip on the Scopes header button. */
+        manageScopesTitle: string;
         undo: string;
         redo: string;
         save: string;
@@ -413,6 +462,123 @@ interface IEditorLabels {
         dependencyKeyPlaceholder: string;
         addDependency: string;
     };
+    scopeManager: {
+        dialogAriaLabel: string;
+        title: string;
+        closeAriaLabel: string;
+        addScope: string;
+        newScopeName: string;
+        newScopeCodePlaceholder: string;
+        manageVariables: string;
+        confirmDelete: string;
+        deleteConfirm: string;
+        deleteCancel: string;
+        noScopes: string;
+        saveButton: string;
+        cancelButton: string;
+        /** Inline error shown when the server returns 409 on delete. */
+        deleteError: string;
+        /** ARIA labels for row actions. */
+        editScopeAria: (code: string) => string;
+        removeScopeAria: (code: string) => string;
+        manageVariablesAria: (code: string) => string;
+    };
+    variableTemplateManager: {
+        dialogAriaLabel: string;
+        title: (scopeName: string) => string;
+        closeAriaLabel: string;
+        addTemplate: string;
+        code: string;
+        name: string;
+        type: string;
+        description: string;
+        placeholder: string;
+        required: string;
+        readonly: string;
+        hidden: string;
+        options: string;
+        expression: string;
+        dataSourceId: string;
+        advancedSection: string;
+        validationRules: string;
+        conditions: string;
+        style: string;
+        confirmDelete: string;
+        deleteConfirm: string;
+        deleteCancel: string;
+        noTemplates: string;
+        saveButton: string;
+        cancelButton: string;
+        /** Inline error when the new code already exists in the scope. */
+        duplicateCodeError: string;
+        /** Read-only badge label for code field. */
+        readonlyCode: string;
+        /** Read-only badge label for name field. */
+        readonlyName: string;
+        /** ARIA labels for row actions. */
+        editTemplateAria: (code: string) => string;
+        removeTemplateAria: (code: string) => string;
+        /** Back to scope list button (header). */
+        backToScopes: string;
+    };
+    dataSourceManager: {
+        /** ARIA label of the dialog root. */
+        dialogAriaLabel: string;
+        /** Visible dialog title. */
+        title: string;
+        /** Close button aria-label. */
+        closeAriaLabel: string;
+        /** "+ Ajouter une source" CTA. */
+        addButton: string;
+        /** Empty-state message when the scope has no sources yet. */
+        noSources: string;
+        /** Empty-state message when the form has no scope at all. */
+        noScope: string;
+        /** Filter label when multiple scopes are linked to the form. */
+        scopeFilterLabel: string;
+        /** Inline form: code field label. */
+        fieldCode: string;
+        /** Inline form: name field label. */
+        fieldName: string;
+        /** Inline form: url field label. */
+        fieldUrl: string;
+        /** Inline form: method field label. */
+        fieldMethod: string;
+        /** Inline form: queryParam field label. */
+        fieldQueryParam: string;
+        /** Inline form: valueField label. */
+        fieldValueField: string;
+        /** Inline form: labelField label. */
+        fieldLabelField: string;
+        /** Inline form: headers section label. */
+        fieldHeaders: string;
+        /** Header row: key placeholder. */
+        headerKeyPlaceholder: string;
+        /** Header row: value placeholder. */
+        headerValuePlaceholder: string;
+        /** Add-header button. */
+        addHeader: string;
+        /** Inline form: dependencies section label. */
+        fieldDependencies: string;
+        /** Dep row: url param placeholder. */
+        dependencyParamPlaceholder: string;
+        /** Dep row: variable code placeholder. */
+        dependencyVarPlaceholder: string;
+        /** Add-dependency button. */
+        addDependency: string;
+        /** Submit button (create or update). */
+        save: string;
+        /** Cancel button. */
+        cancel: string;
+        /** Edit row pencil button aria-label. */
+        editAria: (code: string) => string;
+        /** Delete row × button aria-label. */
+        deleteAria: (code: string) => string;
+        /** Provenance badge: which scope the source belongs to. */
+        scopeBadge: (scopeCode: string) => string;
+        /** Confirm message before deletion. */
+        confirmDelete: (code: string) => string;
+    };
     formTypesDialog: {
         dialogAriaLabel: string;
         title: string;
@@ -626,7 +792,11 @@ interface DataSourceSelectorProps {
     dataSourceId?: string;
     /** Current dependency mapping: { depKey: variableCode } */
     dependencies?: Record<string, string>;
-    /** Registered connectors available for selection */
+    /**
+     * Legacy connectors injected by the host code. Merged with the
+     * admin-managed configs from the store (the store wins on `id` clash —
+     * the editor surfaces what admins actually configured).
+     */
     availableConnectors: IDataSourceConnector[];
     /** All variable codes available for dependency mapping */
     availableVariables: Array<{
@@ -640,4 +810,77 @@ interface DataSourceSelectorProps {
 }
 declare function DataSourceSelector({ dataSourceId, dependencies, availableConnectors, availableVariables, onConnectorChange, onDependenciesChange, }: DataSourceSelectorProps): react_jsx_runtime.JSX.Element;
 
-export { type ActiveDragData, Canvas, Canvas as CanvasDnd, CanvasSimple, ConditionBuilder, type ConditionBuilderProps, DataSourceSelector, type DataSourceSelectorProps, type DeepPartial, DndManager, type DragEndActions, type EditorActions, EditorLabelsProvider, type EditorSelection, type EditorState, type EditorStore, EditorToolbar, type EditorView, FormEditor, type FormEditorProps, type HistoryEntry, type IEditorAdapter, type IEditorLabels, type OverDropData, PropertiesPanel, Toolbox, Toolbox as ToolboxDnd, ToolboxSimple, createDragEndHandler, frLabels as defaultLabels, enLabels, frLabels, mergeLabels, useEditorStore, useLabels };
+/**
+ * DataSourceConfigManager — admin CRUD for IDataSourceConfig within
+ * the scope(s) linked to the current form.
+ *
+ * Renders a native React modal (same pattern as FormTypesDialog) with:
+ *   - A scope filter (visible only when the form has more than one scope)
+ *   - The list of `availableDataSources` filtered by selected scope
+ *   - An inline add/edit form for code, name, url, method, queryParam,
+ *     value/label fields, headers (key/value rows), and dependencies
+ *     (urlParam → variable code rows)
+ *
+ * Persistence goes through the adapter's CRUD methods; the store is
+ * refreshed by mutating `availableDataSources` locally (optimistic — the
+ * server is the source of truth). FormEditor's effect will re-load on
+ * the next scope change.
+ */
+interface DataSourceConfigManagerProps {
+    open: boolean;
+    onClose: () => void;
+}
+declare function DataSourceConfigManager({ open, onClose }: DataSourceConfigManagerProps): react_jsx_runtime.JSX.Element | null;
+
+/**
+ * ScopeManagerDialog — admin CRUD for {@link IScope} entries.
+ *
+ * Mirrors the `FormTypesDialog` visual pattern (native modal, inline
+ * edit, delete-with-confirm) but persists through the editor adapter:
+ *   - `adapter.createScope(data)`
+ *   - `adapter.updateScope(id, data)`
+ *   - `adapter.deleteScope(id)` — server returns 409 if forms, templates,
+ *     or data sources still reference the scope; the dialog surfaces the
+ *     message inline in red.
+ *
+ * Provides a "Gérer les variables →" affordance per row that opens
+ * `VariableTemplateManager` scoped to that scope.
+ */
+interface ScopeManagerDialogProps {
+    open: boolean;
+    onClose: () => void;
+}
+declare function ScopeManagerDialog({ open, onClose }: ScopeManagerDialogProps): react_jsx_runtime.JSX.Element | null;
+
+/**
+ * VariableTemplateManager — admin CRUD for {@link IVariableTemplate}
+ * entries within a single scope.
+ *
+ * Flow:
+ *   1. Mount: re-fetch `adapter.loadTemplates(scopeId)` to get an
+ *      authoritative list (the store may only carry templates of scopes
+ *      attached to the current form).
+ *   2. CRUD via adapter; optimistic updates on the local list, no refetch.
+ *
+ * Identity:
+ *   - `code` and `name` are immutable after creation (server enforces).
+ *     The edit form shows them disabled, with a "(immuable)" badge.
+ *
+ * Conditional fields:
+ *   - `options` editor surfaces only for select/multiselect/radio/checkbox/listradio.
+ *   - `expression` only for `calculated`.
+ *   - `dataSourceId` only for select/multiselect.
+ *
+ * Advanced section (collapsed by default): validationRules, conditions, style.
+ * These are surfaced as JSON textareas so admins can paste configurations
+ * already produced by the visual condition builder if needed.
+ */
+interface VariableTemplateManagerProps {
+    open: boolean;
+    onClose: () => void;
+    scopeId: string;
+    scopeName: string;
+}
+declare function VariableTemplateManager({ open, onClose, scopeId, scopeName, }: VariableTemplateManagerProps): react_jsx_runtime.JSX.Element | null;
+
+export { type ActiveDragData, Canvas, Canvas as CanvasDnd, CanvasSimple, ConditionBuilder, type ConditionBuilderProps, DataSourceConfigManager, type DataSourceConfigManagerProps, DataSourceSelector, type DataSourceSelectorProps, type DeepPartial, DndManager, type DragEndActions, type EditorActions, EditorLabelsProvider, type EditorSelection, type EditorState, type EditorStore, EditorToolbar, type EditorView, FormEditor, type FormEditorProps, type HistoryEntry, type IEditorAdapter, type IEditorLabels, type OverDropData, PropertiesPanel, ScopeManagerDialog, type ScopeManagerDialogProps, Toolbox, Toolbox as ToolboxDnd, ToolboxSimple, VariableTemplateManager, type VariableTemplateManagerProps, createDragEndHandler, frLabels as defaultLabels, enLabels, frLabels, mergeLabels, useEditorStore, useLabels };