fix(web): radio group widget

Author: leonardcser

apps/api/src/nodes/text/radio-group-node.ts

@@ -56,6 +56,7 @@ export class RadioGroupNode extends ExecutableNode {
 
   async execute(context: NodeContext): Promise<NodeExecution> {
     try {
+      console.log(context.inputs);
       const options = context.inputs.options as RadioOption[];
       const value = context.inputs.value as string;
 

apps/web/src/components/workflow/widgets/radio-group-widget.tsx

@@ -1,3 +1,5 @@
+import { useState } from "react";
+
 import { Label } from "@/components/ui/label";
 import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group";
 import { cn } from "@/utils/utils";
@@ -23,15 +25,20 @@ export function RadioGroupWidget({
   className,
   compact = false,
 }: RadioGroupWidgetProps) {
+  const [value, setValue] = useState(config.value);
+
   return (
     <div className={cn("space-y-2", className)}>
       <RadioGroup
-        value={config.value}
-        onValueChange={onChange}
+        value={value}
+        onValueChange={(value) => {
+          setValue(value);
+          onChange(value);
+        }}
         className={cn("flex flex-col gap-2", compact && "gap-1")}
       >
-        {config.options.map((option) => (
-          <div key={option.value} className="flex items-center space-x-2">
+        {config.options.map((option, i) => (
+          <div key={i} className="flex items-center space-x-2">
             <RadioGroupItem value={option.value} id={option.value} />
             <Label htmlFor={option.value}>{option.label}</Label>
           </div>