From e568e4a2b577c3580457ea02f43993cda7c14fb8 Mon Sep 17 00:00:00 2001
From: hkfires <10558748+hkfires@users.noreply.github.com>
Date: Fri, 6 Feb 2026 11:29:21 +0800
Subject: [PATCH] feat(ui): show empty state for payload rules editor

---
 src/components/config/VisualConfigEditor.tsx | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/components/config/VisualConfigEditor.tsx b/src/components/config/VisualConfigEditor.tsx
index 7541b29..eff48ed 100644
--- a/src/components/config/VisualConfigEditor.tsx
+++ b/src/components/config/VisualConfigEditor.tsx
@@ -711,6 +711,20 @@ function PayloadFilterRulesEditor({
         </div>
       ))}
 
+      {rules.length === 0 && (
+        <div
+          style={{
+            border: '1px dashed var(--border-color)',
+            borderRadius: 12,
+            padding: 16,
+            color: 'var(--text-secondary)',
+            textAlign: 'center',
+          }}
+        >
+          {t('config_management.visual.payload_rules.no_rules')}
+        </div>
+      )}
+
       <div style={{ display: 'flex', justifyContent: 'flex-end' }}>
         <Button variant="secondary" size="sm" onClick={addRule} disabled={disabled}>
           {t('config_management.visual.payload_rules.add_rule')}