feat: M28 增加工作流汇聚可视化配置

easyflow-ui-admin/packages/tinyflow-ui/src/components/base/collapse.svelte

@@ -8,6 +8,7 @@
         key: string;
         icon?: string | Snippet;
         title: string | Snippet;
+        badge?: string | Snippet;
         titleHelp?: string;
         description?: string | Snippet;
         content: string | Snippet;
@@ -50,6 +51,11 @@
                 {/if}
 
                 <Render target={item.title} />
+                {#if item.badge}
+                    <span class="tf-collapse-item-title-badge">
+                        <Render target={item.badge} />
+                    </span>
+                {/if}
                 {#if item.titleHelp}
                     <span
                         class="tf-collapse-item-title-help"
@@ -106,6 +112,22 @@
         position: relative;
     }
 
+    .tf-collapse-item-title-badge {
+        display: inline-flex;
+        align-items: center;
+        min-height: 18px;
+        padding: 1px 6px;
+        margin-left: 8px;
+        font-size: 10px;
+        font-weight: 500;
+        line-height: 1.2;
+        color: var(--tf-primary-color);
+        white-space: nowrap;
+        background: var(--tf-primary-soft-bg);
+        border: 1px solid var(--tf-primary-soft-border);
+        border-radius: 999px;
+    }
+
     .tf-collapse-item-title-help:hover {
         border-color: var(--tf-border-color-strong);
         color: var(--tf-text-primary);