frontend/components/v2/config-panels/V2ApprovalStepConfigPanel.tsx

@@ -43,6 +43,14 @@ export const V2ApprovalStepConfigPanel: React.FC<V2ApprovalStepConfigPanelProps>
 
   const handleChange = (key: keyof ApprovalStepConfig, value: any) => {
     onChange({ [key]: value });
+
+    if (typeof window !== "undefined") {
+      window.dispatchEvent(
+        new CustomEvent("componentConfigChanged", {
+          detail: { config: { ...config, [key]: value } },
+        })
+      );
+    }
   };
 
   useEffect(() => {
@@ -102,9 +110,17 @@ export const V2ApprovalStepConfigPanel: React.FC<V2ApprovalStepConfigPanelProps>
 
   const handleTableChange = (newTableName: string) => {
     if (newTableName === targetTableName) return;
-    handleChange("targetTable", newTableName);
+    const patch = { targetTable: newTableName, targetRecordIdField: "" };
-    handleChange("targetRecordIdField", "");
+    onChange(patch);
     setTableOpen(false);
+
+    if (typeof window !== "undefined") {
+      window.dispatchEvent(
+        new CustomEvent("componentConfigChanged", {
+          detail: { config: { ...config, ...patch } },
+        })
+      );
+    }
   };
 
   return (
@@ -376,4 +392,6 @@ export const V2ApprovalStepConfigPanel: React.FC<V2ApprovalStepConfigPanelProps>
   );
 };
 
+V2ApprovalStepConfigPanel.displayName = "V2ApprovalStepConfigPanel";
+
 export default V2ApprovalStepConfigPanel;

frontend/components/v2/config-panels/V2DividerLineConfigPanel.tsx

@@ -13,7 +13,7 @@ import {
   CollapsibleContent,
   CollapsibleTrigger,
 } from "@/components/ui/collapsible";
-import { Settings, ChevronDown, Minus, MoreHorizontal, Equal } from "lucide-react";
+import { Settings, ChevronDown } from "lucide-react";
 import { cn } from "@/lib/utils";
 
 const THICKNESS_CARDS = [