refactor: standardize activeTool casing and enhance trigger mechanics with bufferTime

app/src/components/layout/sidebarRight/mechanics/ConveyorMechanics.tsx

@@ -243,6 +243,7 @@ const ConveyorMechanics: React.FC = () => {
                 uuid: THREE.MathUtils.generateUUID(),
                 name: `Trigger ${triggerIndex + 1}`,
                 type: '',
+                bufferTime: 0,
                 isUsed: false
               };
 
@@ -298,8 +299,19 @@ const ConveyorMechanics: React.FC = () => {
     );
 
     setSimulationPaths(updatedPaths);
+
+    // Ensure the selectedItem is updated immediately
+    const updatedTrigger = updatedPaths
+      .flatMap((path) => (path.type === "Conveyor" ? path.points : []))
+      .flatMap((point) => point.triggers)
+      .find((trigger) => trigger.uuid === uuid);
+
+    if (updatedTrigger) {
+      setSelectedItem({ type: "trigger", item: updatedTrigger });
+    }
   };
 
+
   // Update the toggle handlers to immediately update the selected item
   const handleActionToggle = (uuid: string) => {
     if (!selectedActionSphere) return;
@@ -373,10 +385,45 @@ const ConveyorMechanics: React.FC = () => {
     }
   };
 
+  const handleTriggerBufferTimeChange = (uuid: string, bufferTime: number) => {
+    if (!selectedActionSphere) return;
+
+    const updatedPaths = simulationPaths.map((path) =>
+      path.type === "Conveyor"
+        ? {
+          ...path,
+          points: path.points.map((point) =>
+            point.uuid === selectedActionSphere.point.uuid
+              ? {
+                ...point,
+                triggers: point.triggers.map((trigger) =>
+                  trigger.uuid === uuid ? { ...trigger, bufferTime } : trigger
+                ),
+              }
+              : point
+          ),
+        }
+        : path
+    );
+
+    setSimulationPaths(updatedPaths);
+
+    // Immediately update selectedItem if it's the currently selected trigger
+    if (selectedItem?.type === "trigger" && selectedItem.item.uuid === uuid) {
+      setSelectedItem({
+        ...selectedItem,
+        item: {
+          ...selectedItem.item,
+          bufferTime
+        }
+      });
+    }
+  };
+
   const [selectedItem, setSelectedItem] = useState<{ type: "action" | "trigger"; item: any; } | null>(null);
 
   useEffect(() => {
-    setSelectedItem(null); // Reset selectedItem when selectedActionSphere changes
+    setSelectedItem(null);
   }, [selectedActionSphere]);
 
   return (
@@ -559,8 +606,19 @@ const ConveyorMechanics: React.FC = () => {
                     options={["On-Hit", "Buffer"]}
                     onSelect={(option) => handleTriggerSelect(selectedItem.item.uuid, option)}
                   />
+
+                  {selectedItem.item.type === "Buffer" && (
+                    <InputWithDropDown
+                      label="Buffer Time"
+                      value={selectedItem.item.bufferTime.toString()}
+                      onChange={(value) => {
+                        handleTriggerBufferTimeChange(selectedItem.item.uuid, parseInt(value));
+                      }}
+                    />
+                  )}
                 </>
               )}
+
             </>
           )}
 

app/src/components/layout/sidebarRight/mechanics/VehicleMechanics.tsx

@@ -243,6 +243,7 @@ const VehicleMechanics: React.FC = () => {
                                 uuid: THREE.MathUtils.generateUUID(),
                                 name: `Trigger ${triggerIndex + 1}`,
                                 type: '',
+                                bufferTime: 0,
                                 isUsed: false
                             };