@praxisui/manual-form 3.0.0-beta.0 → 3.0.0-beta.10

package/fesm2022/praxisui-manual-form.mjs

@@ -1,4 +1,4 @@
-import { ensureIds, DynamicFormService, ASYNC_CONFIG_STORAGE, RULE_PROPERTY_SCHEMA, deepMerge, resolveControlTypeAlias, FieldControlType, normalizeControlTypeKey, FormHooksRegistry, ComponentKeyService, FIELD_SELECTOR_REGISTRY_DISABLE_DEFAULTS, DEFAULT_FIELD_SELECTOR_CONTROL_TYPE_MAP, FieldSelectorRegistry, API_URL } from '@praxisui/core';
+import { ensureIds, DynamicFormService, ASYNC_CONFIG_STORAGE, RULE_PROPERTY_SCHEMA, deepMerge, resolveControlTypeAlias, FieldControlType, normalizeControlTypeKey, FormHooksRegistry, ComponentKeyService, FIELD_SELECTOR_REGISTRY_DISABLE_DEFAULTS, DEFAULT_FIELD_SELECTOR_CONTROL_TYPE_MAP, FieldSelectorRegistry, providePraxisI18n, PraxisI18nService, API_URL } from '@praxisui/core';
 import * as i0 from '@angular/core';
 import { inject, Optional, Inject, Injectable, input, output, ChangeDetectionStrategy, Component, Input, InjectionToken, isDevMode, EventEmitter, HostListener, ViewChild, Output, ChangeDetectorRef, DestroyRef, PLATFORM_ID, effect, ContentChildren, signal, computed, Directive } from '@angular/core';
 import { BehaviorSubject, debounceTime, fromEvent, of } from 'rxjs';
@@ -2614,8 +2614,321 @@ const DEFAULT_CONSTRUCTOR_TO_CONTROL_TYPE = {
     FileUpload: FieldControlType.FILE_UPLOAD,
 };
 
