feat: add expanded visual view for filter rules

- Add VisualRuleSummary component showing conditions and actions as
  labeled inline pills with IF/THEN flow layout
- Add expandedFilterView toggle to settings store (persisted)
- Fix RuleSummary to allow multi-line wrapping instead of truncating
- Use items-start on rule cards so drag handle and toggle align to top
- Add translations for expanded view keys in all 8 locales
This commit is contained in:
Linus Rath
2026-03-21 20:45:17 +01:00
parent 4c2d185be4
commit afefbb8d46
10 changed files with 173 additions and 31 deletions
+6
View File
@@ -1183,6 +1183,12 @@
"opaque_warning": "Dieses Skript wurde außerhalb des visuellen Builders bearbeitet. Nur die Sieve-Skriptbearbeitung ist verfügbar.",
"open_sieve_editor": "Sieve-Skript-Editor öffnen",
"fetch_error": "Filter konnten nicht geladen werden",
"expanded_view": "Erweiterte Ansicht",
"expanded_view_description": "Filterregeln mit detaillierten Bedingungs- und Aktionsblöcken anzeigen",
"if": "Wenn",
"then": "Dann",
"match_all_conditions": "alle zutreffen",
"match_any_condition": "eine zutrifft",
"and": "und",
"or": "oder",
"cancel": "Abbrechen",
+6
View File
@@ -1183,6 +1183,12 @@
"opaque_warning": "This script was edited outside the visual builder. Only raw Sieve editing is available.",
"open_sieve_editor": "Open raw Sieve editor",
"fetch_error": "Failed to load filters",
"expanded_view": "Expanded view",
"expanded_view_description": "Show filter rules with detailed condition and action blocks",
"if": "If",
"then": "Then",
"match_all_conditions": "all match",
"match_any_condition": "any matches",
"and": "and",
"or": "or",
"cancel": "Cancel",
+6
View File
@@ -1183,6 +1183,12 @@
"opaque_warning": "Este script fue editado fuera del constructor visual. Solo está disponible la edición Sieve sin formato.",
"open_sieve_editor": "Abrir editor Sieve",
"fetch_error": "Error al cargar los filtros",
"expanded_view": "Vista expandida",
"expanded_view_description": "Mostrar reglas de filtro con bloques detallados de condiciones y acciones",
"if": "Si",
"then": "Entonces",
"match_all_conditions": "todas coinciden",
"match_any_condition": "alguna coincide",
"and": "y",
"or": "o",
"cancel": "Cancelar",
+6
View File
@@ -1183,6 +1183,12 @@
"opaque_warning": "Ce script a été modifié en dehors du constructeur visuel. Seule l'édition Sieve brute est disponible.",
"open_sieve_editor": "Ouvrir l'éditeur Sieve brut",
"fetch_error": "Échec du chargement des filtres",
"expanded_view": "Vue étendue",
"expanded_view_description": "Afficher les règles de filtre avec des blocs de conditions et d'actions détaillés",
"if": "Si",
"then": "Alors",
"match_all_conditions": "toutes correspondent",
"match_any_condition": "une correspond",
"and": "et",
"or": "ou",
"cancel": "Annuler",
+6
View File
@@ -1183,6 +1183,12 @@
"opaque_warning": "Questo script è stato modificato al di fuori del costruttore visuale. È disponibile solo la modifica Sieve grezza.",
"open_sieve_editor": "Apri editor Sieve",
"fetch_error": "Impossibile caricare i filtri",
"expanded_view": "Vista espansa",
"expanded_view_description": "Mostra le regole dei filtri con blocchi dettagliati di condizioni e azioni",
"if": "Se",
"then": "Allora",
"match_all_conditions": "tutte corrispondono",
"match_any_condition": "una corrisponde",
"and": "e",
"or": "o",
"cancel": "Annulla",
+6
View File
@@ -1183,6 +1183,12 @@
"opaque_warning": "このスクリプトはビジュアルビルダーの外部で編集されました。Sieveスクリプトの直接編集のみ可能です。",
"open_sieve_editor": "Sieveスクリプトエディタを開く",
"fetch_error": "フィルターの読み込みに失敗しました",
"expanded_view": "詳細表示",
"expanded_view_description": "フィルタールールを条件とアクションのブロックで表示",
"if": "条件",
"then": "実行",
"match_all_conditions": "すべて一致",
"match_any_condition": "いずれか一致",
"and": "かつ",
"or": "または",
"cancel": "キャンセル",
+6
View File
@@ -1183,6 +1183,12 @@
"opaque_warning": "Dit script is buiten de visuele builder bewerkt. Alleen Sieve-scriptbewerking is beschikbaar.",
"open_sieve_editor": "Sieve-scripteditor openen",
"fetch_error": "Filters konden niet worden geladen",
"expanded_view": "Uitgebreide weergave",
"expanded_view_description": "Filterregels weergeven met gedetailleerde voorwaarde- en actieblokken",
"if": "Als",
"then": "Dan",
"match_all_conditions": "alle overeenkomen",
"match_any_condition": "een overeenkomt",
"and": "en",
"or": "of",
"cancel": "Annuleren",
+6
View File
@@ -1183,6 +1183,12 @@
"opaque_warning": "Este script foi editado fora do construtor visual. Apenas a edição Sieve bruta está disponível.",
"open_sieve_editor": "Abrir editor Sieve",
"fetch_error": "Falha ao carregar filtros",
"expanded_view": "Vista expandida",
"expanded_view_description": "Mostrar regras de filtro com blocos detalhados de condições e ações",
"if": "Se",
"then": "Então",
"match_all_conditions": "todas correspondem",
"match_any_condition": "uma corresponde",
"and": "e",
"or": "ou",
"cancel": "Cancelar",