+const MANUAL_FORM_EN_US = {
+    'praxis.manualForm.editor.title': 'Form settings',
+    'praxis.manualForm.editor.subtitle': 'Fields, actions, messages and behavior',
+    'praxis.manualForm.editor.close': 'Close',
+    'praxis.manualForm.editor.tabs.fields': 'Fields',
+    'praxis.manualForm.editor.tabs.actions': 'Actions',
+    'praxis.manualForm.editor.tabs.messages': 'Messages',
+    'praxis.manualForm.editor.tabs.behavior': 'Behavior',
+    'praxis.manualForm.editor.tabs.hints': 'Hints',
+    'praxis.manualForm.editor.tabs.hooks': 'Hooks',
+    'praxis.manualForm.editor.tabs.rules': 'Rules',
+    'praxis.manualForm.editor.tabs.cascade': 'Cascades',
+    'praxis.manualForm.editor.fields.onlyHidden': 'Show hidden only',
+    'praxis.manualForm.editor.fields.name': 'Field',
+    'praxis.manualForm.editor.fields.label': 'Label',
+    'praxis.manualForm.editor.fields.type': 'Type',
+    'praxis.manualForm.editor.fields.visible': 'Visible',
+    'praxis.manualForm.editor.fields.required': 'Required',
+    'praxis.manualForm.editor.fields.readOnly': 'Read-only',
+    'praxis.manualForm.editor.fields.disabled': 'Disabled',
+    'praxis.manualForm.editor.fields.hiddenState': 'Hidden',
+    'praxis.manualForm.editor.fields.visibleState': 'Visible',
+    'praxis.manualForm.editor.shared.yes': 'Yes',
+    'praxis.manualForm.editor.shared.no': 'No',
+    'praxis.manualForm.editor.shared.success': 'Success',
+    'praxis.manualForm.editor.shared.error': 'Error',
+    'praxis.manualForm.editor.actions.defaultTitle': 'Default buttons',
+    'praxis.manualForm.editor.actions.defaultHelp': 'Control labels, visibility and style for the basic buttons.',
+    'praxis.manualForm.editor.actions.layoutTitle': 'Actions layout',
+    'praxis.manualForm.editor.actions.layoutHelp': 'Defines alignment and disposition of the actions bar.',
+    'praxis.manualForm.editor.actions.customTitle': 'Custom actions',
+    'praxis.manualForm.editor.actions.customHelp': 'Create extra buttons with their own event.',
+    'praxis.manualForm.editor.actions.addCustom': 'Add action',
+    'praxis.manualForm.editor.actions.emptyCustom': 'No custom actions registered.',
+    'praxis.manualForm.editor.actions.field.visible': 'Visible',
+    'praxis.manualForm.editor.actions.field.label': 'Label',
+    'praxis.manualForm.editor.actions.field.id': 'ID',
+    'praxis.manualForm.editor.actions.field.icon': 'Icon',
+    'praxis.manualForm.editor.actions.field.eventAction': 'Event (action)',
+    'praxis.manualForm.editor.actions.field.variant': 'Variant',
+    'praxis.manualForm.editor.actions.field.color': 'Color',
+    'praxis.manualForm.editor.actions.field.shortcut': 'Shortcut',
+    'praxis.manualForm.editor.actions.field.tooltip': 'Tooltip',
+    'praxis.manualForm.editor.actions.variant.default': 'Default',
+    'praxis.manualForm.editor.actions.variant.raised': 'Raised',
+    'praxis.manualForm.editor.actions.variant.stroked': 'Stroked',
+    'praxis.manualForm.editor.actions.variant.flat': 'Flat',
+    'praxis.manualForm.editor.actions.variant.fab': 'Floating',
+    'praxis.manualForm.editor.actions.color.default': 'Default',
+    'praxis.manualForm.editor.actions.color.primary': 'Primary',
+    'praxis.manualForm.editor.actions.color.accent': 'Accent',
+    'praxis.manualForm.editor.actions.color.warn': 'Warn',
+    'praxis.manualForm.editor.actions.color.basic': 'Basic',
+    'praxis.manualForm.editor.actions.layout.position': 'Position',
+    'praxis.manualForm.editor.actions.layout.orientation': 'Orientation',
+    'praxis.manualForm.editor.actions.layout.spacing': 'Spacing',
+    'praxis.manualForm.editor.actions.layout.placement': 'Placement',
+    'praxis.manualForm.editor.actions.layout.sticky': 'Sticky actions',
+    'praxis.manualForm.editor.actions.layout.divider': 'Show divider',
+    'praxis.manualForm.editor.actions.layout.position.left': 'Left',
+    'praxis.manualForm.editor.actions.layout.position.center': 'Center',
+    'praxis.manualForm.editor.actions.layout.position.right': 'Right',
+    'praxis.manualForm.editor.actions.layout.position.justified': 'Justified',
+    'praxis.manualForm.editor.actions.layout.position.split': 'Split',
+    'praxis.manualForm.editor.actions.layout.orientation.horizontal': 'Horizontal',
+    'praxis.manualForm.editor.actions.layout.orientation.vertical': 'Vertical',
+    'praxis.manualForm.editor.actions.layout.spacing.compact': 'Compact',
+    'praxis.manualForm.editor.actions.layout.spacing.normal': 'Normal',
+    'praxis.manualForm.editor.actions.layout.spacing.spacious': 'Spacious',
+    'praxis.manualForm.editor.actions.layout.placement.afterSections': 'After sections',
+    'praxis.manualForm.editor.actions.layout.placement.insideLastSection': 'Inside last section',
+    'praxis.manualForm.editor.actions.layout.placement.top': 'Top',
+    'praxis.manualForm.editor.messages.defaultTitle': 'Default feedback',
+    'praxis.manualForm.editor.messages.defaultHelp': 'Success/error messages displayed by the host.',
+    'praxis.manualForm.editor.messages.createSuccess': 'Create success',
+    'praxis.manualForm.editor.messages.createError': 'Create error',
+    'praxis.manualForm.editor.messages.updateSuccess': 'Update success',
+    'praxis.manualForm.editor.messages.updateError': 'Update error',
+    'praxis.manualForm.editor.messages.confirmationsTitle': 'Confirmations',
+    'praxis.manualForm.editor.messages.confirmationsHelp': 'Texts shown before critical actions.',
+    'praxis.manualForm.editor.messages.loadingTitle': 'Loading',
+    'praxis.manualForm.editor.messages.loadingHelp': 'Messages displayed during operations.',
+    'praxis.manualForm.editor.messages.customTitle': 'Messages by custom action',
+    'praxis.manualForm.editor.messages.customHelp': 'Customize texts by action ID.',
+    'praxis.manualForm.editor.messages.emptyCustom': 'Register custom actions to configure specific messages.',
+    'praxis.manualForm.editor.behavior.title': 'Form behavior',
+    'praxis.manualForm.editor.behavior.help': 'Preferences applied by the host or runtime.',
+    'praxis.manualForm.editor.behavior.note': 'These options are persisted in config; the host decides how to apply them.',
+    'praxis.manualForm.editor.behavior.confirmUnsaved': 'Confirm unsaved changes before leaving',
+    'praxis.manualForm.editor.behavior.trackHistory': 'Track change history',
+    'praxis.manualForm.editor.behavior.focusFirstError': 'Focus the first error on submit',
+    'praxis.manualForm.editor.behavior.scrollToErrors': 'Scroll to errors on submit',
+    'praxis.manualForm.editor.behavior.clearAfterSave': 'Clear form after save',
+    'praxis.manualForm.editor.behavior.reactiveValidation': 'Reactive validation',
+    'praxis.manualForm.editor.behavior.redirectAfterSave': 'Redirect after save (URL)',
+    'praxis.manualForm.editor.behavior.reactiveValidationDebounce': 'Reactive validation debounce (ms)',
+    'praxis.manualForm.editor.hints.modeTitle': 'Mode messages',
+    'praxis.manualForm.editor.hints.modeHelp': 'Auxiliary texts displayed by the host.',
+    'praxis.manualForm.editor.hints.modeNote': 'Useful for i18n and user guidance.',
+    'praxis.manualForm.editor.hints.uiTitle': 'UI hints',
+    'praxis.manualForm.editor.hints.uiHelp': 'Contextual help for form states.',
+    'praxis.manualForm.editor.hints.mode.create': 'Create',
+    'praxis.manualForm.editor.hints.mode.edit': 'Edit',
+    'praxis.manualForm.editor.hints.mode.view': 'View',
+    'praxis.manualForm.editor.hints.ui.presentation': 'Presentation',
+    'praxis.manualForm.editor.hints.ui.readonly': 'Read-only',
+    'praxis.manualForm.editor.hints.ui.disabled': 'Disabled',
+    'praxis.manualForm.editor.hints.ui.visible': 'Visible',
+    'praxis.manualForm.editor.hooks.title': 'Lifecycle hooks',
+    'praxis.manualForm.editor.hooks.help': 'Define automated actions by stage.',
+    'praxis.manualForm.editor.hooks.reset': 'Reset',
+    'praxis.manualForm.editor.hooks.apply': 'Apply hooks',
+    'praxis.manualForm.editor.hooks.note': 'Runs only if the host registers available hooks.',
+    'praxis.manualForm.editor.hooks.tooltip': 'JSON array of hooks for {{stage}} (id, priority, timeoutMs, args).',
+    'praxis.manualForm.editor.hooks.placeholder': '[{ "id": "notifySuccess", "priority": 0, "args": {} }]',
+    'praxis.manualForm.editor.rules.title': 'Layout rules',
+    'praxis.manualForm.editor.rules.help': 'Advanced rules for visibility and behavior.',
+    'praxis.manualForm.editor.rules.apply': 'Apply rules',
+    'praxis.manualForm.editor.rules.note': 'Persisted in config; execution depends on the host.',
+    'praxis.manualForm.editor.rules.formRulesLabel': 'formRules (JSON)',
+    'praxis.manualForm.editor.rules.formRulesStateLabel': 'formRulesState (JSON)',
+    'praxis.manualForm.editor.rules.formRulesPlaceholder': '[{"id":"rule-1","name":"Required rule","targetType":"field","targets":["field"],"effect":{"condition":"{field} != null","properties":{"required":true}}}]',
+    'praxis.manualForm.editor.rules.tooltip': 'JSON array with rules (id, targetType, targets, effect).',
+    'praxis.manualForm.editor.rules.stateTooltip': 'Raw state from the visual editor (optional).',
+    'praxis.manualForm.editor.cascade.title': 'Field dependencies',
+    'praxis.manualForm.editor.cascade.help': 'Configure native cascades based on metadata.',
+    'praxis.manualForm.editor.cascade.note': 'Changes update metadata and are saved in the draft.',
+    'praxis.manualForm.editor.validation.jsonArray': 'Must be a JSON array.',
+    'praxis.manualForm.editor.validation.invalidJson': 'Invalid JSON.',
+    'praxis.manualForm.editor.validation.formRulesArray': 'formRules must be a JSON array.',
+    'praxis.manualForm.editor.validation.formRulesInvalid': 'Invalid JSON in formRules.',
+    'praxis.manualForm.editor.validation.formRulesStateInvalid': 'Invalid JSON in formRulesState.',
+    'praxis.manualForm.editor.defaults.submit': 'Save',
+    'praxis.manualForm.editor.defaults.cancel': 'Cancel',
+    'praxis.manualForm.editor.defaults.reset': 'Reset',
+    'praxis.manualForm.editor.defaults.action': 'Action',
+};
+
+const MANUAL_FORM_PT_BR = {
+    'praxis.manualForm.editor.title': 'Configuracoes do formulario',
+    'praxis.manualForm.editor.subtitle': 'Campos, acoes, mensagens e comportamento',
+    'praxis.manualForm.editor.close': 'Fechar',
+    'praxis.manualForm.editor.tabs.fields': 'Campos',
+    'praxis.manualForm.editor.tabs.actions': 'Acoes',
+    'praxis.manualForm.editor.tabs.messages': 'Mensagens',
+    'praxis.manualForm.editor.tabs.behavior': 'Comportamento',
+    'praxis.manualForm.editor.tabs.hints': 'Dicas',
+    'praxis.manualForm.editor.tabs.hooks': 'Hooks',
+    'praxis.manualForm.editor.tabs.rules': 'Regras',
+    'praxis.manualForm.editor.tabs.cascade': 'Cascatas',
+    'praxis.manualForm.editor.fields.onlyHidden': 'Mostrar apenas ocultos',
+    'praxis.manualForm.editor.fields.name': 'Campo',
+    'praxis.manualForm.editor.fields.label': 'Rotulo',
+    'praxis.manualForm.editor.fields.type': 'Tipo',
+    'praxis.manualForm.editor.fields.visible': 'Visivel',
+    'praxis.manualForm.editor.fields.required': 'Obrigatorio',
+    'praxis.manualForm.editor.fields.readOnly': 'Somente leitura',
+    'praxis.manualForm.editor.fields.disabled': 'Desabilitado',
+    'praxis.manualForm.editor.fields.hiddenState': 'Oculto',
+    'praxis.manualForm.editor.fields.visibleState': 'Visivel',
+    'praxis.manualForm.editor.shared.yes': 'Sim',
+    'praxis.manualForm.editor.shared.no': 'Nao',
+    'praxis.manualForm.editor.shared.success': 'Sucesso',
+    'praxis.manualForm.editor.shared.error': 'Erro',
+    'praxis.manualForm.editor.actions.defaultTitle': 'Botoes padrao',
+    'praxis.manualForm.editor.actions.defaultHelp': 'Controle rotulos, visibilidade e estilo dos botoes basicos.',
+    'praxis.manualForm.editor.actions.layoutTitle': 'Layout das acoes',
+    'praxis.manualForm.editor.actions.layoutHelp': 'Define alinhamento e disposicao da barra de acoes.',
+    'praxis.manualForm.editor.actions.customTitle': 'Acoes customizadas',
+    'praxis.manualForm.editor.actions.customHelp': 'Crie botoes extras com evento proprio.',
+    'praxis.manualForm.editor.actions.addCustom': 'Adicionar acao',
+    'praxis.manualForm.editor.actions.emptyCustom': 'Nenhuma acao customizada cadastrada.',
+    'praxis.manualForm.editor.actions.field.visible': 'Visivel',
+    'praxis.manualForm.editor.actions.field.label': 'Label',
+    'praxis.manualForm.editor.actions.field.id': 'ID',
+    'praxis.manualForm.editor.actions.field.icon': 'Icone',
+    'praxis.manualForm.editor.actions.field.eventAction': 'Evento (action)',
+    'praxis.manualForm.editor.actions.field.variant': 'Variante',
+    'praxis.manualForm.editor.actions.field.color': 'Cor',
+    'praxis.manualForm.editor.actions.field.shortcut': 'Atalho',
+    'praxis.manualForm.editor.actions.field.tooltip': 'Tooltip',
+    'praxis.manualForm.editor.actions.variant.default': 'Padrao',
+    'praxis.manualForm.editor.actions.variant.raised': 'Elevado',
+    'praxis.manualForm.editor.actions.variant.stroked': 'Contornado',
+    'praxis.manualForm.editor.actions.variant.flat': 'Plano',
+    'praxis.manualForm.editor.actions.variant.fab': 'Flutuante',
+    'praxis.manualForm.editor.actions.color.default': 'Padrao',
+    'praxis.manualForm.editor.actions.color.primary': 'Primary',
+    'praxis.manualForm.editor.actions.color.accent': 'Accent',
+    'praxis.manualForm.editor.actions.color.warn': 'Warn',
+    'praxis.manualForm.editor.actions.color.basic': 'Basic',
+    'praxis.manualForm.editor.actions.layout.position': 'Posicao',
+    'praxis.manualForm.editor.actions.layout.orientation': 'Orientacao',
+    'praxis.manualForm.editor.actions.layout.spacing': 'Espacamento',
+    'praxis.manualForm.editor.actions.layout.placement': 'Posicionamento',
+    'praxis.manualForm.editor.actions.layout.sticky': 'Acoes fixas',
+    'praxis.manualForm.editor.actions.layout.divider': 'Mostrar divisor',
+    'praxis.manualForm.editor.actions.layout.position.left': 'Esquerda',
+    'praxis.manualForm.editor.actions.layout.position.center': 'Centro',
+    'praxis.manualForm.editor.actions.layout.position.right': 'Direita',
+    'praxis.manualForm.editor.actions.layout.position.justified': 'Justificado',
+    'praxis.manualForm.editor.actions.layout.position.split': 'Split',
+    'praxis.manualForm.editor.actions.layout.orientation.horizontal': 'Horizontal',
+    'praxis.manualForm.editor.actions.layout.orientation.vertical': 'Vertical',
+    'praxis.manualForm.editor.actions.layout.spacing.compact': 'Compacto',
+    'praxis.manualForm.editor.actions.layout.spacing.normal': 'Normal',
+    'praxis.manualForm.editor.actions.layout.spacing.spacious': 'Espacoso',
+    'praxis.manualForm.editor.actions.layout.placement.afterSections': 'Apos secoes',
+    'praxis.manualForm.editor.actions.layout.placement.insideLastSection': 'Dentro da ultima secao',
+    'praxis.manualForm.editor.actions.layout.placement.top': 'Topo',
+    'praxis.manualForm.editor.messages.defaultTitle': 'Feedback padrao',
+    'praxis.manualForm.editor.messages.defaultHelp': 'Mensagens de sucesso/erro exibidas pelo host.',
+    'praxis.manualForm.editor.messages.createSuccess': 'Sucesso ao criar',
+    'praxis.manualForm.editor.messages.createError': 'Erro ao criar',
+    'praxis.manualForm.editor.messages.updateSuccess': 'Sucesso ao atualizar',
+    'praxis.manualForm.editor.messages.updateError': 'Erro ao atualizar',
+    'praxis.manualForm.editor.messages.confirmationsTitle': 'Confirmacoes',
+    'praxis.manualForm.editor.messages.confirmationsHelp': 'Textos mostrados antes de acoes criticas.',
+    'praxis.manualForm.editor.messages.loadingTitle': 'Loading',
+    'praxis.manualForm.editor.messages.loadingHelp': 'Mensagens exibidas durante operacoes.',
+    'praxis.manualForm.editor.messages.customTitle': 'Mensagens por acao customizada',
+    'praxis.manualForm.editor.messages.customHelp': 'Personalize textos por ID de acao.',
+    'praxis.manualForm.editor.messages.emptyCustom': 'Cadastre acoes customizadas para configurar mensagens especificas.',
+    'praxis.manualForm.editor.behavior.title': 'Comportamento do formulario',
+    'praxis.manualForm.editor.behavior.help': 'Preferencias aplicadas pelo host ou runtime.',
+    'praxis.manualForm.editor.behavior.note': 'Estas opcoes sao persistidas no config; o host decide como aplicar.',
+    'praxis.manualForm.editor.behavior.confirmUnsaved': 'Confirmar ao sair com alteracoes nao salvas',
+    'praxis.manualForm.editor.behavior.trackHistory': 'Rastrear historico de alteracoes',
+    'praxis.manualForm.editor.behavior.focusFirstError': 'Focar no primeiro erro ao submeter',
+    'praxis.manualForm.editor.behavior.scrollToErrors': 'Rolar ate os erros ao submeter',
+    'praxis.manualForm.editor.behavior.clearAfterSave': 'Limpar formulario apos salvar',
+    'praxis.manualForm.editor.behavior.reactiveValidation': 'Validacao reativa',
+    'praxis.manualForm.editor.behavior.redirectAfterSave': 'Redirecionar apos salvar (URL)',
+    'praxis.manualForm.editor.behavior.reactiveValidationDebounce': 'Debounce validacao reativa (ms)',
+    'praxis.manualForm.editor.hints.modeTitle': 'Mensagens de modo',
+    'praxis.manualForm.editor.hints.modeHelp': 'Textos auxiliares exibidos pelo host.',
+    'praxis.manualForm.editor.hints.modeNote': 'Util para i18n e orientacao do usuario.',
+    'praxis.manualForm.editor.hints.uiTitle': 'Dicas de UI',
+    'praxis.manualForm.editor.hints.uiHelp': 'Ajuda contextual para estados do formulario.',
+    'praxis.manualForm.editor.hints.mode.create': 'Criar',
+    'praxis.manualForm.editor.hints.mode.edit': 'Editar',
+    'praxis.manualForm.editor.hints.mode.view': 'Visualizar',
+    'praxis.manualForm.editor.hints.ui.presentation': 'Apresentacao',
+    'praxis.manualForm.editor.hints.ui.readonly': 'Somente leitura',
+    'praxis.manualForm.editor.hints.ui.disabled': 'Desabilitado',
+    'praxis.manualForm.editor.hints.ui.visible': 'Visivel',
+    'praxis.manualForm.editor.hooks.title': 'Hooks de ciclo de vida',
+    'praxis.manualForm.editor.hooks.help': 'Defina acoes automatizadas por estagio.',
+    'praxis.manualForm.editor.hooks.reset': 'Restaurar',
+    'praxis.manualForm.editor.hooks.apply': 'Aplicar hooks',
+    'praxis.manualForm.editor.hooks.note': 'Executa apenas se o host registrar hooks disponiveis.',
+    'praxis.manualForm.editor.hooks.tooltip': 'Array JSON de hooks para {{stage}} (id, priority, timeoutMs, args).',
+    'praxis.manualForm.editor.hooks.placeholder': '[{ "id": "notifySuccess", "priority": 0, "args": {} }]',
+    'praxis.manualForm.editor.rules.title': 'Regras de layout',
+    'praxis.manualForm.editor.rules.help': 'Regras avancadas para visibilidade e comportamento.',
+    'praxis.manualForm.editor.rules.apply': 'Aplicar regras',
+    'praxis.manualForm.editor.rules.note': 'Persistido no config; a execucao depende do host.',
+    'praxis.manualForm.editor.rules.formRulesLabel': 'formRules (JSON)',
+    'praxis.manualForm.editor.rules.formRulesStateLabel': 'formRulesState (JSON)',
+    'praxis.manualForm.editor.rules.formRulesPlaceholder': '[{"id":"rule-1","name":"Obrigatoriedade","targetType":"field","targets":["campo"],"effect":{"condition":"{campo} != null","properties":{"required":true}}}]',
+    'praxis.manualForm.editor.rules.tooltip': 'Array JSON com regras (id, targetType, targets, effect).',
+    'praxis.manualForm.editor.rules.stateTooltip': 'Estado bruto do editor visual (opcional).',
+    'praxis.manualForm.editor.cascade.title': 'Dependencias entre campos',
+    'praxis.manualForm.editor.cascade.help': 'Configure cascatas nativas baseadas em metadados.',
+    'praxis.manualForm.editor.cascade.note': 'As alteracoes atualizam metadados e sao salvas no draft.',
+    'praxis.manualForm.editor.validation.jsonArray': 'Precisa ser um array JSON.',
+    'praxis.manualForm.editor.validation.invalidJson': 'JSON invalido.',
+    'praxis.manualForm.editor.validation.formRulesArray': 'formRules precisa ser um array JSON.',
+    'praxis.manualForm.editor.validation.formRulesInvalid': 'JSON invalido em formRules.',
+    'praxis.manualForm.editor.validation.formRulesStateInvalid': 'JSON invalido em formRulesState.',
+    'praxis.manualForm.editor.defaults.submit': 'Salvar',
+    'praxis.manualForm.editor.defaults.cancel': 'Cancelar',
+    'praxis.manualForm.editor.defaults.reset': 'Restaurar',
+    'praxis.manualForm.editor.defaults.action': 'Acao',
+};
+
+function createPraxisManualFormI18nConfig(options = {}) {
+    const dictionaries = {
+        'pt-BR': {
+            ...MANUAL_FORM_PT_BR,
+            ...(options.dictionaries?.['pt-BR'] ?? {}),
+        },
+        'en-US': {
+            ...MANUAL_FORM_EN_US,
+            ...(options.dictionaries?.['en-US'] ?? {}),
+        },
+    };
+    for (const [locale, dictionary] of Object.entries(options.dictionaries ?? {})) {
+        if (locale === 'pt-BR' || locale === 'en-US') {
+            continue;
+        }
+        dictionaries[locale] = {
+            ...(dictionaries[locale] ?? {}),
+            ...dictionary,
+        };
+    }
+    return {
+        locale: options.locale,
+        fallbackLocale: options.fallbackLocale ?? 'pt-BR',
+        dictionaries,
+    };
+}
+function providePraxisManualFormI18n(options = {}) {
+    return providePraxisI18n(createPraxisManualFormI18nConfig(options));
+}
+function resolvePraxisManualFormText(i18n, key, fallback) {
+    const namespacedKey = key.startsWith('praxis.manualForm.')
+        ? key
+        : `praxis.manualForm.${key}`;
+    return i18n.t(namespacedKey, undefined, fallback) || fallback;
+}
+
 class ManualFormConfigEditorComponent {
     ref;
+    i18n = inject(PraxisI18nService);
     instance;
     all = [];
     filtered = [];
@@ -2640,9 +2953,9 @@ class ManualFormConfigEditorComponent {
         'onError',
     ];
     actionBlocks = [
-        { key: 'submit', label: 'Salvar' },
-        { key: 'cancel', label: 'Cancelar' },
-        { key: 'reset', label: 'Resetar' },
+        { key: 'submit', label: this.tx('editor.defaults.submit', 'Save') },
+        { key: 'cancel', label: this.tx('editor.defaults.cancel', 'Cancel') },
+        { key: 'reset', label: this.tx('editor.defaults.reset', 'Reset') },
     ];
     // SettingsValueProvider observables
     isDirty$ = new BehaviorSubject(false);
@@ -2652,6 +2965,18 @@ class ManualFormConfigEditorComponent {
         this.ref = ref;
         this.instance = inputs.instance;
     }
+    tx(key, fallback) {
+        return resolvePraxisManualFormText(this.i18n, key, fallback);
+    }
+    hookPlaceholder() {
+        return this.tx('editor.hooks.placeholder', '[{ "id": "notifySuccess", "priority": 0, "args": {} }]');
+    }
+    hookTooltip(stage) {
+        return this.tx('editor.hooks.tooltip', `JSON array of hooks for ${stage} (id, priority, timeoutMs, args).`).replace('{{stage}}', stage);
+    }
+    formRulesPlaceholder() {
+        return this.tx('editor.rules.formRulesPlaceholder', '[{"id":"rule-1","name":"Required rule","targetType":"field","targets":["field"],"effect":{"condition":"{field} != null","properties":{"required":true}}}]');
+    }
     ngOnInit() {
         this.refresh();
     }
@@ -2720,7 +3045,7 @@ class ManualFormConfigEditorComponent {
     }
     addCustomAction() {
         const nextId = this.generateCustomId();
-        const nextAction = makeAction({ id: nextId, label: 'Ação' });
+        const nextAction = makeAction({ id: nextId, label: this.tx('editor.defaults.action', 'Action') });
         const custom = [...(this.actionsModel.custom || []), nextAction];
         this.actionsModel = { ...this.actionsModel, custom };
         this.applyConfigPatch({ actions: this.actionsModel });
@@ -2826,13 +3151,13 @@ class ManualFormConfigEditorComponent {
             try {
                 const parsed = JSON.parse(raw);
                 if (!Array.isArray(parsed)) {
-                    errors[stage] = 'Precisa ser um array JSON.';
+                    errors[stage] = this.tx('editor.validation.jsonArray', 'Must be a JSON array.');
                     continue;
                 }
                 next[stage] = parsed;
             }
             catch {
-                errors[stage] = 'JSON inválido.';
+                errors[stage] = this.tx('editor.validation.invalidJson', 'Invalid JSON.');
             }
         }
         this.hooksErrors = errors;
@@ -2857,13 +3182,13 @@ class ManualFormConfigEditorComponent {
             try {
                 const parsed = JSON.parse(rulesRaw);
                 if (!Array.isArray(parsed)) {
-                    this.formRulesError = 'formRules precisa ser um array JSON.';
+                    this.formRulesError = this.tx('editor.validation.formRulesArray', 'formRules must be a JSON array.');
                     return;
                 }
                 rules = parsed;
             }
             catch {
-                this.formRulesError = 'JSON inválido em formRules.';
+                this.formRulesError = this.tx('editor.validation.formRulesInvalid', 'Invalid JSON in formRules.');
                 return;
             }
         }
@@ -2873,7 +3198,7 @@ class ManualFormConfigEditorComponent {
                 rulesState = JSON.parse(stateRaw);
             }
             catch {
-                this.formRulesStateError = 'JSON inválido em formRulesState.';
+                this.formRulesStateError = this.tx('editor.validation.formRulesStateInvalid', 'Invalid JSON in formRulesState.');
                 return;
             }
         }
@@ -2984,33 +3309,33 @@ class ManualFormConfigEditorComponent {
         return next;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ManualFormConfigEditorComponent, deps: [{ token: SETTINGS_PANEL_DATA }, { token: SETTINGS_PANEL_REF }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: ManualFormConfigEditorComponent, isStandalone: true, selector: "praxis-manual-form-config-editor", ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: ManualFormConfigEditorComponent, isStandalone: true, selector: "praxis-manual-form-config-editor", providers: [providePraxisManualFormI18n()], ngImport: i0, template: `
     <div class="mf-editor">
       <div class="mf-editor__toolbar">
         <div class="mf-editor__title">
-          <span>Configurações do formulário</span>
-          <small class="mf-editor__subtitle">Campos, ações, mensagens e comportamento</small>
+          <span>{{ tx('editor.title', 'Form settings') }}</span>
+          <small class="mf-editor__subtitle">{{ tx('editor.subtitle', 'Fields, actions, messages and behavior') }}</small>
         </div>
         <div class="spacer"></div>
-        <button type="button" class="mf-btn" (click)="close()">Fechar</button>
+        <button type="button" class="mf-btn" (click)="close()">{{ tx('editor.close', 'Close') }}</button>
       </div>
 
       <mat-tab-group class="mf-tabs">
-        <mat-tab label="Campos">
+        <mat-tab [label]="tx('editor.tabs.fields', 'Fields')">
           <div class="mf-tab">
             <label class="mf-editor__filter">
               <input type="checkbox" [(ngModel)]="onlyHidden" (change)="applyFilter()" />
-              <span>Mostrar apenas ocultos</span>
+              <span>{{ tx('editor.fields.onlyHidden', 'Show hidden only') }}</span>
             </label>
             <div class="mf-editor__list">
               <div class="mf-editor__row mf-editor__row--head">
-                <div class="col col--name">Campo</div>
-                <div class="col col--label">Rótulo</div>
-                <div class="col col--type">Tipo</div>
-                <div class="col col--vis">Visível</div>
-                <div class="col col--req">Obrigatório</div>
-                <div class="col col--ro">Som. leitura</div>
-                <div class="col col--dis">Desabilitado</div>
+                <div class="col col--name">{{ tx('editor.fields.name', 'Field') }}</div>
+                <div class="col col--label">{{ tx('editor.fields.label', 'Label') }}</div>
+                <div class="col col--type">{{ tx('editor.fields.type', 'Type') }}</div>
+                <div class="col col--vis">{{ tx('editor.fields.visible', 'Visible') }}</div>
+                <div class="col col--req">{{ tx('editor.fields.required', 'Required') }}</div>
+                <div class="col col--ro">{{ tx('editor.fields.readOnly', 'Read-only') }}</div>
+                <div class="col col--dis">{{ tx('editor.fields.disabled', 'Disabled') }}</div>
               </div>
 
               @for (f of filtered; track f.name) {
@@ -3021,25 +3346,25 @@ class ManualFormConfigEditorComponent {
                   <div class="col col--vis">
                     <label class="toggle">
                       <input type="checkbox" [checked]="!f.hidden" (change)="toggleVisibility(f, $any($event.target).checked)" />
-                      <span>{{ f.hidden ? 'Oculto' : 'Visível' }}</span>
+                      <span>{{ f.hidden ? tx('editor.fields.hiddenState', 'Hidden') : tx('editor.fields.visibleState', 'Visible') }}</span>
                     </label>
                   </div>
                   <div class="col col--req">
                     <label class="toggle">
                       <input type="checkbox" [checked]="!!f.required" (change)="toggleRequired(f, $any($event.target).checked)" />
-                      <span>{{ f.required ? 'Sim' : 'Não' }}</span>
+                      <span>{{ f.required ? tx('editor.shared.yes', 'Yes') : tx('editor.shared.no', 'No') }}</span>
                     </label>
                   </div>
                   <div class="col col--ro">
                     <label class="toggle">
                       <input type="checkbox" [checked]="!!f.readOnly" (change)="toggleReadOnly(f, $any($event.target).checked)" />
-                      <span>{{ f.readOnly ? 'Sim' : 'Não' }}</span>
+                      <span>{{ f.readOnly ? tx('editor.shared.yes', 'Yes') : tx('editor.shared.no', 'No') }}</span>
                     </label>
                   </div>
                   <div class="col col--dis">
                     <label class="toggle">
                       <input type="checkbox" [checked]="!!f.disabled" (change)="toggleDisabled(f, $any($event.target).checked)" />
-                      <span>{{ f.disabled ? 'Sim' : 'Não' }}</span>
+                      <span>{{ f.disabled ? tx('editor.shared.yes', 'Yes') : tx('editor.shared.no', 'No') }}</span>
                     </label>
                   </div>
                 </div>
@@ -3048,13 +3373,13 @@ class ManualFormConfigEditorComponent {
           </div>
         </mat-tab>
 
-        <mat-tab label="Ações">
+        <mat-tab [label]="tx('editor.tabs.actions', 'Actions')">
           <div class="mf-tab">
             <section class="mf-section">
               <div class="mf-section__header">
                 <div>
-                  <h3>Botões padrão</h3>
-                  <p class="mf-help">Controle rótulos, visibilidade e estilo dos botões básicos.</p>
+                  <h3>{{ tx('editor.actions.defaultTitle', 'Default buttons') }}</h3>
+                  <p class="mf-help">{{ tx('editor.actions.defaultHelp', 'Control labels, visibility and style for the basic buttons.') }}</p>
                 </div>
               </div>
               <div class="mf-actions-grid">
@@ -3065,10 +3390,10 @@ class ManualFormConfigEditorComponent {
                       [checked]="actionsModel[block.key].visible"
                       (change)="updateActionField(block.key, 'visible', $event.checked)"
                     >
-                      Visível
+                      {{ tx('editor.actions.field.visible', 'Visible') }}
                     </mat-slide-toggle>
                     <mat-form-field appearance="outline">
-                      <mat-label>Label</mat-label>
+                      <mat-label>{{ tx('editor.actions.field.label', 'Label') }}</mat-label>
                       <input
                         matInput
                         [value]="actionsModel[block.key].label"
@@ -3076,7 +3401,7 @@ class ManualFormConfigEditorComponent {
                       />
                     </mat-form-field>
                     <mat-form-field appearance="outline">
-                      <mat-label>Ícone</mat-label>
+                      <mat-label>{{ tx('editor.actions.field.icon', 'Icon') }}</mat-label>
                       <input
                         matInput
                         [value]="actionsModel[block.key].icon || ''"
@@ -3084,33 +3409,33 @@ class ManualFormConfigEditorComponent {
                       />
                     </mat-form-field>
                     <mat-form-field appearance="outline">
-                      <mat-label>Variante</mat-label>
+                      <mat-label>{{ tx('editor.actions.field.variant', 'Variant') }}</mat-label>
                       <mat-select
                         [value]="actionsModel[block.key].variant || null"
                         (selectionChange)="updateActionField(block.key, 'variant', $event.value)"
                       >
-                        <mat-option [value]="null">Padrão</mat-option>
-                        <mat-option value="raised">Elevado</mat-option>
-                        <mat-option value="stroked">Contornado</mat-option>
-                        <mat-option value="flat">Plano</mat-option>
-                        <mat-option value="fab">Flutuante</mat-option>
+                        <mat-option [value]="null">{{ tx('editor.actions.variant.default', 'Default') }}</mat-option>
+                        <mat-option value="raised">{{ tx('editor.actions.variant.raised', 'Raised') }}</mat-option>
+                        <mat-option value="stroked">{{ tx('editor.actions.variant.stroked', 'Stroked') }}</mat-option>
+                        <mat-option value="flat">{{ tx('editor.actions.variant.flat', 'Flat') }}</mat-option>
+                        <mat-option value="fab">{{ tx('editor.actions.variant.fab', 'Floating') }}</mat-option>
                       </mat-select>
                     </mat-form-field>
                     <mat-form-field appearance="outline">
-                      <mat-label>Cor</mat-label>
+                      <mat-label>{{ tx('editor.actions.field.color', 'Color') }}</mat-label>
                       <mat-select
                         [value]="actionsModel[block.key].color || null"
                         (selectionChange)="updateActionField(block.key, 'color', $event.value)"
                       >
-                        <mat-option [value]="null">Padrão</mat-option>
-                        <mat-option value="primary">Primary</mat-option>
-                        <mat-option value="accent">Accent</mat-option>
-                        <mat-option value="warn">Warn</mat-option>
-                        <mat-option value="basic">Basic</mat-option>
+                        <mat-option [value]="null">{{ tx('editor.actions.color.default', 'Default') }}</mat-option>
+                        <mat-option value="primary">{{ tx('editor.actions.color.primary', 'Primary') }}</mat-option>
+                        <mat-option value="accent">{{ tx('editor.actions.color.accent', 'Accent') }}</mat-option>
+                        <mat-option value="warn">{{ tx('editor.actions.color.warn', 'Warn') }}</mat-option>
+                        <mat-option value="basic">{{ tx('editor.actions.color.basic', 'Basic') }}</mat-option>
                       </mat-select>
                     </mat-form-field>
                     <mat-form-field appearance="outline">
-                      <mat-label>Atalho</mat-label>
+                      <mat-label>{{ tx('editor.actions.field.shortcut', 'Shortcut') }}</mat-label>
                       <input
                         matInput
                         [value]="actionsModel[block.key].shortcut || ''"
@@ -3125,67 +3450,67 @@ class ManualFormConfigEditorComponent {
             <section class="mf-section">
               <div class="mf-section__header">
                 <div>
-                  <h3>Layout das ações</h3>
-                  <p class="mf-help">Define alinhamento e disposição da barra de ações.</p>
+                  <h3>{{ tx('editor.actions.layoutTitle', 'Actions layout') }}</h3>
+                  <p class="mf-help">{{ tx('editor.actions.layoutHelp', 'Defines alignment and disposition of the actions bar.') }}</p>
                 </div>
               </div>
               <div class="mf-actions-layout">
                 <mat-form-field appearance="outline">
-                  <mat-label>Posição</mat-label>
+                  <mat-label>{{ tx('editor.actions.layout.position', 'Position') }}</mat-label>
                   <mat-select
                     [value]="actionsModel.position || null"
                     (selectionChange)="updateActionsLayout('position', $event.value)"
                   >
-                    <mat-option value="left">Esquerda</mat-option>
-                    <mat-option value="center">Centro</mat-option>
-                    <mat-option value="right">Direita</mat-option>
-                    <mat-option value="justified">Justificado</mat-option>
-                    <mat-option value="split">Split</mat-option>
+                    <mat-option value="left">{{ tx('editor.actions.layout.position.left', 'Left') }}</mat-option>
+                    <mat-option value="center">{{ tx('editor.actions.layout.position.center', 'Center') }}</mat-option>
+                    <mat-option value="right">{{ tx('editor.actions.layout.position.right', 'Right') }}</mat-option>
+                    <mat-option value="justified">{{ tx('editor.actions.layout.position.justified', 'Justified') }}</mat-option>
+                    <mat-option value="split">{{ tx('editor.actions.layout.position.split', 'Split') }}</mat-option>
                   </mat-select>
                 </mat-form-field>
                 <mat-form-field appearance="outline">
-                  <mat-label>Orientação</mat-label>
+                  <mat-label>{{ tx('editor.actions.layout.orientation', 'Orientation') }}</mat-label>
                   <mat-select
                     [value]="actionsModel.orientation || null"
                     (selectionChange)="updateActionsLayout('orientation', $event.value)"
                   >
-                    <mat-option value="horizontal">Horizontal</mat-option>
-                    <mat-option value="vertical">Vertical</mat-option>
+                    <mat-option value="horizontal">{{ tx('editor.actions.layout.orientation.horizontal', 'Horizontal') }}</mat-option>
+                    <mat-option value="vertical">{{ tx('editor.actions.layout.orientation.vertical', 'Vertical') }}</mat-option>
                   </mat-select>
                 </mat-form-field>
                 <mat-form-field appearance="outline">
-                  <mat-label>Espaçamento</mat-label>
+                  <mat-label>{{ tx('editor.actions.layout.spacing', 'Spacing') }}</mat-label>
                   <mat-select
                     [value]="actionsModel.spacing || null"
                     (selectionChange)="updateActionsLayout('spacing', $event.value)"
                   >
-                    <mat-option value="compact">Compacto</mat-option>
-                    <mat-option value="normal">Normal</mat-option>
-                    <mat-option value="spacious">Espaçoso</mat-option>
+                    <mat-option value="compact">{{ tx('editor.actions.layout.spacing.compact', 'Compact') }}</mat-option>
+                    <mat-option value="normal">{{ tx('editor.actions.layout.spacing.normal', 'Normal') }}</mat-option>
+                    <mat-option value="spacious">{{ tx('editor.actions.layout.spacing.spacious', 'Spacious') }}</mat-option>
                   </mat-select>
                 </mat-form-field>
                 <mat-form-field appearance="outline">
-                  <mat-label>Posicionamento</mat-label>
+                  <mat-label>{{ tx('editor.actions.layout.placement', 'Placement') }}</mat-label>
                   <mat-select
                     [value]="actionsModel.placement || null"
                     (selectionChange)="updateActionsLayout('placement', $event.value)"
                   >
-                    <mat-option value="afterSections">Após seções</mat-option>
-                    <mat-option value="insideLastSection">Dentro da última seção</mat-option>
-                    <mat-option value="top">Topo</mat-option>
+                    <mat-option value="afterSections">{{ tx('editor.actions.layout.placement.afterSections', 'After sections') }}</mat-option>
+                    <mat-option value="insideLastSection">{{ tx('editor.actions.layout.placement.insideLastSection', 'Inside last section') }}</mat-option>
+                    <mat-option value="top">{{ tx('editor.actions.layout.placement.top', 'Top') }}</mat-option>
                   </mat-select>
                 </mat-form-field>
                 <mat-slide-toggle
                   [checked]="!!actionsModel.sticky"
                   (change)="updateActionsLayout('sticky', $event.checked)"
                 >
-                  Ações fixas
+                  {{ tx('editor.actions.layout.sticky', 'Sticky actions') }}
                 </mat-slide-toggle>
                 <mat-slide-toggle
                   [checked]="!!actionsModel.divider"
                   (change)="updateActionsLayout('divider', $event.checked)"
                 >
-                  Mostrar divisor
+                  {{ tx('editor.actions.layout.divider', 'Show divider') }}
                 </mat-slide-toggle>
               </div>
             </section>
@@ -3193,12 +3518,12 @@ class ManualFormConfigEditorComponent {
             <section class="mf-section">
               <div class="mf-section__header mf-section__header--row">
                 <div>
-                  <h3>Ações customizadas</h3>
-                  <p class="mf-help">Crie botões extras com evento próprio.</p>
+                  <h3>{{ tx('editor.actions.customTitle', 'Custom actions') }}</h3>
+                  <p class="mf-help">{{ tx('editor.actions.customHelp', 'Create extra buttons with their own event.') }}</p>
                 </div>
                 <button mat-stroked-button type="button" (click)="addCustomAction()">
                   <mat-icon>add</mat-icon>
-                  Adicionar ação
+                  {{ tx('editor.actions.addCustom', 'Add action') }}
                 </button>
               </div>
               <div class="mf-custom-actions">
@@ -3213,7 +3538,7 @@ class ManualFormConfigEditorComponent {
                       </div>
                       <div class="mf-custom-card__grid">
                         <mat-form-field appearance="outline">
-                          <mat-label>ID</mat-label>
+                          <mat-label>{{ tx('editor.actions.field.id', 'ID') }}</mat-label>
                           <input
                             matInput
                             [value]="action.id || ''"
@@ -3221,7 +3546,7 @@ class ManualFormConfigEditorComponent {
                           />
                         </mat-form-field>
                         <mat-form-field appearance="outline">
-                          <mat-label>Label</mat-label>
+                          <mat-label>{{ tx('editor.actions.field.label', 'Label') }}</mat-label>
                           <input
                             matInput
                             [value]="action.label || ''"
@@ -3229,7 +3554,7 @@ class ManualFormConfigEditorComponent {
                           />
                         </mat-form-field>
                         <mat-form-field appearance="outline">
-                          <mat-label>Evento (action)</mat-label>
+                          <mat-label>{{ tx('editor.actions.field.eventAction', 'Event (action)') }}</mat-label>
                           <input
                             matInput
                             [value]="action.action || ''"
@@ -3237,7 +3562,7 @@ class ManualFormConfigEditorComponent {
                           />
                         </mat-form-field>
                         <mat-form-field appearance="outline">
-                          <mat-label>Ícone</mat-label>
+                          <mat-label>{{ tx('editor.actions.field.icon', 'Icon') }}</mat-label>
                           <input
                             matInput
                             [value]="action.icon || ''"
@@ -3245,33 +3570,33 @@ class ManualFormConfigEditorComponent {
                           />
                         </mat-form-field>
                         <mat-form-field appearance="outline">
-                          <mat-label>Variante</mat-label>
+                          <mat-label>{{ tx('editor.actions.field.variant', 'Variant') }}</mat-label>
                           <mat-select
                             [value]="action.variant || null"
                             (selectionChange)="updateCustomActionField(action, 'variant', $event.value)"
                           >
-                            <mat-option [value]="null">Padrão</mat-option>
-                            <mat-option value="raised">Elevado</mat-option>
-                            <mat-option value="stroked">Contornado</mat-option>
-                            <mat-option value="flat">Plano</mat-option>
-                            <mat-option value="fab">Flutuante</mat-option>
+                            <mat-option [value]="null">{{ tx('editor.actions.variant.default', 'Default') }}</mat-option>
+                            <mat-option value="raised">{{ tx('editor.actions.variant.raised', 'Raised') }}</mat-option>
+                            <mat-option value="stroked">{{ tx('editor.actions.variant.stroked', 'Stroked') }}</mat-option>
+                            <mat-option value="flat">{{ tx('editor.actions.variant.flat', 'Flat') }}</mat-option>
+                            <mat-option value="fab">{{ tx('editor.actions.variant.fab', 'Floating') }}</mat-option>
                           </mat-select>
                         </mat-form-field>
                         <mat-form-field appearance="outline">
-                          <mat-label>Cor</mat-label>
+                          <mat-label>{{ tx('editor.actions.field.color', 'Color') }}</mat-label>
                           <mat-select
                             [value]="action.color || null"
                             (selectionChange)="updateCustomActionField(action, 'color', $event.value)"
                           >
-                            <mat-option [value]="null">Padrão</mat-option>
-                            <mat-option value="primary">Primary</mat-option>
-                            <mat-option value="accent">Accent</mat-option>
-                            <mat-option value="warn">Warn</mat-option>
-                            <mat-option value="basic">Basic</mat-option>
+                            <mat-option [value]="null">{{ tx('editor.actions.color.default', 'Default') }}</mat-option>
+                            <mat-option value="primary">{{ tx('editor.actions.color.primary', 'Primary') }}</mat-option>
+                            <mat-option value="accent">{{ tx('editor.actions.color.accent', 'Accent') }}</mat-option>
+                            <mat-option value="warn">{{ tx('editor.actions.color.warn', 'Warn') }}</mat-option>
+                            <mat-option value="basic">{{ tx('editor.actions.color.basic', 'Basic') }}</mat-option>
                           </mat-select>
                         </mat-form-field>
                         <mat-form-field appearance="outline">
-                          <mat-label>Atalho</mat-label>
+                          <mat-label>{{ tx('editor.actions.field.shortcut', 'Shortcut') }}</mat-label>
                           <input
                             matInput
                             [value]="action.shortcut || ''"
@@ -3279,7 +3604,7 @@ class ManualFormConfigEditorComponent {
                           />
                         </mat-form-field>
                         <mat-form-field appearance="outline">
-                          <mat-label>Tooltip</mat-label>
+                          <mat-label>{{ tx('editor.actions.field.tooltip', 'Tooltip') }}</mat-label>
                           <input
                             matInput
                             [value]="action.tooltip || ''"
@@ -3290,31 +3615,31 @@ class ManualFormConfigEditorComponent {
                           [checked]="action.visible !== false"
                           (change)="updateCustomActionField(action, 'visible', $event.checked)"
                         >
-                          Visível
+                          {{ tx('editor.actions.field.visible', 'Visible') }}
                         </mat-slide-toggle>
                       </div>
                     </div>
                   }
                 } @else {
-                  <p class="mf-empty">Nenhuma ação customizada cadastrada.</p>
+                  <p class="mf-empty">{{ tx('editor.actions.emptyCustom', 'No custom actions registered.') }}</p>
                 }
               </div>
             </section>
           </div>
         </mat-tab>
 
-        <mat-tab label="Mensagens">
+        <mat-tab [label]="tx('editor.tabs.messages', 'Messages')">
           <div class="mf-tab">
             <section class="mf-section">
               <div class="mf-section__header">
                 <div>
-                  <h3>Feedback padrão</h3>
-                  <p class="mf-help">Mensagens de sucesso/erro exibidas pelo host.</p>
+                  <h3>{{ tx('editor.messages.defaultTitle', 'Default feedback') }}</h3>
+                  <p class="mf-help">{{ tx('editor.messages.defaultHelp', 'Success/error messages displayed by the host.') }}</p>
                 </div>
               </div>
               <div class="mf-messages-grid">
                 <mat-form-field appearance="outline">
-                  <mat-label>Sucesso ao criar</mat-label>
+                  <mat-label>{{ tx('editor.messages.createSuccess', 'Create success') }}</mat-label>
                   <input
                     matInput
                     [value]="messagesModel.createRegistrySuccess || ''"
@@ -3322,7 +3647,7 @@ class ManualFormConfigEditorComponent {
                   />
                 </mat-form-field>
                 <mat-form-field appearance="outline">
-                  <mat-label>Erro ao criar</mat-label>
+                  <mat-label>{{ tx('editor.messages.createError', 'Create error') }}</mat-label>
                   <input
                     matInput
                     [value]="messagesModel.createRegistryError || ''"
@@ -3330,7 +3655,7 @@ class ManualFormConfigEditorComponent {
                   />
                 </mat-form-field>
                 <mat-form-field appearance="outline">
-                  <mat-label>Sucesso ao atualizar</mat-label>
+                  <mat-label>{{ tx('editor.messages.updateSuccess', 'Update success') }}</mat-label>
                   <input
                     matInput
                     [value]="messagesModel.updateRegistrySuccess || ''"
@@ -3338,7 +3663,7 @@ class ManualFormConfigEditorComponent {
                   />
                 </mat-form-field>
                 <mat-form-field appearance="outline">
-                  <mat-label>Erro ao atualizar</mat-label>
+                  <mat-label>{{ tx('editor.messages.updateError', 'Update error') }}</mat-label>
                   <input
                     matInput
                     [value]="messagesModel.updateRegistryError || ''"
@@ -3351,13 +3676,13 @@ class ManualFormConfigEditorComponent {
             <section class="mf-section">
               <div class="mf-section__header">
                 <div>
-                  <h3>Confirmações</h3>
-                  <p class="mf-help">Textos mostrados antes de ações críticas.</p>
+                  <h3>{{ tx('editor.messages.confirmationsTitle', 'Confirmations') }}</h3>
+                  <p class="mf-help">{{ tx('editor.messages.confirmationsHelp', 'Texts shown before critical actions.') }}</p>
                 </div>
               </div>
               <div class="mf-messages-grid">
                 <mat-form-field appearance="outline">
-                  <mat-label>Enviar</mat-label>
+                  <mat-label>{{ tx('editor.defaults.submit', 'Save') }}</mat-label>
                   <input
                     matInput
                     [value]="messagesModel.confirmations?.submit || ''"
@@ -3365,7 +3690,7 @@ class ManualFormConfigEditorComponent {
                   />
                 </mat-form-field>
                 <mat-form-field appearance="outline">
-                  <mat-label>Cancelar</mat-label>
+                  <mat-label>{{ tx('editor.defaults.cancel', 'Cancel') }}</mat-label>
                   <input
                     matInput
                     [value]="messagesModel.confirmations?.cancel || ''"
@@ -3373,7 +3698,7 @@ class ManualFormConfigEditorComponent {
                   />
                 </mat-form-field>
                 <mat-form-field appearance="outline">
-                  <mat-label>Resetar</mat-label>
+                  <mat-label>{{ tx('editor.defaults.reset', 'Reset') }}</mat-label>
                   <input
                     matInput
                     [value]="messagesModel.confirmations?.reset || ''"
@@ -3386,13 +3711,13 @@ class ManualFormConfigEditorComponent {
             <section class="mf-section">
               <div class="mf-section__header">
                 <div>
-                  <h3>Loading</h3>
-                  <p class="mf-help">Mensagens exibidas durante operações.</p>
+                  <h3>{{ tx('editor.messages.loadingTitle', 'Loading') }}</h3>
+                  <p class="mf-help">{{ tx('editor.messages.loadingHelp', 'Messages displayed during operations.') }}</p>
                 </div>
               </div>
               <div class="mf-messages-grid">
                 <mat-form-field appearance="outline">
-                  <mat-label>Salvar</mat-label>
+                  <mat-label>{{ tx('editor.defaults.submit', 'Save') }}</mat-label>
                   <input
                     matInput
                     [value]="messagesModel.loading?.submit || ''"
@@ -3400,7 +3725,7 @@ class ManualFormConfigEditorComponent {
                   />
                 </mat-form-field>
                 <mat-form-field appearance="outline">
-                  <mat-label>Cancelar</mat-label>
+                  <mat-label>{{ tx('editor.defaults.cancel', 'Cancel') }}</mat-label>
                   <input
                     matInput
                     [value]="messagesModel.loading?.cancel || ''"
@@ -3408,7 +3733,7 @@ class ManualFormConfigEditorComponent {
                   />
                 </mat-form-field>
                 <mat-form-field appearance="outline">
-                  <mat-label>Resetar</mat-label>
+                  <mat-label>{{ tx('editor.defaults.reset', 'Reset') }}</mat-label>
                   <input
                     matInput
                     [value]="messagesModel.loading?.reset || ''"
@@ -3421,8 +3746,8 @@ class ManualFormConfigEditorComponent {
             <section class="mf-section">
               <div class="mf-section__header">
                 <div>
-                  <h3>Mensagens por ação customizada</h3>
-                  <p class="mf-help">Personalize textos por ID de ação.</p>
+                  <h3>{{ tx('editor.messages.customTitle', 'Messages by custom action') }}</h3>
+                  <p class="mf-help">{{ tx('editor.messages.customHelp', 'Customize texts by action ID.') }}</p>
                 </div>
               </div>
               <div class="mf-custom-messages">
@@ -3432,7 +3757,7 @@ class ManualFormConfigEditorComponent {
                       <div class="mf-custom-card__title">{{ action.label || action.id }}</div>
                       <div class="mf-custom-card__grid">
                         <mat-form-field appearance="outline">
-                          <mat-label>Confirmação</mat-label>
+                          <mat-label>{{ tx('editor.messages.confirmationsTitle', 'Confirmations') }}</mat-label>
                           <input
                             matInput
                             [value]="messagesModel.customActions?.[action.id || '']?.confirmation || ''"
@@ -3440,7 +3765,7 @@ class ManualFormConfigEditorComponent {
                           />
                         </mat-form-field>
                         <mat-form-field appearance="outline">
-                          <mat-label>Sucesso</mat-label>
+                          <mat-label>{{ tx('editor.shared.success', 'Success') }}</mat-label>
                           <input
                             matInput
                             [value]="messagesModel.customActions?.[action.id || '']?.success || ''"
@@ -3448,7 +3773,7 @@ class ManualFormConfigEditorComponent {
                           />
                         </mat-form-field>
                         <mat-form-field appearance="outline">
-                          <mat-label>Erro</mat-label>
+                          <mat-label>{{ tx('editor.shared.error', 'Error') }}</mat-label>
                           <input
                             matInput
                             [value]="messagesModel.customActions?.[action.id || '']?.error || ''"
@@ -3459,64 +3784,64 @@ class ManualFormConfigEditorComponent {
                     </div>
                   }
                 } @else {
-                  <p class="mf-empty">Cadastre ações customizadas para configurar mensagens específicas.</p>
+                  <p class="mf-empty">{{ tx('editor.messages.emptyCustom', 'Register custom actions to configure specific messages.') }}</p>
                 }
               </div>
             </section>
           </div>
         </mat-tab>
 
-        <mat-tab label="Comportamento">
+        <mat-tab [label]="tx('editor.tabs.behavior', 'Behavior')">
           <div class="mf-tab">
             <section class="mf-section">
               <div class="mf-section__header">
                 <div>
-                  <h3>Comportamento do formulário</h3>
-                  <p class="mf-help">Preferências aplicadas pelo host ou runtime.</p>
+                  <h3>{{ tx('editor.behavior.title', 'Form behavior') }}</h3>
+                  <p class="mf-help">{{ tx('editor.behavior.help', 'Preferences applied by the host or runtime.') }}</p>
                 </div>
               </div>
-              <div class="mf-note">Estas opções são persistidas no config; o host decide como aplicar.</div>
+              <div class="mf-note">{{ tx('editor.behavior.note', 'These options are persisted in config; the host decides how to apply them.') }}</div>
               <div class="mf-toggle-grid">
                 <mat-slide-toggle
                   [checked]="!!behaviorModel.confirmOnUnsavedChanges"
                   (change)="updateBehavior('confirmOnUnsavedChanges', $event.checked)"
                 >
-                  Confirmar ao sair com alterações não salvas
+                  {{ tx('editor.behavior.confirmUnsaved', 'Confirm unsaved changes before leaving') }}
                 </mat-slide-toggle>
                 <mat-slide-toggle
                   [checked]="!!behaviorModel.trackHistory"
                   (change)="updateBehavior('trackHistory', $event.checked)"
                 >
-                  Rastrear histórico de alterações
+                  {{ tx('editor.behavior.trackHistory', 'Track change history') }}
                 </mat-slide-toggle>
                 <mat-slide-toggle
                   [checked]="!!behaviorModel.focusFirstError"
                   (change)="updateBehavior('focusFirstError', $event.checked)"
                 >
-                  Focar no primeiro erro ao submeter
+                  {{ tx('editor.behavior.focusFirstError', 'Focus the first error on submit') }}
                 </mat-slide-toggle>
                 <mat-slide-toggle
                   [checked]="!!behaviorModel.scrollToErrors"
                   (change)="updateBehavior('scrollToErrors', $event.checked)"
                 >
-                  Rolar até os erros ao submeter
+                  {{ tx('editor.behavior.scrollToErrors', 'Scroll to errors on submit') }}
                 </mat-slide-toggle>
                 <mat-slide-toggle
                   [checked]="!!behaviorModel.clearAfterSave"
                   (change)="updateBehavior('clearAfterSave', $event.checked)"
                 >
-                  Limpar formulário após salvar
+                  {{ tx('editor.behavior.clearAfterSave', 'Clear form after save') }}
                 </mat-slide-toggle>
                 <mat-slide-toggle
                   [checked]="!!behaviorModel.reactiveValidation"
                   (change)="updateBehavior('reactiveValidation', $event.checked)"
                 >
-                  Validação reativa
+                  {{ tx('editor.behavior.reactiveValidation', 'Reactive validation') }}
                 </mat-slide-toggle>
               </div>
               <div class="mf-actions-layout">
                 <mat-form-field appearance="outline">
-                  <mat-label>Redirecionar após salvar (URL)</mat-label>
+                  <mat-label>{{ tx('editor.behavior.redirectAfterSave', 'Redirect after save (URL)') }}</mat-label>
                   <input
                     matInput
                     [value]="behaviorModel.redirectAfterSave || ''"
@@ -3524,7 +3849,7 @@ class ManualFormConfigEditorComponent {
                   />
                 </mat-form-field>
                 <mat-form-field appearance="outline">
-                  <mat-label>Debounce validação reativa (ms)</mat-label>
+                  <mat-label>{{ tx('editor.behavior.reactiveValidationDebounce', 'Reactive validation debounce (ms)') }}</mat-label>
                   <input
                     matInput
                     type="number"
@@ -3538,19 +3863,19 @@ class ManualFormConfigEditorComponent {
           </div>
         </mat-tab>
 
-        <mat-tab label="Dicas">
+        <mat-tab [label]="tx('editor.tabs.hints', 'Hints')">
           <div class="mf-tab">
             <section class="mf-section">
               <div class="mf-section__header">
                 <div>
-                  <h3>Mensagens de modo</h3>
-                  <p class="mf-help">Textos auxiliares exibidos pelo host.</p>
+                  <h3>{{ tx('editor.hints.modeTitle', 'Mode messages') }}</h3>
+                  <p class="mf-help">{{ tx('editor.hints.modeHelp', 'Auxiliary texts displayed by the host.') }}</p>
                 </div>
               </div>
-              <div class="mf-note">Útil para i18n e orientação do usuário.</div>
+              <div class="mf-note">{{ tx('editor.hints.modeNote', 'Useful for i18n and user guidance.') }}</div>
               <div class="mf-messages-grid">
                 <mat-form-field appearance="outline">
-                  <mat-label>Criar</mat-label>
+                  <mat-label>{{ tx('editor.hints.mode.create', 'Create') }}</mat-label>
                   <input
                     matInput
                     [value]="hintsModel.dataModes.create"
@@ -3558,7 +3883,7 @@ class ManualFormConfigEditorComponent {
                   />
                 </mat-form-field>
                 <mat-form-field appearance="outline">
-                  <mat-label>Editar</mat-label>
+                  <mat-label>{{ tx('editor.hints.mode.edit', 'Edit') }}</mat-label>
                   <input
                     matInput
                     [value]="hintsModel.dataModes.edit"
@@ -3566,7 +3891,7 @@ class ManualFormConfigEditorComponent {
                   />
                 </mat-form-field>
                 <mat-form-field appearance="outline">
-                  <mat-label>Visualizar</mat-label>
+                  <mat-label>{{ tx('editor.hints.mode.view', 'View') }}</mat-label>
                   <input
                     matInput
                     [value]="hintsModel.dataModes.view"
@@ -3579,13 +3904,13 @@ class ManualFormConfigEditorComponent {
             <section class="mf-section">
               <div class="mf-section__header">
                 <div>
-                  <h3>Dicas de UI</h3>
-                  <p class="mf-help">Ajuda contextual para estados do formulário.</p>
+                  <h3>{{ tx('editor.hints.uiTitle', 'UI hints') }}</h3>
+                  <p class="mf-help">{{ tx('editor.hints.uiHelp', 'Contextual help for form states.') }}</p>
                 </div>
               </div>
               <div class="mf-messages-grid">
                 <mat-form-field appearance="outline">
-                  <mat-label>Apresentação</mat-label>
+                  <mat-label>{{ tx('editor.hints.ui.presentation', 'Presentation') }}</mat-label>
                   <textarea
                     matInput
                     rows="2"
@@ -3594,7 +3919,7 @@ class ManualFormConfigEditorComponent {
                   ></textarea>
                 </mat-form-field>
                 <mat-form-field appearance="outline">
-                  <mat-label>Somente leitura</mat-label>
+                  <mat-label>{{ tx('editor.hints.ui.readonly', 'Read-only') }}</mat-label>
                   <textarea
                     matInput
                     rows="2"
@@ -3603,7 +3928,7 @@ class ManualFormConfigEditorComponent {
                   ></textarea>
                 </mat-form-field>
                 <mat-form-field appearance="outline">
-                  <mat-label>Desabilitado</mat-label>
+                  <mat-label>{{ tx('editor.hints.ui.disabled', 'Disabled') }}</mat-label>
                   <textarea
                     matInput
                     rows="2"
@@ -3612,7 +3937,7 @@ class ManualFormConfigEditorComponent {
                   ></textarea>
                 </mat-form-field>
                 <mat-form-field appearance="outline">
-                  <mat-label>Visível</mat-label>
+                  <mat-label>{{ tx('editor.hints.ui.visible', 'Visible') }}</mat-label>
                   <textarea
                     matInput
                     rows="2"
@@ -3625,24 +3950,24 @@ class ManualFormConfigEditorComponent {
           </div>
         </mat-tab>
 
-        <mat-tab label="Hooks">
+        <mat-tab [label]="tx('editor.tabs.hooks', 'Hooks')">
           <div class="mf-tab">
             <section class="mf-section">
               <div class="mf-section__header">
                 <div>
-                  <h3>Hooks de ciclo de vida</h3>
-                  <p class="mf-help">Defina ações automatizadas por estágio.</p>
+                  <h3>{{ tx('editor.hooks.title', 'Lifecycle hooks') }}</h3>
+                  <p class="mf-help">{{ tx('editor.hooks.help', 'Define automated actions by stage.') }}</p>
                 </div>
                 <div class="mf-actions-row">
                   <button mat-stroked-button type="button" (click)="resetHooks()">
-                    Restaurar
+                    {{ tx('editor.hooks.reset', 'Reset') }}
                   </button>
                   <button mat-flat-button color="primary" type="button" (click)="applyHooks()">
-                    Aplicar hooks
+                    {{ tx('editor.hooks.apply', 'Apply hooks') }}
                   </button>
                 </div>
               </div>
-              <div class="mf-note">Executa apenas se o host registrar hooks disponíveis.</div>
+              <div class="mf-note">{{ tx('editor.hooks.note', 'Runs only if the host registers available hooks.') }}</div>
               <div class="mf-hooks-grid">
               @for (stage of hookStages; track stage) {
                 <mat-form-field appearance="outline" class="mf-hook-field">
@@ -3652,14 +3977,14 @@ class ManualFormConfigEditorComponent {
                     rows="4"
                   [value]="hooksText[stage]"
                   (input)="onHookTextChange(stage, $any($event.target).value)"
-                  placeholder='[{ "id": "notifySuccess", "priority": 0, "args": {} }]'
+                  [placeholder]="hookPlaceholder()"
                 ></textarea>
                   <button
                     mat-icon-button
                     matSuffix
                     class="help-icon-button"
                     type="button"
-                    [matTooltip]="'Array JSON de hooks para ' + stage + ' (id, priority, timeoutMs, args).'"
+                    [matTooltip]="hookTooltip(stage)"
                     matTooltipPosition="above"
                   >
                     <mat-icon>help_outline</mat-icon>
@@ -3674,36 +3999,36 @@ class ManualFormConfigEditorComponent {
           </div>
         </mat-tab>
 
-        <mat-tab label="Regras">
+        <mat-tab [label]="tx('editor.tabs.rules', 'Rules')">
           <div class="mf-tab">
             <section class="mf-section">
               <div class="mf-section__header">
                 <div>
-                  <h3>Regras de layout</h3>
-                  <p class="mf-help">Regras avançadas para visibilidade e comportamento.</p>
+                  <h3>{{ tx('editor.rules.title', 'Layout rules') }}</h3>
+                  <p class="mf-help">{{ tx('editor.rules.help', 'Advanced rules for visibility and behavior.') }}</p>
                 </div>
                 <div class="mf-actions-row">
                   <button mat-flat-button color="primary" type="button" (click)="applyRules()">
-                    Aplicar regras
+                    {{ tx('editor.rules.apply', 'Apply rules') }}
                   </button>
                 </div>
               </div>
-              <div class="mf-note">Persistido no config; a execução depende do host.</div>
+              <div class="mf-note">{{ tx('editor.rules.note', 'Persisted in config; execution depends on the host.') }}</div>
               <mat-form-field appearance="outline">
-                <mat-label>formRules (JSON)</mat-label>
+                <mat-label>{{ tx('editor.rules.formRulesLabel', 'formRules (JSON)') }}</mat-label>
                 <textarea
                   matInput
                   rows="6"
                   [value]="formRulesText"
                   (input)="onRulesTextChange($any($event.target).value)"
-                  placeholder='[{"id":"rule-1","name":"Obrigatoriedade","targetType":"field","targets":["campo"],"effect":{"condition":"{campo} != null","properties":{"required":true}}}]'
+                  [placeholder]="formRulesPlaceholder()"
                 ></textarea>
                 <button
                   mat-icon-button
                   matSuffix
                   class="help-icon-button"
                   type="button"
-                  [matTooltip]="'Array JSON com regras (id, targetType, targets, effect).'"
+                  [matTooltip]="tx('editor.rules.tooltip', 'JSON array with rules (id, targetType, targets, effect).')"
                   matTooltipPosition="above"
                 >
                   <mat-icon>help_outline</mat-icon>
@@ -3713,7 +4038,7 @@ class ManualFormConfigEditorComponent {
                 }
               </mat-form-field>
               <mat-form-field appearance="outline">
-                <mat-label>formRulesState (JSON)</mat-label>
+                <mat-label>{{ tx('editor.rules.formRulesStateLabel', 'formRulesState (JSON)') }}</mat-label>
                 <textarea
                   matInput
                   rows="6"
@@ -3726,7 +4051,7 @@ class ManualFormConfigEditorComponent {
                   matSuffix
                   class="help-icon-button"
                   type="button"
-                  [matTooltip]="'Estado bruto do editor visual (opcional).'"
+                  [matTooltip]="tx('editor.rules.stateTooltip', 'Raw state from the visual editor (optional).')"
                   matTooltipPosition="above"
                 >
                   <mat-icon>help_outline</mat-icon>
@@ -3737,23 +4062,23 @@ class ManualFormConfigEditorComponent {
               </mat-form-field>
               <div class="mf-actions-row mf-actions-row--end">
                 <button mat-flat-button color="primary" type="button" (click)="applyRules()">
-                  Aplicar regras
+                  {{ tx('editor.rules.apply', 'Apply rules') }}
                 </button>
               </div>
             </section>
           </div>
         </mat-tab>
 
-        <mat-tab label="Cascatas">
+        <mat-tab [label]="tx('editor.tabs.cascade', 'Cascades')">
           <div class="mf-tab">
             <section class="mf-section mf-section--full">
               <div class="mf-section__header">
                 <div>
-                  <h3>Dependências entre campos</h3>
-                  <p class="mf-help">Configure cascatas nativas baseadas em metadados.</p>
+                  <h3>{{ tx('editor.cascade.title', 'Field dependencies') }}</h3>
+                  <p class="mf-help">{{ tx('editor.cascade.help', 'Configure native cascades based on metadata.') }}</p>
                 </div>
               </div>
-              <div class="mf-note">As alterações atualizam metadados e são salvas no draft.</div>
+              <div class="mf-note">{{ tx('editor.cascade.note', 'Changes update metadata and are saved in the draft.') }}</div>
               <praxis-cascade-manager-tab
                 [fields]="cascadeFields"
                 (apply)="applyCascadePatch($event)"
@@ -3779,33 +4104,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         MatIconModule,
                         MatTooltipModule,
                         CascadeManagerTabComponent,
-                    ], template: `
+                    ], providers: [providePraxisManualFormI18n()], template: `
     <div class="mf-editor">
       <div class="mf-editor__toolbar">
         <div class="mf-editor__title">
-          <span>Configurações do formulário</span>
-          <small class="mf-editor__subtitle">Campos, ações, mensagens e comportamento</small>
+          <span>{{ tx('editor.title', 'Form settings') }}</span>
+          <small class="mf-editor__subtitle">{{ tx('editor.subtitle', 'Fields, actions, messages and behavior') }}</small>
         </div>
         <div class="spacer"></div>
-        <button type="button" class="mf-btn" (click)="close()">Fechar</button>
+        <button type="button" class="mf-btn" (click)="close()">{{ tx('editor.close', 'Close') }}</button>
       </div>
 
       <mat-tab-group class="mf-tabs">
-        <mat-tab label="Campos">
+        <mat-tab [label]="tx('editor.tabs.fields', 'Fields')">
           <div class="mf-tab">
             <label class="mf-editor__filter">
               <input type="checkbox" [(ngModel)]="onlyHidden" (change)="applyFilter()" />
-              <span>Mostrar apenas ocultos</span>
+              <span>{{ tx('editor.fields.onlyHidden', 'Show hidden only') }}</span>
             </label>
             <div class="mf-editor__list">
               <div class="mf-editor__row mf-editor__row--head">
-                <div class="col col--name">Campo</div>
-                <div class="col col--label">Rótulo</div>
-                <div class="col col--type">Tipo</div>
-                <div class="col col--vis">Visível</div>
-                <div class="col col--req">Obrigatório</div>
-                <div class="col col--ro">Som. leitura</div>
-                <div class="col col--dis">Desabilitado</div>
+                <div class="col col--name">{{ tx('editor.fields.name', 'Field') }}</div>
+                <div class="col col--label">{{ tx('editor.fields.label', 'Label') }}</div>
+                <div class="col col--type">{{ tx('editor.fields.type', 'Type') }}</div>
+                <div class="col col--vis">{{ tx('editor.fields.visible', 'Visible') }}</div>
+                <div class="col col--req">{{ tx('editor.fields.required', 'Required') }}</div>
+                <div class="col col--ro">{{ tx('editor.fields.readOnly', 'Read-only') }}</div>
+                <div class="col col--dis">{{ tx('editor.fields.disabled', 'Disabled') }}</div>
               </div>
 
               @for (f of filtered; track f.name) {
@@ -3816,25 +4141,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                   <div class="col col--vis">
                     <label class="toggle">
                       <input type="checkbox" [checked]="!f.hidden" (change)="toggleVisibility(f, $any($event.target).checked)" />
-                      <span>{{ f.hidden ? 'Oculto' : 'Visível' }}</span>
+                      <span>{{ f.hidden ? tx('editor.fields.hiddenState', 'Hidden') : tx('editor.fields.visibleState', 'Visible') }}</span>
                     </label>
                   </div>
                   <div class="col col--req">
                     <label class="toggle">
                       <input type="checkbox" [checked]="!!f.required" (change)="toggleRequired(f, $any($event.target).checked)" />
-                      <span>{{ f.required ? 'Sim' : 'Não' }}</span>
+                      <span>{{ f.required ? tx('editor.shared.yes', 'Yes') : tx('editor.shared.no', 'No') }}</span>
                     </label>
                   </div>
                   <div class="col col--ro">
                     <label class="toggle">
                       <input type="checkbox" [checked]="!!f.readOnly" (change)="toggleReadOnly(f, $any($event.target).checked)" />
-                      <span>{{ f.readOnly ? 'Sim' : 'Não' }}</span>
+                      <span>{{ f.readOnly ? tx('editor.shared.yes', 'Yes') : tx('editor.shared.no', 'No') }}</span>
                     </label>
                   </div>
                   <div class="col col--dis">
                     <label class="toggle">
                       <input type="checkbox" [checked]="!!f.disabled" (change)="toggleDisabled(f, $any($event.target).checked)" />
-                      <span>{{ f.disabled ? 'Sim' : 'Não' }}</span>
+                      <span>{{ f.disabled ? tx('editor.shared.yes', 'Yes') : tx('editor.shared.no', 'No') }}</span>
                     </label>
                   </div>
                 </div>
@@ -3843,13 +4168,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
           </div>
         </mat-tab>
 
-        <mat-tab label="Ações">
+        <mat-tab [label]="tx('editor.tabs.actions', 'Actions')">
           <div class="mf-tab">
             <section class="mf-section">
               <div class="mf-section__header">
                 <div>
-                  <h3>Botões padrão</h3>
-                  <p class="mf-help">Controle rótulos, visibilidade e estilo dos botões básicos.</p>
+                  <h3>{{ tx('editor.actions.defaultTitle', 'Default buttons') }}</h3>
+                  <p class="mf-help">{{ tx('editor.actions.defaultHelp', 'Control labels, visibility and style for the basic buttons.') }}</p>
                 </div>
               </div>
               <div class="mf-actions-grid">
@@ -3860,10 +4185,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                       [checked]="actionsModel[block.key].visible"
                       (change)="updateActionField(block.key, 'visible', $event.checked)"
                     >
-                      Visível
+                      {{ tx('editor.actions.field.visible', 'Visible') }}
                     </mat-slide-toggle>
                     <mat-form-field appearance="outline">
-                      <mat-label>Label</mat-label>
+                      <mat-label>{{ tx('editor.actions.field.label', 'Label') }}</mat-label>
                       <input
                         matInput
                         [value]="actionsModel[block.key].label"
@@ -3871,7 +4196,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                       />
                     </mat-form-field>
                     <mat-form-field appearance="outline">
-                      <mat-label>Ícone</mat-label>
+                      <mat-label>{{ tx('editor.actions.field.icon', 'Icon') }}</mat-label>
                       <input
                         matInput
                         [value]="actionsModel[block.key].icon || ''"
@@ -3879,33 +4204,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                       />
                     </mat-form-field>
                     <mat-form-field appearance="outline">
-                      <mat-label>Variante</mat-label>
+                      <mat-label>{{ tx('editor.actions.field.variant', 'Variant') }}</mat-label>
                       <mat-select
                         [value]="actionsModel[block.key].variant || null"
                         (selectionChange)="updateActionField(block.key, 'variant', $event.value)"
                       >
-                        <mat-option [value]="null">Padrão</mat-option>
-                        <mat-option value="raised">Elevado</mat-option>
-                        <mat-option value="stroked">Contornado</mat-option>
-                        <mat-option value="flat">Plano</mat-option>
-                        <mat-option value="fab">Flutuante</mat-option>
+                        <mat-option [value]="null">{{ tx('editor.actions.variant.default', 'Default') }}</mat-option>
+                        <mat-option value="raised">{{ tx('editor.actions.variant.raised', 'Raised') }}</mat-option>
+                        <mat-option value="stroked">{{ tx('editor.actions.variant.stroked', 'Stroked') }}</mat-option>
+                        <mat-option value="flat">{{ tx('editor.actions.variant.flat', 'Flat') }}</mat-option>
+                        <mat-option value="fab">{{ tx('editor.actions.variant.fab', 'Floating') }}</mat-option>
                       </mat-select>
                     </mat-form-field>
                     <mat-form-field appearance="outline">
-                      <mat-label>Cor</mat-label>
+                      <mat-label>{{ tx('editor.actions.field.color', 'Color') }}</mat-label>
                       <mat-select
                         [value]="actionsModel[block.key].color || null"
                         (selectionChange)="updateActionField(block.key, 'color', $event.value)"
                       >
-                        <mat-option [value]="null">Padrão</mat-option>
-                        <mat-option value="primary">Primary</mat-option>
-                        <mat-option value="accent">Accent</mat-option>
-                        <mat-option value="warn">Warn</mat-option>
-                        <mat-option value="basic">Basic</mat-option>
+                        <mat-option [value]="null">{{ tx('editor.actions.color.default', 'Default') }}</mat-option>
+                        <mat-option value="primary">{{ tx('editor.actions.color.primary', 'Primary') }}</mat-option>
+                        <mat-option value="accent">{{ tx('editor.actions.color.accent', 'Accent') }}</mat-option>
+                        <mat-option value="warn">{{ tx('editor.actions.color.warn', 'Warn') }}</mat-option>
+                        <mat-option value="basic">{{ tx('editor.actions.color.basic', 'Basic') }}</mat-option>
                       </mat-select>
                     </mat-form-field>
                     <mat-form-field appearance="outline">
-                      <mat-label>Atalho</mat-label>
+                      <mat-label>{{ tx('editor.actions.field.shortcut', 'Shortcut') }}</mat-label>
                       <input
                         matInput
                         [value]="actionsModel[block.key].shortcut || ''"
@@ -3920,67 +4245,67 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
             <section class="mf-section">
               <div class="mf-section__header">
                 <div>
-                  <h3>Layout das ações</h3>
-                  <p class="mf-help">Define alinhamento e disposição da barra de ações.</p>
+                  <h3>{{ tx('editor.actions.layoutTitle', 'Actions layout') }}</h3>
+                  <p class="mf-help">{{ tx('editor.actions.layoutHelp', 'Defines alignment and disposition of the actions bar.') }}</p>
                 </div>
               </div>
               <div class="mf-actions-layout">
                 <mat-form-field appearance="outline">
-                  <mat-label>Posição</mat-label>
+                  <mat-label>{{ tx('editor.actions.layout.position', 'Position') }}</mat-label>
                   <mat-select
                     [value]="actionsModel.position || null"
                     (selectionChange)="updateActionsLayout('position', $event.value)"
                   >
-                    <mat-option value="left">Esquerda</mat-option>
-                    <mat-option value="center">Centro</mat-option>
-                    <mat-option value="right">Direita</mat-option>
-                    <mat-option value="justified">Justificado</mat-option>
-                    <mat-option value="split">Split</mat-option>
+                    <mat-option value="left">{{ tx('editor.actions.layout.position.left', 'Left') }}</mat-option>
+                    <mat-option value="center">{{ tx('editor.actions.layout.position.center', 'Center') }}</mat-option>
+                    <mat-option value="right">{{ tx('editor.actions.layout.position.right', 'Right') }}</mat-option>
+                    <mat-option value="justified">{{ tx('editor.actions.layout.position.justified', 'Justified') }}</mat-option>
+                    <mat-option value="split">{{ tx('editor.actions.layout.position.split', 'Split') }}</mat-option>
                   </mat-select>
                 </mat-form-field>
                 <mat-form-field appearance="outline">
-                  <mat-label>Orientação</mat-label>
+                  <mat-label>{{ tx('editor.actions.layout.orientation', 'Orientation') }}</mat-label>
                   <mat-select
                     [value]="actionsModel.orientation || null"
                     (selectionChange)="updateActionsLayout('orientation', $event.value)"
                   >
-                    <mat-option value="horizontal">Horizontal</mat-option>
-                    <mat-option value="vertical">Vertical</mat-option>
+                    <mat-option value="horizontal">{{ tx('editor.actions.layout.orientation.horizontal', 'Horizontal') }}</mat-option>
+                    <mat-option value="vertical">{{ tx('editor.actions.layout.orientation.vertical', 'Vertical') }}</mat-option>
                   </mat-select>
                 </mat-form-field>
                 <mat-form-field appearance="outline">
-                  <mat-label>Espaçamento</mat-label>
+                  <mat-label>{{ tx('editor.actions.layout.spacing', 'Spacing') }}</mat-label>
                   <mat-select
                     [value]="actionsModel.spacing || null"
                     (selectionChange)="updateActionsLayout('spacing', $event.value)"
                   >
-                    <mat-option value="compact">Compacto</mat-option>
-                    <mat-option value="normal">Normal</mat-option>
-                    <mat-option value="spacious">Espaçoso</mat-option>
+                    <mat-option value="compact">{{ tx('editor.actions.layout.spacing.compact', 'Compact') }}</mat-option>
+                    <mat-option value="normal">{{ tx('editor.actions.layout.spacing.normal', 'Normal') }}</mat-option>
+                    <mat-option value="spacious">{{ tx('editor.actions.layout.spacing.spacious', 'Spacious') }}</mat-option>
                   </mat-select>
                 </mat-form-field>
                 <mat-form-field appearance="outline">
-                  <mat-label>Posicionamento</mat-label>
+                  <mat-label>{{ tx('editor.actions.layout.placement', 'Placement') }}</mat-label>
                   <mat-select
                     [value]="actionsModel.placement || null"
                     (selectionChange)="updateActionsLayout('placement', $event.value)"
                   >
-                    <mat-option value="afterSections">Após seções</mat-option>
-                    <mat-option value="insideLastSection">Dentro da última seção</mat-option>
-                    <mat-option value="top">Topo</mat-option>
+                    <mat-option value="afterSections">{{ tx('editor.actions.layout.placement.afterSections', 'After sections') }}</mat-option>
+                    <mat-option value="insideLastSection">{{ tx('editor.actions.layout.placement.insideLastSection', 'Inside last section') }}</mat-option>
+                    <mat-option value="top">{{ tx('editor.actions.layout.placement.top', 'Top') }}</mat-option>
                   </mat-select>
                 </mat-form-field>
                 <mat-slide-toggle
                   [checked]="!!actionsModel.sticky"
                   (change)="updateActionsLayout('sticky', $event.checked)"
                 >
-                  Ações fixas
+                  {{ tx('editor.actions.layout.sticky', 'Sticky actions') }}
                 </mat-slide-toggle>
                 <mat-slide-toggle
                   [checked]="!!actionsModel.divider"
                   (change)="updateActionsLayout('divider', $event.checked)"
                 >
-                  Mostrar divisor
+                  {{ tx('editor.actions.layout.divider', 'Show divider') }}
                 </mat-slide-toggle>
               </div>
             </section>
@@ -3988,12 +4313,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
             <section class="mf-section">
               <div class="mf-section__header mf-section__header--row">
                 <div>
-                  <h3>Ações customizadas</h3>
-                  <p class="mf-help">Crie botões extras com evento próprio.</p>
+                  <h3>{{ tx('editor.actions.customTitle', 'Custom actions') }}</h3>
+                  <p class="mf-help">{{ tx('editor.actions.customHelp', 'Create extra buttons with their own event.') }}</p>
                 </div>
                 <button mat-stroked-button type="button" (click)="addCustomAction()">
                   <mat-icon>add</mat-icon>
-                  Adicionar ação
+                  {{ tx('editor.actions.addCustom', 'Add action') }}
                 </button>
               </div>
               <div class="mf-custom-actions">
@@ -4008,7 +4333,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                       </div>
                       <div class="mf-custom-card__grid">
                         <mat-form-field appearance="outline">
-                          <mat-label>ID</mat-label>
+                          <mat-label>{{ tx('editor.actions.field.id', 'ID') }}</mat-label>
                           <input
                             matInput
                             [value]="action.id || ''"
@@ -4016,7 +4341,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                           />
                         </mat-form-field>
                         <mat-form-field appearance="outline">
-                          <mat-label>Label</mat-label>
+                          <mat-label>{{ tx('editor.actions.field.label', 'Label') }}</mat-label>
                           <input
                             matInput
                             [value]="action.label || ''"
@@ -4024,7 +4349,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                           />
                         </mat-form-field>
                         <mat-form-field appearance="outline">
-                          <mat-label>Evento (action)</mat-label>
+                          <mat-label>{{ tx('editor.actions.field.eventAction', 'Event (action)') }}</mat-label>
                           <input
                             matInput
                             [value]="action.action || ''"
@@ -4032,7 +4357,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                           />
                         </mat-form-field>
                         <mat-form-field appearance="outline">
-                          <mat-label>Ícone</mat-label>
+                          <mat-label>{{ tx('editor.actions.field.icon', 'Icon') }}</mat-label>
                           <input
                             matInput
                             [value]="action.icon || ''"
@@ -4040,33 +4365,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                           />
                         </mat-form-field>
                         <mat-form-field appearance="outline">
-                          <mat-label>Variante</mat-label>
+                          <mat-label>{{ tx('editor.actions.field.variant', 'Variant') }}</mat-label>
                           <mat-select
                             [value]="action.variant || null"
                             (selectionChange)="updateCustomActionField(action, 'variant', $event.value)"
                           >
-                            <mat-option [value]="null">Padrão</mat-option>
-                            <mat-option value="raised">Elevado</mat-option>
-                            <mat-option value="stroked">Contornado</mat-option>
-                            <mat-option value="flat">Plano</mat-option>
-                            <mat-option value="fab">Flutuante</mat-option>
+                            <mat-option [value]="null">{{ tx('editor.actions.variant.default', 'Default') }}</mat-option>
+                            <mat-option value="raised">{{ tx('editor.actions.variant.raised', 'Raised') }}</mat-option>
+                            <mat-option value="stroked">{{ tx('editor.actions.variant.stroked', 'Stroked') }}</mat-option>
+                            <mat-option value="flat">{{ tx('editor.actions.variant.flat', 'Flat') }}</mat-option>
+                            <mat-option value="fab">{{ tx('editor.actions.variant.fab', 'Floating') }}</mat-option>
                           </mat-select>
                         </mat-form-field>
                         <mat-form-field appearance="outline">
-                          <mat-label>Cor</mat-label>
+                          <mat-label>{{ tx('editor.actions.field.color', 'Color') }}</mat-label>
                           <mat-select
                             [value]="action.color || null"
                             (selectionChange)="updateCustomActionField(action, 'color', $event.value)"
                           >
-                            <mat-option [value]="null">Padrão</mat-option>
-                            <mat-option value="primary">Primary</mat-option>
-                            <mat-option value="accent">Accent</mat-option>
-                            <mat-option value="warn">Warn</mat-option>
-                            <mat-option value="basic">Basic</mat-option>
+                            <mat-option [value]="null">{{ tx('editor.actions.color.default', 'Default') }}</mat-option>
+                            <mat-option value="primary">{{ tx('editor.actions.color.primary', 'Primary') }}</mat-option>
+                            <mat-option value="accent">{{ tx('editor.actions.color.accent', 'Accent') }}</mat-option>
+                            <mat-option value="warn">{{ tx('editor.actions.color.warn', 'Warn') }}</mat-option>
+                            <mat-option value="basic">{{ tx('editor.actions.color.basic', 'Basic') }}</mat-option>
                           </mat-select>
                         </mat-form-field>
                         <mat-form-field appearance="outline">
-                          <mat-label>Atalho</mat-label>
+                          <mat-label>{{ tx('editor.actions.field.shortcut', 'Shortcut') }}</mat-label>
                           <input
                             matInput
                             [value]="action.shortcut || ''"
@@ -4074,7 +4399,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                           />
                         </mat-form-field>
                         <mat-form-field appearance="outline">
-                          <mat-label>Tooltip</mat-label>
+                          <mat-label>{{ tx('editor.actions.field.tooltip', 'Tooltip') }}</mat-label>
                           <input
                             matInput
                             [value]="action.tooltip || ''"
@@ -4085,31 +4410,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                           [checked]="action.visible !== false"
                           (change)="updateCustomActionField(action, 'visible', $event.checked)"
                         >
-                          Visível
+                          {{ tx('editor.actions.field.visible', 'Visible') }}
                         </mat-slide-toggle>
                       </div>
                     </div>
                   }
                 } @else {
-                  <p class="mf-empty">Nenhuma ação customizada cadastrada.</p>
+                  <p class="mf-empty">{{ tx('editor.actions.emptyCustom', 'No custom actions registered.') }}</p>
                 }
               </div>
             </section>
           </div>
         </mat-tab>
 
-        <mat-tab label="Mensagens">
+        <mat-tab [label]="tx('editor.tabs.messages', 'Messages')">
           <div class="mf-tab">
             <section class="mf-section">
               <div class="mf-section__header">
                 <div>
-                  <h3>Feedback padrão</h3>
-                  <p class="mf-help">Mensagens de sucesso/erro exibidas pelo host.</p>
+                  <h3>{{ tx('editor.messages.defaultTitle', 'Default feedback') }}</h3>
+                  <p class="mf-help">{{ tx('editor.messages.defaultHelp', 'Success/error messages displayed by the host.') }}</p>
                 </div>
               </div>
               <div class="mf-messages-grid">
                 <mat-form-field appearance="outline">
-                  <mat-label>Sucesso ao criar</mat-label>
+                  <mat-label>{{ tx('editor.messages.createSuccess', 'Create success') }}</mat-label>
                   <input
                     matInput
                     [value]="messagesModel.createRegistrySuccess || ''"
@@ -4117,7 +4442,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                   />
                 </mat-form-field>
                 <mat-form-field appearance="outline">
-                  <mat-label>Erro ao criar</mat-label>
+                  <mat-label>{{ tx('editor.messages.createError', 'Create error') }}</mat-label>
                   <input
                     matInput
                     [value]="messagesModel.createRegistryError || ''"
@@ -4125,7 +4450,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                   />
                 </mat-form-field>
                 <mat-form-field appearance="outline">
-                  <mat-label>Sucesso ao atualizar</mat-label>
+                  <mat-label>{{ tx('editor.messages.updateSuccess', 'Update success') }}</mat-label>
                   <input
                     matInput
                     [value]="messagesModel.updateRegistrySuccess || ''"
@@ -4133,7 +4458,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                   />
                 </mat-form-field>
                 <mat-form-field appearance="outline">
-                  <mat-label>Erro ao atualizar</mat-label>
+                  <mat-label>{{ tx('editor.messages.updateError', 'Update error') }}</mat-label>
                   <input
                     matInput
                     [value]="messagesModel.updateRegistryError || ''"
@@ -4146,13 +4471,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
             <section class="mf-section">
               <div class="mf-section__header">
                 <div>
-                  <h3>Confirmações</h3>
-                  <p class="mf-help">Textos mostrados antes de ações críticas.</p>
+                  <h3>{{ tx('editor.messages.confirmationsTitle', 'Confirmations') }}</h3>
+                  <p class="mf-help">{{ tx('editor.messages.confirmationsHelp', 'Texts shown before critical actions.') }}</p>
                 </div>
               </div>
               <div class="mf-messages-grid">
                 <mat-form-field appearance="outline">
-                  <mat-label>Enviar</mat-label>
+                  <mat-label>{{ tx('editor.defaults.submit', 'Save') }}</mat-label>
                   <input
                     matInput
                     [value]="messagesModel.confirmations?.submit || ''"
@@ -4160,7 +4485,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                   />
                 </mat-form-field>
                 <mat-form-field appearance="outline">
-                  <mat-label>Cancelar</mat-label>
+                  <mat-label>{{ tx('editor.defaults.cancel', 'Cancel') }}</mat-label>
                   <input
                     matInput
                     [value]="messagesModel.confirmations?.cancel || ''"
@@ -4168,7 +4493,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                   />
                 </mat-form-field>
                 <mat-form-field appearance="outline">
-                  <mat-label>Resetar</mat-label>
+                  <mat-label>{{ tx('editor.defaults.reset', 'Reset') }}</mat-label>
                   <input
                     matInput
                     [value]="messagesModel.confirmations?.reset || ''"
@@ -4181,13 +4506,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
             <section class="mf-section">
               <div class="mf-section__header">
                 <div>
-                  <h3>Loading</h3>
-                  <p class="mf-help">Mensagens exibidas durante operações.</p>
+                  <h3>{{ tx('editor.messages.loadingTitle', 'Loading') }}</h3>
+                  <p class="mf-help">{{ tx('editor.messages.loadingHelp', 'Messages displayed during operations.') }}</p>
                 </div>
               </div>
               <div class="mf-messages-grid">
                 <mat-form-field appearance="outline">
-                  <mat-label>Salvar</mat-label>
+                  <mat-label>{{ tx('editor.defaults.submit', 'Save') }}</mat-label>
                   <input
                     matInput
                     [value]="messagesModel.loading?.submit || ''"
@@ -4195,7 +4520,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                   />
                 </mat-form-field>
                 <mat-form-field appearance="outline">
-                  <mat-label>Cancelar</mat-label>
+                  <mat-label>{{ tx('editor.defaults.cancel', 'Cancel') }}</mat-label>
                   <input
                     matInput
                     [value]="messagesModel.loading?.cancel || ''"
@@ -4203,7 +4528,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                   />
                 </mat-form-field>
                 <mat-form-field appearance="outline">
-                  <mat-label>Resetar</mat-label>
+                  <mat-label>{{ tx('editor.defaults.reset', 'Reset') }}</mat-label>
                   <input
                     matInput
                     [value]="messagesModel.loading?.reset || ''"
@@ -4216,8 +4541,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
             <section class="mf-section">
               <div class="mf-section__header">
                 <div>
-                  <h3>Mensagens por ação customizada</h3>
-                  <p class="mf-help">Personalize textos por ID de ação.</p>
+                  <h3>{{ tx('editor.messages.customTitle', 'Messages by custom action') }}</h3>
+                  <p class="mf-help">{{ tx('editor.messages.customHelp', 'Customize texts by action ID.') }}</p>
                 </div>
               </div>
               <div class="mf-custom-messages">
@@ -4227,7 +4552,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                       <div class="mf-custom-card__title">{{ action.label || action.id }}</div>
                       <div class="mf-custom-card__grid">
                         <mat-form-field appearance="outline">
-                          <mat-label>Confirmação</mat-label>
+                          <mat-label>{{ tx('editor.messages.confirmationsTitle', 'Confirmations') }}</mat-label>
                           <input
                             matInput
                             [value]="messagesModel.customActions?.[action.id || '']?.confirmation || ''"
@@ -4235,7 +4560,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                           />
                         </mat-form-field>
                         <mat-form-field appearance="outline">
-                          <mat-label>Sucesso</mat-label>
+                          <mat-label>{{ tx('editor.shared.success', 'Success') }}</mat-label>
                           <input
                             matInput
                             [value]="messagesModel.customActions?.[action.id || '']?.success || ''"
@@ -4243,7 +4568,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                           />
                         </mat-form-field>
                         <mat-form-field appearance="outline">
-                          <mat-label>Erro</mat-label>
+                          <mat-label>{{ tx('editor.shared.error', 'Error') }}</mat-label>
                           <input
                             matInput
                             [value]="messagesModel.customActions?.[action.id || '']?.error || ''"
@@ -4254,64 +4579,64 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                     </div>
                   }
                 } @else {
-                  <p class="mf-empty">Cadastre ações customizadas para configurar mensagens específicas.</p>
+                  <p class="mf-empty">{{ tx('editor.messages.emptyCustom', 'Register custom actions to configure specific messages.') }}</p>
                 }
               </div>
             </section>
           </div>
         </mat-tab>
 
-        <mat-tab label="Comportamento">
+        <mat-tab [label]="tx('editor.tabs.behavior', 'Behavior')">
           <div class="mf-tab">
             <section class="mf-section">
               <div class="mf-section__header">
                 <div>
-                  <h3>Comportamento do formulário</h3>
-                  <p class="mf-help">Preferências aplicadas pelo host ou runtime.</p>
+                  <h3>{{ tx('editor.behavior.title', 'Form behavior') }}</h3>
+                  <p class="mf-help">{{ tx('editor.behavior.help', 'Preferences applied by the host or runtime.') }}</p>
                 </div>
               </div>
-              <div class="mf-note">Estas opções são persistidas no config; o host decide como aplicar.</div>
+              <div class="mf-note">{{ tx('editor.behavior.note', 'These options are persisted in config; the host decides how to apply them.') }}</div>
               <div class="mf-toggle-grid">
                 <mat-slide-toggle
                   [checked]="!!behaviorModel.confirmOnUnsavedChanges"
                   (change)="updateBehavior('confirmOnUnsavedChanges', $event.checked)"
                 >
-                  Confirmar ao sair com alterações não salvas
+                  {{ tx('editor.behavior.confirmUnsaved', 'Confirm unsaved changes before leaving') }}
                 </mat-slide-toggle>
                 <mat-slide-toggle
                   [checked]="!!behaviorModel.trackHistory"
                   (change)="updateBehavior('trackHistory', $event.checked)"
                 >
-                  Rastrear histórico de alterações
+                  {{ tx('editor.behavior.trackHistory', 'Track change history') }}
                 </mat-slide-toggle>
                 <mat-slide-toggle
                   [checked]="!!behaviorModel.focusFirstError"
                   (change)="updateBehavior('focusFirstError', $event.checked)"
                 >
-                  Focar no primeiro erro ao submeter
+                  {{ tx('editor.behavior.focusFirstError', 'Focus the first error on submit') }}
                 </mat-slide-toggle>
                 <mat-slide-toggle
                   [checked]="!!behaviorModel.scrollToErrors"
                   (change)="updateBehavior('scrollToErrors', $event.checked)"
                 >
-                  Rolar até os erros ao submeter
+                  {{ tx('editor.behavior.scrollToErrors', 'Scroll to errors on submit') }}
                 </mat-slide-toggle>
                 <mat-slide-toggle
                   [checked]="!!behaviorModel.clearAfterSave"
                   (change)="updateBehavior('clearAfterSave', $event.checked)"
                 >
-                  Limpar formulário após salvar
+                  {{ tx('editor.behavior.clearAfterSave', 'Clear form after save') }}
                 </mat-slide-toggle>
                 <mat-slide-toggle
                   [checked]="!!behaviorModel.reactiveValidation"
                   (change)="updateBehavior('reactiveValidation', $event.checked)"
                 >
-                  Validação reativa
+                  {{ tx('editor.behavior.reactiveValidation', 'Reactive validation') }}
                 </mat-slide-toggle>
               </div>
               <div class="mf-actions-layout">
                 <mat-form-field appearance="outline">
-                  <mat-label>Redirecionar após salvar (URL)</mat-label>
+                  <mat-label>{{ tx('editor.behavior.redirectAfterSave', 'Redirect after save (URL)') }}</mat-label>
                   <input
                     matInput
                     [value]="behaviorModel.redirectAfterSave || ''"
@@ -4319,7 +4644,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                   />
                 </mat-form-field>
                 <mat-form-field appearance="outline">
-                  <mat-label>Debounce validação reativa (ms)</mat-label>
+                  <mat-label>{{ tx('editor.behavior.reactiveValidationDebounce', 'Reactive validation debounce (ms)') }}</mat-label>
                   <input
                     matInput
                     type="number"
@@ -4333,19 +4658,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
           </div>
         </mat-tab>
 
-        <mat-tab label="Dicas">
+        <mat-tab [label]="tx('editor.tabs.hints', 'Hints')">
           <div class="mf-tab">
             <section class="mf-section">
               <div class="mf-section__header">
                 <div>
-                  <h3>Mensagens de modo</h3>
-                  <p class="mf-help">Textos auxiliares exibidos pelo host.</p>
+                  <h3>{{ tx('editor.hints.modeTitle', 'Mode messages') }}</h3>
+                  <p class="mf-help">{{ tx('editor.hints.modeHelp', 'Auxiliary texts displayed by the host.') }}</p>
                 </div>
               </div>
-              <div class="mf-note">Útil para i18n e orientação do usuário.</div>
+              <div class="mf-note">{{ tx('editor.hints.modeNote', 'Useful for i18n and user guidance.') }}</div>
               <div class="mf-messages-grid">
                 <mat-form-field appearance="outline">
-                  <mat-label>Criar</mat-label>
+                  <mat-label>{{ tx('editor.hints.mode.create', 'Create') }}</mat-label>
                   <input
                     matInput
                     [value]="hintsModel.dataModes.create"
@@ -4353,7 +4678,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                   />
                 </mat-form-field>
                 <mat-form-field appearance="outline">
-                  <mat-label>Editar</mat-label>
+                  <mat-label>{{ tx('editor.hints.mode.edit', 'Edit') }}</mat-label>
                   <input
                     matInput
                     [value]="hintsModel.dataModes.edit"
@@ -4361,7 +4686,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                   />
                 </mat-form-field>
                 <mat-form-field appearance="outline">
-                  <mat-label>Visualizar</mat-label>
+                  <mat-label>{{ tx('editor.hints.mode.view', 'View') }}</mat-label>
                   <input
                     matInput
                     [value]="hintsModel.dataModes.view"
@@ -4374,13 +4699,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
             <section class="mf-section">
               <div class="mf-section__header">
                 <div>
-                  <h3>Dicas de UI</h3>
-                  <p class="mf-help">Ajuda contextual para estados do formulário.</p>
+                  <h3>{{ tx('editor.hints.uiTitle', 'UI hints') }}</h3>
+                  <p class="mf-help">{{ tx('editor.hints.uiHelp', 'Contextual help for form states.') }}</p>
                 </div>
               </div>
               <div class="mf-messages-grid">
                 <mat-form-field appearance="outline">
-                  <mat-label>Apresentação</mat-label>
+                  <mat-label>{{ tx('editor.hints.ui.presentation', 'Presentation') }}</mat-label>
                   <textarea
                     matInput
                     rows="2"
@@ -4389,7 +4714,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                   ></textarea>
                 </mat-form-field>
                 <mat-form-field appearance="outline">
-                  <mat-label>Somente leitura</mat-label>
+                  <mat-label>{{ tx('editor.hints.ui.readonly', 'Read-only') }}</mat-label>
                   <textarea
                     matInput
                     rows="2"
@@ -4398,7 +4723,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                   ></textarea>
                 </mat-form-field>
                 <mat-form-field appearance="outline">
-                  <mat-label>Desabilitado</mat-label>
+                  <mat-label>{{ tx('editor.hints.ui.disabled', 'Disabled') }}</mat-label>
                   <textarea
                     matInput
                     rows="2"
@@ -4407,7 +4732,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                   ></textarea>
                 </mat-form-field>
                 <mat-form-field appearance="outline">
-                  <mat-label>Visível</mat-label>
+                  <mat-label>{{ tx('editor.hints.ui.visible', 'Visible') }}</mat-label>
                   <textarea
                     matInput
                     rows="2"
@@ -4420,24 +4745,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
           </div>
         </mat-tab>
 
-        <mat-tab label="Hooks">
+        <mat-tab [label]="tx('editor.tabs.hooks', 'Hooks')">
           <div class="mf-tab">
             <section class="mf-section">
               <div class="mf-section__header">
                 <div>
-                  <h3>Hooks de ciclo de vida</h3>
-                  <p class="mf-help">Defina ações automatizadas por estágio.</p>
+                  <h3>{{ tx('editor.hooks.title', 'Lifecycle hooks') }}</h3>
+                  <p class="mf-help">{{ tx('editor.hooks.help', 'Define automated actions by stage.') }}</p>
                 </div>
                 <div class="mf-actions-row">
                   <button mat-stroked-button type="button" (click)="resetHooks()">
-                    Restaurar
+                    {{ tx('editor.hooks.reset', 'Reset') }}
                   </button>
                   <button mat-flat-button color="primary" type="button" (click)="applyHooks()">
-                    Aplicar hooks
+                    {{ tx('editor.hooks.apply', 'Apply hooks') }}
                   </button>
                 </div>
               </div>
-              <div class="mf-note">Executa apenas se o host registrar hooks disponíveis.</div>
+              <div class="mf-note">{{ tx('editor.hooks.note', 'Runs only if the host registers available hooks.') }}</div>
               <div class="mf-hooks-grid">
               @for (stage of hookStages; track stage) {
                 <mat-form-field appearance="outline" class="mf-hook-field">
@@ -4447,14 +4772,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                     rows="4"
                   [value]="hooksText[stage]"
                   (input)="onHookTextChange(stage, $any($event.target).value)"
-                  placeholder='[{ "id": "notifySuccess", "priority": 0, "args": {} }]'
+                  [placeholder]="hookPlaceholder()"
                 ></textarea>
                   <button
                     mat-icon-button
                     matSuffix
                     class="help-icon-button"
                     type="button"
-                    [matTooltip]="'Array JSON de hooks para ' + stage + ' (id, priority, timeoutMs, args).'"
+                    [matTooltip]="hookTooltip(stage)"
                     matTooltipPosition="above"
                   >
                     <mat-icon>help_outline</mat-icon>
@@ -4469,36 +4794,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
           </div>
         </mat-tab>
 
-        <mat-tab label="Regras">
+        <mat-tab [label]="tx('editor.tabs.rules', 'Rules')">
           <div class="mf-tab">
             <section class="mf-section">
               <div class="mf-section__header">
                 <div>
-                  <h3>Regras de layout</h3>
-                  <p class="mf-help">Regras avançadas para visibilidade e comportamento.</p>
+                  <h3>{{ tx('editor.rules.title', 'Layout rules') }}</h3>
+                  <p class="mf-help">{{ tx('editor.rules.help', 'Advanced rules for visibility and behavior.') }}</p>
                 </div>
                 <div class="mf-actions-row">
                   <button mat-flat-button color="primary" type="button" (click)="applyRules()">
-                    Aplicar regras
+                    {{ tx('editor.rules.apply', 'Apply rules') }}
                   </button>
                 </div>
               </div>
-              <div class="mf-note">Persistido no config; a execução depende do host.</div>
+              <div class="mf-note">{{ tx('editor.rules.note', 'Persisted in config; execution depends on the host.') }}</div>
               <mat-form-field appearance="outline">
-                <mat-label>formRules (JSON)</mat-label>
+                <mat-label>{{ tx('editor.rules.formRulesLabel', 'formRules (JSON)') }}</mat-label>
                 <textarea
                   matInput
                   rows="6"
                   [value]="formRulesText"
                   (input)="onRulesTextChange($any($event.target).value)"
-                  placeholder='[{"id":"rule-1","name":"Obrigatoriedade","targetType":"field","targets":["campo"],"effect":{"condition":"{campo} != null","properties":{"required":true}}}]'
+                  [placeholder]="formRulesPlaceholder()"
                 ></textarea>
                 <button
                   mat-icon-button
                   matSuffix
                   class="help-icon-button"
                   type="button"
-                  [matTooltip]="'Array JSON com regras (id, targetType, targets, effect).'"
+                  [matTooltip]="tx('editor.rules.tooltip', 'JSON array with rules (id, targetType, targets, effect).')"
                   matTooltipPosition="above"
                 >
                   <mat-icon>help_outline</mat-icon>
@@ -4508,7 +4833,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 }
               </mat-form-field>
               <mat-form-field appearance="outline">
-                <mat-label>formRulesState (JSON)</mat-label>
+                <mat-label>{{ tx('editor.rules.formRulesStateLabel', 'formRulesState (JSON)') }}</mat-label>
                 <textarea
                   matInput
                   rows="6"
@@ -4521,7 +4846,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                   matSuffix
                   class="help-icon-button"
                   type="button"
-                  [matTooltip]="'Estado bruto do editor visual (opcional).'"
+                  [matTooltip]="tx('editor.rules.stateTooltip', 'Raw state from the visual editor (optional).')"
                   matTooltipPosition="above"
                 >
                   <mat-icon>help_outline</mat-icon>
@@ -4532,23 +4857,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
               </mat-form-field>
               <div class="mf-actions-row mf-actions-row--end">
                 <button mat-flat-button color="primary" type="button" (click)="applyRules()">
-                  Aplicar regras
+                  {{ tx('editor.rules.apply', 'Apply rules') }}
                 </button>
               </div>
             </section>
           </div>
         </mat-tab>
 
-        <mat-tab label="Cascatas">
+        <mat-tab [label]="tx('editor.tabs.cascade', 'Cascades')">
           <div class="mf-tab">
             <section class="mf-section mf-section--full">
               <div class="mf-section__header">
                 <div>
-                  <h3>Dependências entre campos</h3>
-                  <p class="mf-help">Configure cascatas nativas baseadas em metadados.</p>
+                  <h3>{{ tx('editor.cascade.title', 'Field dependencies') }}</h3>
+                  <p class="mf-help">{{ tx('editor.cascade.help', 'Configure native cascades based on metadata.') }}</p>
                 </div>
               </div>
-              <div class="mf-note">As alterações atualizam metadados e são salvas no draft.</div>
+              <div class="mf-note">{{ tx('editor.cascade.note', 'Changes update metadata and are saved in the draft.') }}</div>
               <praxis-cascade-manager-tab
                 [fields]="cascadeFields"
                 (apply)="applyCascadePatch($event)"
@@ -4567,9 +4892,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                     args: [SETTINGS_PANEL_REF]
                 }] }] });
 const DEFAULT_ACTIONS = {
-    submit: makeAction({ id: 'submit', label: 'Salvar', visible: true, type: 'submit', color: 'primary' }),
-    cancel: makeAction({ id: 'cancel', label: 'Cancelar', visible: false, type: 'button' }),
-    reset: makeAction({ id: 'reset', label: 'Restaurar', visible: true, type: 'reset' }),
+    submit: makeAction({ id: 'submit', label: 'Save', visible: true, type: 'submit', color: 'primary' }),
+    cancel: makeAction({ id: 'cancel', label: 'Cancel', visible: false, type: 'button' }),
+    reset: makeAction({ id: 'reset', label: 'Reset', visible: true, type: 'reset' }),
     custom: [],
     position: 'right',
     orientation: 'horizontal',
@@ -4579,7 +4904,7 @@ function makeAction(action, index) {
     const fallbackId = typeof index === 'number' ? `custom-${index + 1}` : 'action';
     return {
         id: action.id ?? fallbackId,
-        label: action.label ?? 'Ação',
+        label: action.label ?? 'Action',
         visible: action.visible !== false,
         type: action.type ?? 'button',
         color: action.color,
@@ -5043,4 +5368,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
  */
 
 export { MANUAL_FORM_AI_CAPABILITIES, MANUAL_FORM_CONSTRUCTOR_TO_CONTROL_TYPE, MANUAL_FORM_SELECTOR_TO_CONTROL_TYPE, ManualFieldDirective, ManualFieldEditorOnDblclickDirective, ManualFieldKeyService, ManualFieldMetadataBridgeService, ManualFormActionsComponent, ManualFormComponent, ManualFormConfigEditorComponent, ManualFormDocExampleComponent, ManualFormDocExampleShowcaseComponent, ManualFormHeaderComponent, ManualFormInstance, ManualFormInstanceFactory, createManualFormSeed, toFieldMetadataMap };
-//# sourceMappingURL=praxisui-manual-form.mjs.map